@indico-data/design-system 2.23.0 → 2.24.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/lib/index.css +20 -0
- package/lib/index.d.ts +68 -65
- package/lib/index.esm.css +20 -0
- package/lib/index.esm.js +4 -4
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +4 -4
- package/lib/index.js.map +1 -1
- package/lib/src/components/button/types.d.ts +2 -3
- package/lib/src/components/pill/Pill.d.ts +2 -7
- package/lib/src/components/pill/types.d.ts +10 -0
- package/lib/src/types.d.ts +3 -0
- package/package.json +1 -1
- package/src/components/button/types.ts +2 -4
- package/src/components/pill/Pill.stories.tsx +12 -12
- package/src/components/pill/Pill.tsx +5 -10
- package/src/components/pill/__tests__/Pill.test.tsx +10 -12
- package/src/components/pill/types.ts +12 -0
- package/src/styles/variables/_size.scss +19 -0
- package/src/styles/variables/index.scss +1 -0
- package/src/types.ts +6 -0
package/lib/index.js
CHANGED
|
@@ -42664,12 +42664,12 @@ const Tooltip = (props) => {
|
|
|
42664
42664
|
};
|
|
42665
42665
|
|
|
42666
42666
|
const Pill = (_a) => {
|
|
42667
|
-
var { children,
|
|
42668
|
-
const
|
|
42669
|
-
[`pill--${
|
|
42667
|
+
var { children, className, color = 'info', size = 'sm' } = _a, rest = __rest$1(_a, ["children", "className", "color", "size"]);
|
|
42668
|
+
const pillClasses = classNames('pill', className, {
|
|
42669
|
+
[`pill--${color}`]: color,
|
|
42670
42670
|
[`pill--${size}`]: size,
|
|
42671
42671
|
});
|
|
42672
|
-
return (jsxRuntime.jsx("div", Object.assign({ className:
|
|
42672
|
+
return (jsxRuntime.jsx("div", Object.assign({ className: pillClasses }, rest, { children: children })));
|
|
42673
42673
|
};
|
|
42674
42674
|
|
|
42675
42675
|
exports.ANIMATION = animation;
|