@1money/component-ui 0.0.11 → 0.0.13
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/es/components/Alert/style/Alert.css +1 -1
- package/es/components/Checkbox/CheckboxGroup.js +4 -4
- package/es/components/Checkbox/interface.d.ts +1 -1
- package/es/components/Input/Input/Input.css +1 -1
- package/es/components/Input/Input/Input.js +2 -1
- package/es/components/Input/OTP/OTP.css +1 -1
- package/es/components/Input/TextArea/TextArea.css +1 -1
- package/es/components/Radio/BaseRadio.d.ts +1 -1
- package/es/components/Radio/BaseRadio.js +1 -1
- package/es/components/Radio/Radio.js +7 -5
- package/es/components/Radio/RadioGroup.js +7 -6
- package/es/components/Radio/RadioGroupContext.d.ts +3 -3
- package/es/components/Radio/constants.d.ts +8 -5
- package/es/components/Radio/constants.js +11 -17
- package/es/components/Radio/interface.d.ts +11 -4
- package/es/index.css +1 -1
- package/lib/components/Alert/style/Alert.css +1 -1
- package/lib/components/Checkbox/CheckboxGroup.js +4 -4
- package/lib/components/Checkbox/interface.d.ts +1 -1
- package/lib/components/Input/Input/Input.css +1 -1
- package/lib/components/Input/Input/Input.js +2 -1
- package/lib/components/Input/OTP/OTP.css +1 -1
- package/lib/components/Input/TextArea/TextArea.css +1 -1
- package/lib/components/Radio/BaseRadio.d.ts +1 -1
- package/lib/components/Radio/BaseRadio.js +1 -1
- package/lib/components/Radio/Radio.js +6 -4
- package/lib/components/Radio/RadioGroup.js +6 -5
- package/lib/components/Radio/RadioGroupContext.d.ts +3 -3
- package/lib/components/Radio/constants.d.ts +8 -5
- package/lib/components/Radio/constants.js +12 -18
- package/lib/components/Radio/interface.d.ts +11 -4
- package/lib/index.css +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { IconName } from "../Icons";
|
|
2
|
-
import type { RadioAlignment, RadioOrientation, RadioSize
|
|
2
|
+
import type { RadioAlignment, RadioLabelPlacement, RadioOrientation, RadioSize } from './interface';
|
|
3
3
|
export declare const RADIO_PREFIX_CLS = "radio";
|
|
4
4
|
export declare const RADIO_GROUP_PREFIX_CLS = "radio-group";
|
|
5
5
|
export declare const RADIO_VARIANT_DEFAULT = "default";
|
|
@@ -14,8 +14,11 @@ export declare const RADIO_ORIENTATION_VERTICAL = "vertical";
|
|
|
14
14
|
export declare const RADIO_ORIENTATIONS: readonly ["horizontal", "vertical"];
|
|
15
15
|
export declare const RADIO_ALIGNMENT_LEFT = "left";
|
|
16
16
|
export declare const RADIO_ALIGNMENT_CENTER = "center";
|
|
17
|
-
export declare const
|
|
18
|
-
export declare const
|
|
17
|
+
export declare const RADIO_ALIGNMENTS: readonly ["left", "center"];
|
|
18
|
+
export declare const RADIO_LABEL_PLACEMENT_LEFT = "left";
|
|
19
|
+
export declare const RADIO_LABEL_PLACEMENT_RIGHT = "right";
|
|
20
|
+
export declare const RADIO_LABEL_PLACEMENTS: readonly ["left", "right"];
|
|
21
|
+
export declare const RADIO_DEFAULT_LABEL_PLACEMENT: (typeof RADIO_LABEL_PLACEMENTS)[number];
|
|
19
22
|
export declare const RADIO_LAYOUT_VERTICAL = "vertical";
|
|
20
23
|
export declare const RADIO_LAYOUT_HORIZONTAL = "horizontal";
|
|
21
24
|
export declare const RADIO_LAYOUTS: readonly ["vertical", "horizontal"];
|
|
@@ -30,7 +33,7 @@ export declare const RADIO_TAG_SIZE = "small";
|
|
|
30
33
|
export declare const RADIO_CELL_ICON_SIZE_MAP: Record<RadioOrientation, Record<RadioSize, number>>;
|
|
31
34
|
export declare const getRadioAlignmentFromOrientation: (orientation: RadioOrientation) => RadioAlignment;
|
|
32
35
|
export declare const getRadioOrientationFromAlignment: (alignment: RadioAlignment) => RadioOrientation;
|
|
33
|
-
export declare const
|
|
34
|
-
export declare const
|
|
36
|
+
export declare const normalizeRadioAlignment: (alignment: RadioAlignment) => RadioAlignment;
|
|
37
|
+
export declare const resolveDefaultVariantLabelPlacement: (labelPlacement: RadioLabelPlacement | undefined) => RadioLabelPlacement;
|
|
35
38
|
export declare const RADIO_CELL_INDICATOR_ICON_COLOR = "var(--om-radio-cell-indicator-icon)";
|
|
36
39
|
export declare const RADIO_CELL_ICON_COLOR = "var(--om-radio-cell-icon)";
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.resolveDefaultVariantLabelPlacement = exports.normalizeRadioAlignment = exports.getRadioOrientationFromAlignment = exports.getRadioAlignmentFromOrientation = exports.RADIO_VARIANT_DEFAULT = exports.RADIO_VARIANT_CELL = exports.RADIO_VARIANTS = exports.RADIO_TAG_SIZE = exports.RADIO_SIZE_SMALL = exports.RADIO_SIZE_MEDIUM = exports.RADIO_SIZE_LARGE = exports.RADIO_SIZES = exports.RADIO_PREFIX_CLS = exports.RADIO_ORIENTATION_VERTICAL = exports.RADIO_ORIENTATION_HORIZONTAL = exports.RADIO_ORIENTATIONS = exports.RADIO_LAYOUT_VERTICAL = exports.RADIO_LAYOUT_HORIZONTAL = exports.RADIO_LAYOUTS = exports.RADIO_LABEL_PLACEMENT_RIGHT = exports.RADIO_LABEL_PLACEMENT_LEFT = exports.RADIO_LABEL_PLACEMENTS = exports.RADIO_INPUT_TYPE = exports.RADIO_GROUP_PREFIX_CLS = exports.RADIO_DEFAULT_VARIANT = exports.RADIO_DEFAULT_SIZE = exports.RADIO_DEFAULT_ORIENTATION = exports.RADIO_DEFAULT_LAYOUT = exports.RADIO_DEFAULT_LABEL_PLACEMENT = exports.RADIO_DEFAULT_ALIGNMENT = exports.RADIO_CELL_INDICATOR_ICON_COLOR = exports.RADIO_CELL_ICON_SIZE_MAP = exports.RADIO_CELL_ICON_COLOR = exports.RADIO_CELL_CHECK_ICON = exports.RADIO_ALIGNMENT_LEFT = exports.RADIO_ALIGNMENT_CENTER = exports.RADIO_ALIGNMENTS = void 0;
|
|
7
7
|
var RADIO_PREFIX_CLS = exports.RADIO_PREFIX_CLS = 'radio';
|
|
8
8
|
var RADIO_GROUP_PREFIX_CLS = exports.RADIO_GROUP_PREFIX_CLS = 'radio-group';
|
|
9
9
|
var RADIO_VARIANT_DEFAULT = exports.RADIO_VARIANT_DEFAULT = 'default';
|
|
@@ -18,8 +18,11 @@ var RADIO_ORIENTATION_VERTICAL = exports.RADIO_ORIENTATION_VERTICAL = 'vertical'
|
|
|
18
18
|
var RADIO_ORIENTATIONS = exports.RADIO_ORIENTATIONS = [RADIO_ORIENTATION_HORIZONTAL, RADIO_ORIENTATION_VERTICAL];
|
|
19
19
|
var RADIO_ALIGNMENT_LEFT = exports.RADIO_ALIGNMENT_LEFT = 'left';
|
|
20
20
|
var RADIO_ALIGNMENT_CENTER = exports.RADIO_ALIGNMENT_CENTER = 'center';
|
|
21
|
-
var
|
|
22
|
-
var
|
|
21
|
+
var RADIO_ALIGNMENTS = exports.RADIO_ALIGNMENTS = [RADIO_ALIGNMENT_LEFT, RADIO_ALIGNMENT_CENTER];
|
|
22
|
+
var RADIO_LABEL_PLACEMENT_LEFT = exports.RADIO_LABEL_PLACEMENT_LEFT = 'left';
|
|
23
|
+
var RADIO_LABEL_PLACEMENT_RIGHT = exports.RADIO_LABEL_PLACEMENT_RIGHT = 'right';
|
|
24
|
+
var RADIO_LABEL_PLACEMENTS = exports.RADIO_LABEL_PLACEMENTS = [RADIO_LABEL_PLACEMENT_LEFT, RADIO_LABEL_PLACEMENT_RIGHT];
|
|
25
|
+
var RADIO_DEFAULT_LABEL_PLACEMENT = exports.RADIO_DEFAULT_LABEL_PLACEMENT = RADIO_LABEL_PLACEMENT_LEFT;
|
|
23
26
|
var RADIO_LAYOUT_VERTICAL = exports.RADIO_LAYOUT_VERTICAL = 'vertical';
|
|
24
27
|
var RADIO_LAYOUT_HORIZONTAL = exports.RADIO_LAYOUT_HORIZONTAL = 'horizontal';
|
|
25
28
|
var RADIO_LAYOUTS = exports.RADIO_LAYOUTS = [RADIO_LAYOUT_VERTICAL, RADIO_LAYOUT_HORIZONTAL];
|
|
@@ -27,7 +30,7 @@ var RADIO_DEFAULT_VARIANT = exports.RADIO_DEFAULT_VARIANT = RADIO_VARIANT_DEFAUL
|
|
|
27
30
|
var RADIO_DEFAULT_SIZE = exports.RADIO_DEFAULT_SIZE = RADIO_SIZE_LARGE;
|
|
28
31
|
var RADIO_DEFAULT_ORIENTATION = exports.RADIO_DEFAULT_ORIENTATION = RADIO_ORIENTATION_HORIZONTAL;
|
|
29
32
|
var RADIO_DEFAULT_ALIGNMENT = exports.RADIO_DEFAULT_ALIGNMENT = RADIO_ALIGNMENT_LEFT;
|
|
30
|
-
var RADIO_DEFAULT_LAYOUT = exports.RADIO_DEFAULT_LAYOUT =
|
|
33
|
+
var RADIO_DEFAULT_LAYOUT = exports.RADIO_DEFAULT_LAYOUT = RADIO_LAYOUT_HORIZONTAL;
|
|
31
34
|
var RADIO_INPUT_TYPE = exports.RADIO_INPUT_TYPE = 'radio';
|
|
32
35
|
var RADIO_CELL_CHECK_ICON = exports.RADIO_CELL_CHECK_ICON = 'check';
|
|
33
36
|
var RADIO_TAG_SIZE = exports.RADIO_TAG_SIZE = 'small';
|
|
@@ -49,21 +52,12 @@ var getRadioAlignmentFromOrientation = exports.getRadioAlignmentFromOrientation
|
|
|
49
52
|
var getRadioOrientationFromAlignment = exports.getRadioOrientationFromAlignment = function getRadioOrientationFromAlignment(alignment) {
|
|
50
53
|
return alignment === RADIO_ALIGNMENT_CENTER ? RADIO_ORIENTATION_VERTICAL : RADIO_ORIENTATION_HORIZONTAL;
|
|
51
54
|
};
|
|
52
|
-
var
|
|
53
|
-
|
|
54
|
-
return RADIO_ALIGNMENT_RIGHT;
|
|
55
|
-
}
|
|
56
|
-
if (direction === 'left') {
|
|
57
|
-
return RADIO_ALIGNMENT_LEFT;
|
|
58
|
-
}
|
|
59
|
-
return undefined;
|
|
55
|
+
var normalizeRadioAlignment = exports.normalizeRadioAlignment = function normalizeRadioAlignment(alignment) {
|
|
56
|
+
return alignment === RADIO_ALIGNMENT_CENTER ? RADIO_ALIGNMENT_CENTER : RADIO_ALIGNMENT_LEFT;
|
|
60
57
|
};
|
|
61
|
-
var
|
|
62
|
-
|
|
63
|
-
return alignment === RADIO_ALIGNMENT_CENTER ? RADIO_ALIGNMENT_CENTER : RADIO_ALIGNMENT_LEFT;
|
|
64
|
-
}
|
|
65
|
-
return alignment === RADIO_ALIGNMENT_RIGHT ? RADIO_ALIGNMENT_RIGHT : RADIO_ALIGNMENT_LEFT;
|
|
58
|
+
var resolveDefaultVariantLabelPlacement = exports.resolveDefaultVariantLabelPlacement = function resolveDefaultVariantLabelPlacement(labelPlacement) {
|
|
59
|
+
return labelPlacement === RADIO_LABEL_PLACEMENT_RIGHT ? RADIO_LABEL_PLACEMENT_RIGHT : RADIO_LABEL_PLACEMENT_LEFT;
|
|
66
60
|
};
|
|
67
61
|
var RADIO_CELL_INDICATOR_ICON_COLOR = exports.RADIO_CELL_INDICATOR_ICON_COLOR = 'var(--om-radio-cell-indicator-icon)';
|
|
68
62
|
var RADIO_CELL_ICON_COLOR = exports.RADIO_CELL_ICON_COLOR = 'var(--om-radio-cell-icon)';
|
|
69
|
-
//# sourceMappingURL=data:application/json;charset=utf8;base64,
|
|
63
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvUmFkaW8vY29uc3RhbnRzLnRzIiwiY29tcG9uZW50cy9SYWRpby9jb25zdGFudHMuanMiXSwibmFtZXMiOlsiUkFESU9fUFJFRklYX0NMUyIsImV4cG9ydHMiLCJSQURJT19HUk9VUF9QUkVGSVhfQ0xTIiwiUkFESU9fVkFSSUFOVF9ERUZBVUxUIiwiUkFESU9fVkFSSUFOVF9DRUxMIiwiUkFESU9fVkFSSUFOVFMiLCJSQURJT19TSVpFX0xBUkdFIiwiUkFESU9fU0laRV9NRURJVU0iLCJSQURJT19TSVpFX1NNQUxMIiwiUkFESU9fU0laRVMiLCJSQURJT19PUklFTlRBVElPTl9IT1JJWk9OVEFMIiwiUkFESU9fT1JJRU5UQVRJT05fVkVSVElDQUwiLCJSQURJT19PUklFTlRBVElPTlMiLCJSQURJT19BTElHTk1FTlRfTEVGVCIsIlJBRElPX0FMSUdOTUVOVF9DRU5URVIiLCJSQURJT19BTElHTk1FTlRTIiwiUkFESU9fTEFCRUxfUExBQ0VNRU5UX0xFRlQiLCJSQURJT19MQUJFTF9QTEFDRU1FTlRfUklHSFQiLCJSQURJT19MQUJFTF9QTEFDRU1FTlRTIiwiUkFESU9fREVGQVVMVF9MQUJFTF9QTEFDRU1FTlQiLCJSQURJT19MQVlPVVRfVkVSVElDQUwiLCJSQURJT19MQVlPVVRfSE9SSVpPTlRBTCIsIlJBRElPX0xBWU9VVFMiLCJSQURJT19ERUZBVUxUX1ZBUklBTlQiLCJSQURJT19ERUZBVUxUX1NJWkUiLCJSQURJT19ERUZBVUxUX09SSUVOVEFUSU9OIiwiUkFESU9fREVGQVVMVF9BTElHTk1FTlQiLCJSQURJT19ERUZBVUxUX0xBWU9VVCIsIlJBRElPX0lOUFVUX1RZUEUiLCJSQURJT19DRUxMX0NIRUNLX0lDT04iLCJSQURJT19UQUdfU0laRSIsIlJBRElPX0NFTExfSUNPTl9TSVpFX01BUCIsImhvcml6b250YWwiLCJsYXJnZSIsIm1lZGl1bSIsInNtYWxsIiwidmVydGljYWwiLCJnZXRSYWRpb0FsaWdubWVudEZyb21PcmllbnRhdGlvbiIsIm9yaWVudGF0aW9uIiwiZ2V0UmFkaW9PcmllbnRhdGlvbkZyb21BbGlnbm1lbnQiLCJhbGlnbm1lbnQiLCJub3JtYWxpemVSYWRpb0FsaWdubWVudCIsInJlc29sdmVEZWZhdWx0VmFyaWFudExhYmVsUGxhY2VtZW50IiwibGFiZWxQbGFjZW1lbnQiLCJSQURJT19DRUxMX0lORElDQVRPUl9JQ09OX0NPTE9SIiwiUkFESU9fQ0VMTF9JQ09OX0NPTE9SIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFRTyxJQUFNQSxnQkFBZ0IsR0FBQUMsT0FBQSxDQUFBRCxnQkFBQSxHQUFHLE9BQU87QUFDaEMsSUFBTUUsc0JBQXNCLEdBQUFELE9BQUEsQ0FBQUMsc0JBQUEsR0FBRyxhQUFhO0FBRTVDLElBQU1DLHFCQUFxQixHQUFBRixPQUFBLENBQUFFLHFCQUFBLEdBQUcsU0FBUztBQUN2QyxJQUFNQyxrQkFBa0IsR0FBQUgsT0FBQSxDQUFBRyxrQkFBQSxHQUFHLE1BQU07QUFDakMsSUFBTUMsY0FBYyxHQUFBSixPQUFBLENBQUFJLGNBQUEsR0FBRyxDQUFDRixxQkFBcUIsRUFBRUMsa0JBQWtCLENBQVU7QUFFM0UsSUFBTUUsZ0JBQWdCLEdBQUFMLE9BQUEsQ0FBQUssZ0JBQUEsR0FBRyxPQUFPO0FBQ2hDLElBQU1DLGlCQUFpQixHQUFBTixPQUFBLENBQUFNLGlCQUFBLEdBQUcsUUFBUTtBQUNsQyxJQUFNQyxnQkFBZ0IsR0FBQVAsT0FBQSxDQUFBTyxnQkFBQSxHQUFHLE9BQU87QUFDaEMsSUFBTUMsV0FBVyxHQUFBUixPQUFBLENBQUFRLFdBQUEsR0FBRyxDQUFDSCxnQkFBZ0IsRUFBRUMsaUJBQWlCLEVBQUVDLGdCQUFnQixDQUFVO0FBRXBGLElBQU1FLDRCQUE0QixHQUFBVCxPQUFBLENBQUFTLDRCQUFBLEdBQUcsWUFBWTtBQUNqRCxJQUFNQywwQkFBMEIsR0FBQVYsT0FBQSxDQUFBVSwwQkFBQSxHQUFHLFVBQVU7QUFDN0MsSUFBTUMsa0JBQWtCLEdBQUFYLE9B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QW1DLEdBQUF6QyxPQUFBLENBQUF5QyxtQ0FBQSxHQUFHLFNBQXRDQSxtQ0FBbUNBLENBQzlDQyxjQUErQztFQUFBLE9BRS9DQSxjQUFjLEtBQUsxQiwyQkFBMkIsR0FDMUNBLDJCQUEyQixHQUMzQkQsMEJBQTBCO0FBQUEsQ0FDL0I7QUFFTSxJQUFNNEIsK0JBQStCLEdBQUEzQyxPQUFBLENBQUEyQywrQkFBQSxHQUFHLHFDQUFxQztBQUM3RSxJQUFNQyxxQkFBcUIsR0FBQTVDLE9BQUEsQ0FBQTRDLHFCQUFBLEdBQUcsMkJBQTJCIiwiZmlsZSI6ImNvbXBvbmVudHMvUmFkaW8vY29uc3RhbnRzLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCJleHBvcnQgY29uc3QgUkFESU9fUFJFRklYX0NMUyA9ICdyYWRpbyc7XG5leHBvcnQgY29uc3QgUkFESU9fR1JPVVBfUFJFRklYX0NMUyA9ICdyYWRpby1ncm91cCc7XG5leHBvcnQgY29uc3QgUkFESU9fVkFSSUFOVF9ERUZBVUxUID0gJ2RlZmF1bHQnO1xuZXhwb3J0IGNvbnN0IFJBRElPX1ZBUklBTlRfQ0VMTCA9ICdjZWxsJztcbmV4cG9ydCBjb25zdCBSQURJT19WQVJJQU5UUyA9IFtSQURJT19WQVJJQU5UX0RFRkFVTFQsIFJBRElPX1ZBUklBTlRfQ0VMTF07XG5leHBvcnQgY29uc3QgUkFESU9fU0laRV9MQVJHRSA9ICdsYXJnZSc7XG5leHBvcnQgY29uc3QgUkFESU9fU0laRV9NRURJVU0gPSAnbWVkaXVtJztcbmV4cG9ydCBjb25zdCBSQURJT19TSVpFX1NNQUxMID0gJ3NtYWxsJztcbmV4cG9ydCBjb25zdCBSQURJT19TSVpFUyA9IFtSQURJT19TSVpFX0xBUkdFLCBSQURJT19TSVpFX01FRElVTSwgUkFESU9fU0laRV9TTUFMTF07XG5leHBvcnQgY29uc3QgUkFESU9fT1JJRU5UQVRJT05fSE9SSVpPTlRBTCA9ICdob3Jpem9udGFsJztcbmV4cG9ydCBjb25zdCBSQURJT19PUklFTlRBVElPTl9WRVJUSUNBTCA9ICd2ZXJ0aWNhbCc7XG5leHBvcnQgY29uc3QgUkFESU9fT1JJRU5UQVRJT05TID0gW1JBRElPX09SSUVOVEFUSU9OX0hPUklaT05UQUwsIFJBRElPX09SSUVOVEFUSU9OX1ZFUlRJQ0FMXTtcbmV4cG9ydCBjb25zdCBSQURJT19BTElHTk1FTlRfTEVGVCA9ICdsZWZ0JztcbmV4cG9ydCBjb25zdCBSQURJT19BTElHTk1FTlRfQ0VOVEVSID0gJ2NlbnRlcic7XG5leHBvcnQgY29uc3QgUkFESU9fQUxJR05NRU5UUyA9IFtcbiAgICBSQURJT19BTElHTk1FTlRfTEVGVCxcbiAgICBSQURJT19BTElHTk1FTlRfQ0VOVEVSLFxuXTtcbmV4cG9ydCBjb25zdCBSQURJT19MQUJFTF9QTEFDRU1FTlRfTEVGVCA9ICdsZWZ0JztcbmV4cG9ydCBjb25zdCBSQURJT19MQUJFTF9QTEFDRU1FTlRfUklHSFQgPSAncmlnaHQnO1xuZXhwb3J0IGNvbnN0IFJBRElPX0xBQkVMX1BMQUNFTUVOVFMgPSBbUkFESU9fTEFCRUxfUExBQ0VNRU5UX0xFRlQsIFJBRElPX0xBQkVMX1BMQUNFTUVOVF9SSUdIVF07XG5leHBvcnQgY29uc3QgUkFESU9fREVGQVVMVF9MQUJFTF9QTEFDRU1FTlQgPSBSQURJT19MQUJFTF9QTEFDRU1FTlRfTEVGVDtcbmV4cG9ydCBjb25zdCBSQURJT19MQVlPVVRfVkVSVElDQUwgPSAndmVydGljYWwnO1xuZXhwb3J0IGNvbnN0IFJBRElPX0xBWU9VVF9IT1JJWk9OVEFMID0gJ2hvcml6b250YWwnO1xuZXhwb3J0IGNvbnN0IFJBRElPX0xBWU9VVFMgPSBbUkFESU9fTEFZT1VUX1ZFUlRJQ0FMLCBSQURJT19MQVlPVVRfSE9SSVpPTlRBTF07XG5leHBvcnQgY29uc3QgUkFESU9fREVGQVVMVF9WQVJJQU5UID0gUkFESU9fVkFSSUFOVF9ERUZBVUxUO1xuZXhwb3J0IGNvbnN0IFJBRElPX0RFRkFVTFRfU0laRSA9IFJBRElPX1NJWkVfTEFSR0U7XG5leHBvcnQgY29uc3QgUkFESU9fREVGQVVMVF9PUklFTlRBVElPTiA9IFJBRElPX09SSUVOVEFUSU9OX0hPUklaT05UQUw7XG5leHBvcnQgY29uc3QgUkFESU9fREVGQVVMVF9BTElHTk1FTlQgPSBSQURJT19BTElHTk1FTlRfTEVGVDtcbmV4cG9ydCBjb25zdCBSQURJT19ERUZBVUxUX0xBWU9VVCA9IFJBRElPX0xBWU9VVF9IT1JJWk9OVEFMO1xuZXhwb3J0IGNvbnN0IFJBRElPX0lOUFVUX1RZUEUgPSAncmFkaW8nO1xuZXhwb3J0IGNvbnN0IFJBRElPX0NFTExfQ0hFQ0tfSUNPTiA9ICdjaGVjayc7XG5leHBvcnQgY29uc3QgUkFESU9fVEFHX1NJWkUgPSAnc21hbGwnO1xuZXhwb3J0IGNvbnN0IFJBRElPX0NFTExfSUNPTl9TSVpFX01BUCA9IHtcbiAgICBob3Jpem9udGFsOiB7XG4gICAgICAgIGxhcmdlOiAxNixcbiAgICAgICAgbWVkaXVtOiAxNixcbiAgICAgICAgc21hbGw6IDEyLFxuICAgIH0sXG4gICAgdmVydGljYWw6IHtcbiAgICAgICAgbGFyZ2U6IDI0LFxuICAgICAgICBtZWRpdW06IDIwLFxuICAgICAgICBzbWFsbDogMTYsXG4gICAgfSxcbn07XG5leHBvcnQgY29uc3QgZ2V0UmFkaW9BbGlnbm1lbnRGcm9tT3JpZW50YXRpb24gPSAob3JpZW50YXRpb24pID0+IChvcmllbnRhdGlvbiA9PT0gUkFESU9fT1JJRU5UQVRJT05fVkVSVElDQUxcbiAgICA/IFJBRElPX0FMSUdOTUVOVF9DRU5URVJcbiAgICA6IFJBRElPX0FMSUdOTUVOVF9MRUZUKTtcbmV4cG9ydCBjb25zdCBnZXRSYWRpb09yaWVudGF0aW9uRnJvbUFsaWdubWVudCA9IChhbGlnbm1lbnQpID0+IChhbGlnbm1lbnQgPT09IFJBRElPX0FMSUdOTUVOVF9DRU5URVJcbiAgICA/IFJBRElPX09SSUVOVEFUSU9OX1ZFUlRJQ0FMXG4gICAgOiBSQURJT19PUklFTlRBVElPTl9IT1JJWk9OVEFMKTtcbmV4cG9ydCBjb25zdCBub3JtYWxpemVSYWRpb0FsaWdubWVudCA9IChhbGlnbm1lbnQpID0+IChhbGlnbm1lbnQgPT09IFJBRElPX0FMSUdOTUVOVF9DRU5URVJcbiAgICA/IFJBRElPX0FMSUdOTUVOVF9DRU5URVJcbiAgICA6IFJBRElPX0FMSUdOTUVOVF9MRUZUKTtcbmV4cG9ydCBjb25zdCByZXNvbHZlRGVmYXVsdFZhcmlhbnRMYWJlbFBsYWNlbWVudCA9IChsYWJlbFBsYWNlbWVudCkgPT4gKGxhYmVsUGxhY2VtZW50ID09PSBSQURJT19MQUJFTF9QTEFDRU1FTlRfUklHSFRcbiAgICA/IFJBRElPX0xBQkVMX1BMQUNFTUVOVF9SSUdIVFxuICAgIDogUkFESU9fTEFCRUxfUExBQ0VNRU5UX0xFRlQpO1xuZXhwb3J0IGNvbnN0IFJBRElPX0NFTExfSU5ESUNBVE9SX0lDT05fQ09MT1IgPSAndmFyKC0tb20tcmFkaW8tY2VsbC1pbmRpY2F0b3ItaWNvbiknO1xuZXhwb3J0IGNvbnN0IFJBRElPX0NFTExfSUNPTl9DT0xPUiA9ICd2YXIoLS1vbS1yYWRpby1jZWxsLWljb24pJzsiXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9
|
|
@@ -4,7 +4,8 @@ export type RadioValueType = string | number;
|
|
|
4
4
|
export type RadioVariant = 'default' | 'cell';
|
|
5
5
|
export type RadioSize = 'large' | 'medium' | 'small';
|
|
6
6
|
export type RadioOrientation = 'horizontal' | 'vertical';
|
|
7
|
-
export type RadioAlignment = 'left' | 'center'
|
|
7
|
+
export type RadioAlignment = 'left' | 'center';
|
|
8
|
+
export type RadioLabelPlacement = 'left' | 'right';
|
|
8
9
|
export type RadioGroupDirection = 'vertical' | 'horizontal';
|
|
9
10
|
export interface RadioChangeTarget {
|
|
10
11
|
checked: boolean;
|
|
@@ -40,8 +41,10 @@ export interface RadioProps extends NativeRadioInputProps {
|
|
|
40
41
|
variant?: RadioVariant;
|
|
41
42
|
/** Visual size used by the cell variant */
|
|
42
43
|
size?: RadioSize;
|
|
43
|
-
/** Alignment used by the
|
|
44
|
+
/** Alignment used by the cell variant (`left` for horizontal, `center` for vertical). */
|
|
44
45
|
alignment?: RadioAlignment;
|
|
46
|
+
/** Placement of the label relative to the radio dot for the default variant. */
|
|
47
|
+
labelPlacement?: RadioLabelPlacement;
|
|
45
48
|
/** Optional icon rendered by the cell variant */
|
|
46
49
|
icon?: IconName | ReactNode;
|
|
47
50
|
/** Optional tag label rendered by the cell variant */
|
|
@@ -62,8 +65,10 @@ export interface RadioOptionItem {
|
|
|
62
65
|
variant?: RadioVariant;
|
|
63
66
|
/** Visual size used by the cell variant */
|
|
64
67
|
size?: RadioSize;
|
|
65
|
-
/** Alignment used by the
|
|
68
|
+
/** Alignment used by the cell variant (`left` for horizontal, `center` for vertical). */
|
|
66
69
|
alignment?: RadioAlignment;
|
|
70
|
+
/** Placement of the label relative to the radio dot for the default variant. */
|
|
71
|
+
labelPlacement?: RadioLabelPlacement;
|
|
67
72
|
/** Optional icon rendered by the cell variant */
|
|
68
73
|
icon?: IconName | ReactNode;
|
|
69
74
|
/** Optional tag label rendered by the cell variant */
|
|
@@ -97,8 +102,10 @@ export interface RadioGroupProps {
|
|
|
97
102
|
variant?: RadioVariant;
|
|
98
103
|
/** Visual size inherited by child radios */
|
|
99
104
|
size?: RadioSize;
|
|
100
|
-
/** Alignment inherited by child radios.
|
|
105
|
+
/** Alignment inherited by cell-variant child radios. */
|
|
101
106
|
alignment?: RadioAlignment;
|
|
107
|
+
/** Label placement inherited by default-variant child radios. */
|
|
108
|
+
labelPlacement?: RadioLabelPlacement;
|
|
102
109
|
/** Gap between radio items — accepts spacing token key or CSS value */
|
|
103
110
|
gap?: number | string;
|
|
104
111
|
/** Title attribute for the root radiogroup container */
|