@plexui/ui 0.9.0 → 0.10.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/es/components/Card/Card.module.css +2 -2
- package/dist/es/components/EmptyMessage/EmptyMessage.module.css +1 -0
- package/dist/es/components/Label/Label.js +10 -0
- package/dist/es/components/Label/Label.js.map +1 -0
- package/dist/es/components/Label/Label.module.css +16 -0
- package/dist/es/components/Label/index.js +2 -0
- package/dist/es/components/Label/index.js.map +1 -0
- package/dist/es/styles/variables-components.css +8 -0
- package/dist/types/components/Label/Label.d.ts +6 -0
- package/dist/types/components/Label/index.d.ts +1 -0
- package/package.json +1 -1
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
position: relative;
|
|
85
85
|
min-width: 0;
|
|
86
86
|
}.Title {
|
|
87
|
-
margin: 0;
|
|
87
|
+
margin: 0 0 calc(var(--spacing) * 1.5);
|
|
88
88
|
color: var(--card-title-color);
|
|
89
89
|
font-size: var(--card-title-font-size);
|
|
90
90
|
font-weight: var(--card-title-font-weight);
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
letter-spacing: var(--font-heading-xs-tracking);
|
|
93
93
|
text-wrap: balance;
|
|
94
94
|
}.Description {
|
|
95
|
-
margin: 0;
|
|
95
|
+
margin: calc(calc(var(--spacing) * 1.5) * -1) 0 0;
|
|
96
96
|
color: var(--card-description-color);
|
|
97
97
|
font-size: var(--card-description-font-size);
|
|
98
98
|
line-height: var(--font-text-sm-line-height);
|
|
@@ -53,6 +53,7 @@
|
|
|
53
53
|
--badge-background-color: var(--color-background-danger-soft);
|
|
54
54
|
--badge-text-color: var(--color-text-danger-soft);
|
|
55
55
|
}.Title {
|
|
56
|
+
margin: 0 0 calc(var(--spacing) * 2);
|
|
56
57
|
color: var(--color-text);
|
|
57
58
|
font-size: var(--font-heading-xs-size);
|
|
58
59
|
font-weight: var(--font-weight-semibold);
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import clsx from "clsx";
|
|
4
|
+
import {} from "react";
|
|
5
|
+
import { Label as RadixLabel } from "radix-ui";
|
|
6
|
+
import s from "./Label.module.css";
|
|
7
|
+
export const Label = ({ className, children, ...restProps }) => {
|
|
8
|
+
return (_jsx(RadixLabel.Root, { className: clsx(s.Label, className), ...restProps, children: children }));
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=Label.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAuB,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,UAAU,CAAA;AAC9C,OAAO,CAAC,MAAM,oBAAoB,CAAA;AAMlC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAc,EAAE,EAAE;IACzE,OAAO,CACL,KAAC,UAAU,CAAC,IAAI,IAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,SAAS,CAAC,KAAM,SAAS,YAChE,QAAQ,GACO,CACnB,CAAA;AACH,CAAC,CAAA","sourcesContent":["\"use client\"\n\nimport clsx from \"clsx\"\nimport { type ComponentProps } from \"react\"\nimport { Label as RadixLabel } from \"radix-ui\"\nimport s from \"./Label.module.css\"\n\nexport type LabelProps = ComponentProps<typeof RadixLabel.Root> & {\n className?: string\n}\n\nexport const Label = ({ className, children, ...restProps }: LabelProps) => {\n return (\n <RadixLabel.Root className={clsx(s.Label, className)} {...restProps}>\n {children}\n </RadixLabel.Root>\n )\n}\n"]}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
@layer components {.Label {
|
|
2
|
+
display: inline-flex;
|
|
3
|
+
align-items: center;
|
|
4
|
+
gap: calc(var(--spacing) * 0.5);
|
|
5
|
+
color: var(--label-color);
|
|
6
|
+
font-size: var(--label-font-size);
|
|
7
|
+
font-weight: var(--label-font-weight);
|
|
8
|
+
line-height: var(--label-line-height);
|
|
9
|
+
cursor: default;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.Label:where([data-disabled]) {
|
|
13
|
+
opacity: 0.6;
|
|
14
|
+
cursor: not-allowed;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Label/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAA","sourcesContent":["export { Label, type LabelProps } from \"./Label\"\n"]}
|
|
@@ -102,6 +102,14 @@
|
|
|
102
102
|
--card-description-color: var(--color-text-tertiary);
|
|
103
103
|
--card-description-font-size: var(--font-text-sm-size);
|
|
104
104
|
|
|
105
|
+
/* =============================================
|
|
106
|
+
Label
|
|
107
|
+
============================================= */
|
|
108
|
+
--label-color: var(--color-text);
|
|
109
|
+
--label-font-size: var(--font-text-sm-size);
|
|
110
|
+
--label-font-weight: var(--font-weight-medium);
|
|
111
|
+
--label-line-height: 1;
|
|
112
|
+
|
|
105
113
|
/* =============================================
|
|
106
114
|
Separator
|
|
107
115
|
============================================= */
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type ComponentProps } from "react";
|
|
2
|
+
import { Label as RadixLabel } from "radix-ui";
|
|
3
|
+
export type LabelProps = ComponentProps<typeof RadixLabel.Root> & {
|
|
4
|
+
className?: string;
|
|
5
|
+
};
|
|
6
|
+
export declare const Label: ({ className, children, ...restProps }: LabelProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Label, type LabelProps } from "./Label";
|