@indico-data/design-system 3.1.0 → 3.2.0
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/components/pill/Pill.d.ts +1 -1
- package/lib/components/pill/Pill.stories.d.ts +2 -1
- package/lib/components/pill/types.d.ts +5 -2
- package/lib/index.css +4977 -5020
- package/lib/index.d.ts +6 -3
- package/lib/index.esm.css +4977 -5020
- package/lib/index.esm.js +3 -2
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +3 -2
- package/lib/index.js.map +1 -1
- package/lib/types.d.ts +3 -1
- package/package.json +1 -1
- package/src/components/pill/Pill.mdx +6 -2
- package/src/components/pill/Pill.stories.tsx +50 -58
- package/src/components/pill/Pill.tsx +4 -2
- package/src/components/pill/__tests__/Pill.test.tsx +28 -10
- package/src/components/pill/styles/Pill.scss +12 -129
- package/src/components/pill/types.ts +5 -2
- package/src/styles/_colors.scss +9 -0
- package/src/styles/globals.scss +22 -0
- package/src/styles/index.scss +11 -10
- package/src/styles/variables/_colors.scss +269 -2
- package/src/types.ts +12 -8
- package/src/styles/variables/themes/dark.scss +0 -267
- package/src/styles/variables/themes/light.scss +0 -266
package/lib/index.js
CHANGED
|
@@ -19275,9 +19275,10 @@ function Menu(_a) {
|
|
|
19275
19275
|
}
|
|
19276
19276
|
|
|
19277
19277
|
const Pill = (_a) => {
|
|
19278
|
-
var { children, className, color = '
|
|
19278
|
+
var { children, className, color = 'gray', size = 'sm', shade } = _a, rest = __rest(_a, ["children", "className", "color", "size", "shade"]);
|
|
19279
19279
|
const pillClasses = classNames('pill', className, {
|
|
19280
|
-
[`pill--${color}`]: color,
|
|
19280
|
+
[`pill--${color}`]: color && !shade,
|
|
19281
|
+
[`pill--${color}-${shade}`]: color && shade,
|
|
19281
19282
|
[`pill--${size}`]: size,
|
|
19282
19283
|
});
|
|
19283
19284
|
return (jsxRuntime.jsx("div", Object.assign({ className: pillClasses }, rest, { children: children })));
|