@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.
@@ -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.29.0",
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": "c4612cc97d557e524b4c7a23d63106fef444258602e92d6947a0dee5"
81
+ "falconPackageHash": "7c2129fc10124baef602a77f41b62a9c4d78de71dd15510174b31b45"
82
82
  }