xmlui 0.9.25 → 0.9.30

package/dist/scripts/src/components/RadioGroup/RadioGroupNative.js

@@ -37,6 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RadioGroupOption = exports.RadioGroup = void 0;
+exports.useRadioGroupValue = useRadioGroupValue;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
 const InnerRadioGroup = __importStar(require("@radix-ui/react-radio-group"));
@@ -89,16 +90,31 @@ exports.RadioGroup = (0, react_1.forwardRef)(function RadioGroup({ id, value = "
                         [RadioGroup_module_scss_1.default.disabled]: !enabled,
                     }), children: children }) }) }) }));
 });
+function useRadioGroupValue() {
+    const context = (0, react_1.useContext)(RadioGroupValidationStatusContext);
+    if (!context) {
+        throw new Error("useRadioGroupValue must be used within a RadioGroup");
+    }
+    const { value } = context;
+    const isChecked = (0, react_1.useCallback)((optionValue) => value === optionValue, [value]);
+    return {
+        value,
+        isChecked,
+    };
+}
 const RadioGroupOption = ({ value, label, enabled = true, optionRenderer, style, }) => {
     const id = (0, react_1.useId)();
     const validationContext = (0, react_1.useContext)(RadioGroupValidationStatusContext);
+    const { isChecked } = useRadioGroupValue();
     const statusStyles = (0, react_1.useMemo)(() => ({
         [RadioGroup_module_scss_1.default.disabled]: !enabled,
         [RadioGroup_module_scss_1.default.error]: value === validationContext.value && validationContext.status === "error",
         [RadioGroup_module_scss_1.default.warning]: value === validationContext.value && validationContext.status === "warning",
         [RadioGroup_module_scss_1.default.valid]: value === validationContext.value && validationContext.status === "valid",
     }), [enabled, validationContext.status, validationContext.value, value]);
-    const item = (0, react_1.useMemo)(() => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(InnerRadioGroup.Item, { className: (0, classnames_1.default)(RadioGroup_module_scss_1.default.radioOption, statusStyles), value: value, disabled: !enabled, id: id, children: (0, jsx_runtime_1.jsx)(InnerRadioGroup.Indicator, { className: (0, classnames_1.default)(RadioGroup_module_scss_1.default.indicator, statusStyles) }) }), (0, jsx_runtime_1.jsx)("label", { htmlFor: id, className: (0, classnames_1.default)(RadioGroup_module_scss_1.default.label, statusStyles), children: label !== null && label !== void 0 ? label : value })] })), [enabled, id, label, statusStyles, value]);
+    const item = (0, react_1.useMemo)(() => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(InnerRadioGroup.Item, { className: (0, classnames_1.default)(RadioGroup_module_scss_1.default.radioOption, statusStyles, {
+                    [RadioGroup_module_scss_1.default.checked]: isChecked(value),
+                }), value: value, disabled: !enabled, id: id, children: (0, jsx_runtime_1.jsx)(InnerRadioGroup.Indicator, { className: (0, classnames_1.default)(RadioGroup_module_scss_1.default.indicator, statusStyles) }) }), (0, jsx_runtime_1.jsx)("label", { htmlFor: id, className: (0, classnames_1.default)(RadioGroup_module_scss_1.default.label, statusStyles), children: label !== null && label !== void 0 ? label : value })] })), [enabled, id, label, statusStyles, value]);
     return ((0, jsx_runtime_1.jsx)("div", { className: RadioGroup_module_scss_1.default.radioOptionContainer, style: style, children: optionRenderer ? ((0, jsx_runtime_1.jsxs)("label", { className: RadioGroup_module_scss_1.default.optionLabel, children: [(0, jsx_runtime_1.jsx)("div", { className: RadioGroup_module_scss_1.default.itemContainer, children: item }), optionRenderer({
                     $checked: value === validationContext.value,
                 })] })) : (item) }, id));

package/dist/scripts/src/components/Switch/Switch.js

@@ -48,9 +48,11 @@ exports.SwitchMd = (0, ComponentDefs_1.createMetadata)({
         [`backgroundColor-checked-${COMP}-warning`]: `$borderColor-${COMP}-warning`,
         [`borderColor-checked-${COMP}-success`]: `$borderColor-${COMP}-success`,
         [`backgroundColor-checked-${COMP}-success`]: `$borderColor-${COMP}-success`,
-        [`backgroundColor-${COMP}`]: "$color-surface-400",
-        [`borderColor-${COMP}`]: "$color-surface-400",
-        [`backgroundColor-indicator-${COMP}`]: "$backgroundColor-primary",
+        [`backgroundColor-${COMP}`]: "$backgroundColor-primary",
+        [`borderColor-${COMP}`]: "$color-surface-200",
+        [`borderWidth-${COMP}`]: "1px",
+        [`backgroundColor-indicator-${COMP}`]: "$color-surface-200",
+        [`backgroundColor-indicator-checked-${COMP}`]: "$backgroundColor-primary",
         [`borderColor-checked-${COMP}`]: "$color-primary-500",
         [`backgroundColor-checked-${COMP}`]: "$color-primary-500",
         [`backgroundColor-${COMP}--disabled`]: "$color-surface-200",

package/dist/scripts/src/components/Text/Text.js

@@ -69,8 +69,6 @@ exports.TextMd = (0, ComponentDefs_1.createMetadata)({
         [`borderStyle-${COMP}-code`]: "solid",
         [`borderRadius-${COMP}-code`]: "4px",
         [`paddingHorizontal-${COMP}-code`]: "$space-1",
-        [`marginLeft-${COMP}-code`]: "$space-1",
-        [`marginRight-${COMP}-code`]: "$space-1",
         [`paddingBottom-${COMP}-code`]: "2px",
         [`textDecorationLine-${COMP}-deleted`]: "line-through",
         [`textDecorationLine-${COMP}-inserted`]: "underline",
@@ -86,6 +84,7 @@ exports.TextMd = (0, ComponentDefs_1.createMetadata)({
         [`fontSize-${COMP}-sub`]: "$fontSize-smaller",
         [`verticalAlign-${COMP}-sub`]: "sub",
         [`fontStyle-${COMP}-var`]: "italic",
+        [`fontStyle-${COMP}-em`]: "italic",
         [`fontFamily-${COMP}-mono`]: "$fontFamily-monospace",
         [`fontSize-${COMP}-title`]: "$fontSize-large",
         [`fontSize-${COMP}-subtitle`]: "$fontSize-medium",
@@ -108,19 +107,15 @@ exports.TextMd = (0, ComponentDefs_1.createMetadata)({
         [`marginTop-${COMP}-markdown`]: "$space-3",
         [`marginBottom-${COMP}-markdown`]: "$space-6",
         [`fontSize-${COMP}-markdown`]: "$fontSize-normal",
-        [`backgroundColor-${COMP}-code`]: "$color-surface-100",
-        [`borderColor-${COMP}-code`]: "$color-surface-200",
-        [`backgroundColor-${COMP}-keyboard`]: "$color-surface-200",
+        [`backgroundColor-${COMP}-code`]: "rgba($color-surface-100-rgb, .4)",
+        [`borderColor-${COMP}-code`]: "$color-surface-300",
+        [`backgroundColor-${COMP}-keyboard`]: "rgba($color-surface-100-rgb, .4)",
         [`borderColor-${COMP}-keyboard`]: "$color-surface-300",
         [`backgroundColor-${COMP}-marked`]: "yellow",
         [`color-${COMP}-placeholder`]: "$color-surface-500",
-        [`backgroundColor-${COMP}-codefence`]: "#f2f7fc",
         [`color-${COMP}-codefence`]: "$color-surface-900",
         [`color-${COMP}-subheading`]: "$textColor-secondary",
         [`color-${COMP}-secondary`]: "$textColor-secondary",
-        dark: {
-            [`backgroundColor-${COMP}-codefence`]: "#112033",
-        }
     },
 });
 exports.textComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.TextMd, ({ node, extractValue, layoutCss, renderChild }) => {