@wix/site-ui 1.29.0 → 1.30.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/dist/Badge/index.css +44 -0
- package/dist/Badge/index.d.ts +22 -0
- package/dist/Badge/index.js +23 -0
- package/dist/index.d.ts +15 -0
- package/dist/index.js +1 -0
- package/package.json +2 -2
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
.root-ig2Z1s {
|
|
2
|
+
box-sizing: border-box;
|
|
3
|
+
font: var(--wst-paragraph-3-font);
|
|
4
|
+
border-radius: 12px;
|
|
5
|
+
flex-direction: row;
|
|
6
|
+
align-items: center;
|
|
7
|
+
gap: 2px;
|
|
8
|
+
padding: 6px 12px 5px;
|
|
9
|
+
display: inline-flex;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.root-ig2Z1s svg {
|
|
13
|
+
width: 20px;
|
|
14
|
+
height: 20px;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.default-nJusqF {
|
|
18
|
+
background-color: color-mix(in srgb,
|
|
19
|
+
var(--wst-paragraph-3-color) 10%,
|
|
20
|
+
transparent);
|
|
21
|
+
color: var(--wst-paragraph-3-color);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.light-qGxiE8 {
|
|
25
|
+
background-color: var(--wst-primary-background-color);
|
|
26
|
+
color: var(--wst-paragraph-3-color);
|
|
27
|
+
border-width: 1px;
|
|
28
|
+
border-color: color-mix(in srgb,
|
|
29
|
+
var(--wst-paragraph-3-color) 10%,
|
|
30
|
+
transparent);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.primary-bU68vw {
|
|
34
|
+
background-color: var(--wst-links-and-actions-color);
|
|
35
|
+
color: var(--wst-primary-background-color);
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.secondary-dA1Wg2 {
|
|
39
|
+
background-color: color-mix(in srgb,
|
|
40
|
+
var(--wst-links-and-actions-color) 10%,
|
|
41
|
+
transparent);
|
|
42
|
+
color: var(--wst-links-and-actions-color);
|
|
43
|
+
}
|
|
44
|
+
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as React_2 from 'react';
|
|
2
|
+
|
|
3
|
+
export declare const Badge: React_2.ForwardRefExoticComponent<BadgeProps & React_2.RefAttributes<HTMLSpanElement>>;
|
|
4
|
+
|
|
5
|
+
export declare interface BadgeProps extends WithStringClassName<React_2.HTMLAttributes<HTMLSpanElement>> {
|
|
6
|
+
variant?: BadgeVariantType;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export declare const BadgeVariant: {
|
|
10
|
+
readonly default: "default";
|
|
11
|
+
readonly light: "light";
|
|
12
|
+
readonly primary: "primary";
|
|
13
|
+
readonly secondary: "secondary";
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
export declare type BadgeVariantType = (typeof BadgeVariant)[keyof typeof BadgeVariant];
|
|
17
|
+
|
|
18
|
+
declare type WithStringClassName<P> = Omit<P, 'className'> & {
|
|
19
|
+
className?: string;
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
export { }
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import clsx from "clsx";
|
|
3
|
+
import * as __rspack_external_react from "react";
|
|
4
|
+
const Badge_module = {
|
|
5
|
+
root: "root-ig2Z1s",
|
|
6
|
+
default: "default-nJusqF",
|
|
7
|
+
light: "light-qGxiE8",
|
|
8
|
+
primary: "primary-bU68vw",
|
|
9
|
+
secondary: "secondary-dA1Wg2"
|
|
10
|
+
};
|
|
11
|
+
const BadgeVariant = {
|
|
12
|
+
default: 'default',
|
|
13
|
+
light: 'light',
|
|
14
|
+
primary: 'primary',
|
|
15
|
+
secondary: 'secondary'
|
|
16
|
+
};
|
|
17
|
+
const Badge = /*#__PURE__*/ __rspack_external_react.forwardRef(({ variant = BadgeVariant.default, className, ...props }, ref)=>/*#__PURE__*/ jsx("span", {
|
|
18
|
+
ref: ref,
|
|
19
|
+
className: clsx(Badge_module.root, Badge_module[variant], className),
|
|
20
|
+
...props
|
|
21
|
+
}));
|
|
22
|
+
Badge.displayName = 'Badge';
|
|
23
|
+
export { Badge, BadgeVariant };
|
package/dist/index.d.ts
CHANGED
|
@@ -369,6 +369,21 @@ export declare const AvatarSize: {
|
|
|
369
369
|
readonly xLarge: 60;
|
|
370
370
|
};
|
|
371
371
|
|
|
372
|
+
export declare const Badge: React_2.ForwardRefExoticComponent<BadgeProps & React_2.RefAttributes<HTMLSpanElement>>;
|
|
373
|
+
|
|
374
|
+
export declare interface BadgeProps extends WithStringClassName<React_2.HTMLAttributes<HTMLSpanElement>> {
|
|
375
|
+
variant?: BadgeVariantType;
|
|
376
|
+
}
|
|
377
|
+
|
|
378
|
+
export declare const BadgeVariant: {
|
|
379
|
+
readonly default: "default";
|
|
380
|
+
readonly light: "light";
|
|
381
|
+
readonly primary: "primary";
|
|
382
|
+
readonly secondary: "secondary";
|
|
383
|
+
};
|
|
384
|
+
|
|
385
|
+
export declare type BadgeVariantType = (typeof BadgeVariant)[keyof typeof BadgeVariant];
|
|
386
|
+
|
|
372
387
|
declare type BaseListProps = WithStringClassName<React_2.ComponentPropsWithoutRef<typeof Tabs_2.List>>;
|
|
373
388
|
|
|
374
389
|
declare type BaseProps = WithStringClassName<React_2.ComponentPropsWithoutRef<typeof Button_2>>;
|
package/dist/index.js
CHANGED
|
@@ -2,6 +2,7 @@ export { Accordion, AccordionSize, AccordionVariant } from "./Accordion/index.js
|
|
|
2
2
|
export { AlertDialog } from "./AlertDialog/index.js";
|
|
3
3
|
export { Autocomplete } from "./Autocomplete/index.js";
|
|
4
4
|
export { Avatar, AvatarSize } from "./Avatar/index.js";
|
|
5
|
+
export { Badge, BadgeVariant } from "./Badge/index.js";
|
|
5
6
|
export { Box } from "./Box/index.js";
|
|
6
7
|
export { Breadcrumbs } from "./Breadcrumbs/index.js";
|
|
7
8
|
export { Button } from "./Button/index.js";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wix/site-ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.30.0",
|
|
4
4
|
"description": "Pure UI components for the Wix site builder",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -78,5 +78,5 @@
|
|
|
78
78
|
"registry": "https://registry.npmjs.org/",
|
|
79
79
|
"access": "public"
|
|
80
80
|
},
|
|
81
|
-
"falconPackageHash": "
|
|
81
|
+
"falconPackageHash": "7c2129fc10124baef602a77f41b62a9c4d78de71dd15510174b31b45"
|
|
82
82
|
}
|