@razorpay/blade
Version:
The Design System that powers Razorpay
100 lines (97 loc) • 2.98 kB
JavaScript
import 'react';
import { listItemUnorderedBulletSize } from './listTokens.js';
import { useListContext } from './ListContext.js';
import '../BladeProvider/index.js';
import '../Icons/_Svg/index.js';
import '../../tokens/global/index.js';
import { jsx } from 'react/jsx-runtime';
import Svg from '../Icons/_Svg/Svg/Svg.web.js';
import Circle from '../Icons/_Svg/Circle/Circle.web.js';
import { opacity } from '../../tokens/global/opacity.js';
import Rect from '../Icons/_Svg/Rect/Rect.web.js';
import useTheme from '../BladeProvider/useTheme.js';
var UnorderedLevel1Icon = function UnorderedLevel1Icon(_ref) {
var iconDimensions = _ref.iconDimensions,
color = _ref.color;
return /*#__PURE__*/jsx(Svg, {
width: iconDimensions,
height: iconDimensions,
viewBox: "0 0 6 6",
fill: "none",
children: /*#__PURE__*/jsx(Circle, {
cx: "3px",
cy: "3px",
r: "3px",
fill: color,
fillOpacity: opacity[600]
})
});
};
var UnorderedLevel2Icon = function UnorderedLevel2Icon(_ref2) {
var iconDimensions = _ref2.iconDimensions,
color = _ref2.color;
return /*#__PURE__*/jsx(Svg, {
width: iconDimensions,
height: iconDimensions,
viewBox: "0 0 6 6",
fill: "none",
children: /*#__PURE__*/jsx(Circle, {
cx: "3px",
cy: "3px",
r: "2.5px",
stroke: color
})
});
};
var UnorderedLevel3Icon = function UnorderedLevel3Icon(_ref3) {
var iconDimensions = _ref3.iconDimensions,
color = _ref3.color;
return /*#__PURE__*/jsx(Svg, {
width: iconDimensions,
height: iconDimensions,
viewBox: "0 0 6 6",
fill: "none",
children: /*#__PURE__*/jsx(Rect, {
width: iconDimensions,
height: iconDimensions,
rx: "1px",
fill: color,
fillOpacity: opacity[600]
})
});
};
var UnorderedItemIcon = function UnorderedItemIcon(_ref4) {
var level = _ref4.level;
var _useTheme = useTheme(),
theme = _useTheme.theme,
platform = _useTheme.platform;
var _useListContext = useListContext(),
size = _useListContext.size,
iconColor = _useListContext.iconColor;
var iconDimensions = listItemUnorderedBulletSize[platform][size];
var backgroundToken = iconColor !== null && iconColor !== void 0 ? iconColor : theme.colors.surface.text.gray.muted;
switch (level) {
case 1:
return /*#__PURE__*/jsx(UnorderedLevel1Icon, {
iconDimensions: iconDimensions,
color: backgroundToken
});
case 2:
return /*#__PURE__*/jsx(UnorderedLevel2Icon, {
iconDimensions: iconDimensions,
color: backgroundToken
});
case 3:
return /*#__PURE__*/jsx(UnorderedLevel3Icon, {
iconDimensions: iconDimensions,
color: backgroundToken
});
default:
return /*#__PURE__*/jsx(UnorderedLevel3Icon, {
iconDimensions: iconDimensions,
color: backgroundToken
});
}
};
export { UnorderedItemIcon };
//# sourceMappingURL=ListItemIcons.js.map