@fuf-stack/pixels 0.43.9 → 0.44.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/Alert/index.cjs +2 -2
- package/dist/Alert/index.js +1 -1
- package/dist/Button/index.cjs +2 -2
- package/dist/Button/index.d.cts +2 -2
- package/dist/Button/index.d.ts +2 -2
- package/dist/Button/index.js +1 -1
- package/dist/{Button-DykH6Lmz.d.cts → Button-BNrJYJDH.d.cts} +3 -1
- package/dist/{Button-DykH6Lmz.d.ts → Button-BNrJYJDH.d.ts} +3 -1
- package/dist/Json/index.cjs +3 -3
- package/dist/Json/index.css.map +1 -1
- package/dist/Json/index.js +2 -2
- package/dist/Label/index.cjs +2 -2
- package/dist/Label/index.d.cts +2 -2
- package/dist/Label/index.d.ts +2 -2
- package/dist/Label/index.js +1 -1
- package/dist/Label-B1a1krk8.d.cts +432 -0
- package/dist/Label-B1a1krk8.d.ts +432 -0
- package/dist/Popover/index.d.cts +3 -3
- package/dist/Popover/index.d.ts +3 -3
- package/dist/{Popover-Bxe50qlw.d.cts → Popover-Czc5-4V1.d.cts} +1 -1
- package/dist/{Popover-DhF3bXJE.d.ts → Popover-Dm_Dsjqw.d.ts} +1 -1
- package/dist/{chunk-RELR2OCI.js → chunk-6XNLMOET.js} +7 -5
- package/dist/chunk-6XNLMOET.js.map +1 -0
- package/dist/{chunk-MG3PTEMK.js → chunk-DBVM5SIA.js} +7 -7
- package/dist/{chunk-MG3PTEMK.js.map → chunk-DBVM5SIA.js.map} +1 -1
- package/dist/{chunk-PYXJNORH.cjs → chunk-J44KQ3VW.cjs} +3 -3
- package/dist/{chunk-PYXJNORH.cjs.map → chunk-J44KQ3VW.cjs.map} +1 -1
- package/dist/{chunk-AN7A66NS.cjs → chunk-K6UF4AGX.cjs} +7 -5
- package/dist/chunk-K6UF4AGX.cjs.map +1 -0
- package/dist/{chunk-YVPRFCWI.cjs → chunk-KWSGA623.cjs} +7 -7
- package/dist/chunk-KWSGA623.cjs.map +1 -0
- package/dist/{chunk-PLJWIGRS.cjs → chunk-PHQVYJS2.cjs} +62 -6
- package/dist/chunk-PHQVYJS2.cjs.map +1 -0
- package/dist/{chunk-5BUCFDWR.js → chunk-PUMF3NYY.js} +2 -2
- package/dist/chunk-X6JZFO33.js +127 -0
- package/dist/chunk-X6JZFO33.js.map +1 -0
- package/dist/index.cjs +5 -5
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.js +4 -4
- package/package.json +1 -1
- package/dist/Label-Bp9WZiDB.d.cts +0 -152
- package/dist/Label-Bp9WZiDB.d.ts +0 -152
- package/dist/chunk-AN7A66NS.cjs.map +0 -1
- package/dist/chunk-KIRRQFSZ.js +0 -71
- package/dist/chunk-KIRRQFSZ.js.map +0 -1
- package/dist/chunk-PLJWIGRS.cjs.map +0 -1
- package/dist/chunk-RELR2OCI.js.map +0 -1
- package/dist/chunk-YVPRFCWI.cjs.map +0 -1
- /package/dist/{chunk-5BUCFDWR.js.map → chunk-PUMF3NYY.js.map} +0 -0
|
@@ -46,10 +46,11 @@ var buttonVariants = _pixelutils.tv.call(void 0, {
|
|
|
46
46
|
base: "",
|
|
47
47
|
variants: {
|
|
48
48
|
color: _chunkD4TLDLEXcjs.__spreadValues.call(void 0, {
|
|
49
|
+
// see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/button.ts
|
|
49
50
|
info: ""
|
|
50
51
|
}, _theme.button.variants.color),
|
|
51
|
-
variant:
|
|
52
|
-
size:
|
|
52
|
+
variant: _theme.button.variants.variant,
|
|
53
|
+
size: _theme.button.variants.size
|
|
53
54
|
},
|
|
54
55
|
compoundVariants: [
|
|
55
56
|
// white text on solid / shadow success button
|
|
@@ -106,12 +107,13 @@ var Button = ({
|
|
|
106
107
|
children = void 0,
|
|
107
108
|
className = void 0,
|
|
108
109
|
color = "default",
|
|
109
|
-
disabled = false,
|
|
110
110
|
disableAnimation = false,
|
|
111
|
+
disabled = false,
|
|
111
112
|
icon = void 0,
|
|
112
113
|
loading = false,
|
|
113
114
|
onClick = void 0,
|
|
114
115
|
radius = void 0,
|
|
116
|
+
ripple = false,
|
|
115
117
|
size = void 0,
|
|
116
118
|
testId = void 0,
|
|
117
119
|
type = void 0,
|
|
@@ -125,7 +127,7 @@ var Button = ({
|
|
|
125
127
|
color,
|
|
126
128
|
"data-testid": testId,
|
|
127
129
|
disableAnimation,
|
|
128
|
-
disableRipple: disableAnimation,
|
|
130
|
+
disableRipple: disableAnimation || !ripple,
|
|
129
131
|
isDisabled: disabled,
|
|
130
132
|
isIconOnly: !!(icon && !children),
|
|
131
133
|
isLoading: loading,
|
|
@@ -152,4 +154,4 @@ var Button_default2 = Button_default;
|
|
|
152
154
|
|
|
153
155
|
|
|
154
156
|
exports.buttonVariants = buttonVariants; exports.Button_default = Button_default; exports.Button_default2 = Button_default2;
|
|
155
|
-
//# sourceMappingURL=chunk-
|
|
157
|
+
//# sourceMappingURL=chunk-K6UF4AGX.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-K6UF4AGX.cjs","../src/Button/Button.tsx","../src/Button/subcomponents/LoadingSpinner.tsx","../src/Button/index.ts"],"names":["jsxs","jsx","Button_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-K6UF4AGX.cjs","sourcesContent":[null,"import type { TVProps } from '@fuf-stack/pixel-utils';\nimport type { ButtonProps as HeroButtonProps } from '@heroui/button';\nimport type { ReactNode } from 'react';\n\nimport { Button as HeroButton } from '@heroui/button';\nimport { button as heroButtonVariants } from '@heroui/theme';\n\nimport { tv } from '@fuf-stack/pixel-utils';\n\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\nexport const buttonVariants = tv({\n base: '',\n variants: {\n color: {\n // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/button.ts\n info: '',\n ...heroButtonVariants.variants.color,\n },\n variant: heroButtonVariants.variants.variant,\n size: heroButtonVariants.variants.size,\n },\n compoundVariants: [\n // white text on solid / shadow success button\n {\n color: 'success',\n variant: ['solid', 'shadow'],\n class: 'text-white',\n },\n // white text on solid / shadow warning button\n {\n color: 'warning',\n variant: ['solid', 'shadow'],\n class: 'text-white',\n },\n {\n color: 'info',\n variant: 'solid',\n class: 'bg-info text-info-foreground',\n },\n {\n color: 'info',\n variant: 'shadow',\n class: 'text-info-foreground\" bg-info shadow-lg shadow-info/40',\n },\n {\n color: 'info',\n variant: 'bordered',\n class: 'border-medium border-info bg-transparent text-info',\n },\n {\n color: 'info',\n variant: 'flat',\n class: 'bg-info/20 text-info-600',\n },\n {\n color: 'info',\n variant: 'faded',\n class: 'border-default bg-default-100 text-info',\n },\n {\n color: 'info',\n variant: 'light',\n class: 'bg-transparent text-info data-[hover=true]:bg-info-100',\n },\n {\n color: 'info',\n variant: 'ghost',\n class:\n 'border-info text-info data-[hover=true]:!bg-info data-[hover=true]:!text-info-foreground',\n },\n ],\n});\n\ntype VariantProps = TVProps<typeof buttonVariants>;\n\nexport interface ButtonProps extends VariantProps {\n /** sets HTML aria-label attribute */\n ariaLabel?: string;\n /** content of the button */\n children?: ReactNode;\n /** CSS class name */\n className?: string;\n /** color of the button */\n color?: HeroButtonProps['color'];\n /** disables the button */\n disabled?: boolean;\n /** disables all animations */\n disableAnimation?: boolean;\n /** shows loading animation */\n loading?: boolean;\n /** optional icon */\n icon?: ReactNode;\n /** click event handler */\n onClick?: HeroButtonProps['onPress'];\n /** border radius size */\n radius?: HeroButtonProps['radius'];\n /** enable ripple animation effect on click */\n ripple?: boolean;\n /** size options */\n size?: HeroButtonProps['size'];\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** HTML button type attribute */\n type?: 'button' | 'submit' | 'reset' | undefined;\n /** visual style variant */\n variant?: HeroButtonProps['variant'];\n}\n\n/**\n * Button component based on [HeroUI Button](https://www.heroui.com//docs/components/button)\n */\nconst Button = ({\n ariaLabel = undefined,\n children = undefined,\n className = undefined,\n color = 'default',\n disableAnimation = false,\n disabled = false,\n icon = undefined,\n loading = false,\n onClick = undefined,\n radius = undefined,\n ripple = false,\n size = undefined,\n testId = undefined,\n type = undefined,\n variant = 'solid',\n}: ButtonProps) => {\n return (\n <HeroButton\n aria-label={ariaLabel}\n className={buttonVariants({ color, variant, className })}\n color={color}\n data-testid={testId}\n disableAnimation={disableAnimation}\n disableRipple={disableAnimation || !ripple}\n isDisabled={disabled}\n isIconOnly={!!(icon && !children)}\n isLoading={loading}\n onPress={onClick}\n radius={radius}\n size={size}\n spinner={<LoadingSpinner />}\n type={type}\n variant={variant}\n >\n {icon}\n {children}\n </HeroButton>\n );\n};\n\nexport default Button;\n","/**\n * svg loading spinner for button\n * @see https://www.heroui.com//docs/components/button#loading\n * */\nexport default () => (\n <svg\n className=\"h-5 w-5 animate-spin text-current\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n className=\"opacity-25\"\n cx=\"12\"\n cy=\"12\"\n r=\"10\"\n stroke=\"currentColor\"\n strokeWidth=\"4\"\n />\n <path\n className=\"opacity-75\"\n d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n","import Button, { buttonVariants } from './Button';\n\nexport type { ButtonProps } from './Button';\n\nexport { Button, buttonVariants };\n\nexport default Button;\n"]}
|
|
@@ -55,7 +55,7 @@ var alertVariants = _pixelutils.tv.call(void 0, {
|
|
|
55
55
|
variant: "flat",
|
|
56
56
|
className: {
|
|
57
57
|
alertIcon: "fill-current",
|
|
58
|
-
base: "
|
|
58
|
+
base: "bg-info-50 text-info-600 dark:bg-info-50/50",
|
|
59
59
|
closeButton: "text-info-500 data-[hover]:bg-info-200",
|
|
60
60
|
iconWrapper: "border-info-100 bg-info-50 dark:bg-info-100"
|
|
61
61
|
}
|
|
@@ -65,7 +65,7 @@ var alertVariants = _pixelutils.tv.call(void 0, {
|
|
|
65
65
|
variant: "faded",
|
|
66
66
|
className: {
|
|
67
67
|
alertIcon: "fill-current",
|
|
68
|
-
base: "
|
|
68
|
+
base: "border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100 dark:bg-info-50/50",
|
|
69
69
|
closeButton: "text-info-500 data-[hover]:bg-info-200",
|
|
70
70
|
iconWrapper: "border-info-100 bg-info-50 dark:bg-info-100"
|
|
71
71
|
}
|
|
@@ -101,15 +101,15 @@ var Alert = ({
|
|
|
101
101
|
variant,
|
|
102
102
|
sizeLimit
|
|
103
103
|
});
|
|
104
|
-
const isHeroUIColor = Object.keys(_theme.alert.variants.color).includes(
|
|
105
|
-
color
|
|
106
|
-
);
|
|
107
104
|
const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, className, "base");
|
|
105
|
+
const heroColor = Object.keys(_theme.alert.variants.color).includes(
|
|
106
|
+
color
|
|
107
|
+
) ? color : void 0;
|
|
108
108
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
109
109
|
_alert.Alert,
|
|
110
110
|
{
|
|
111
111
|
classNames,
|
|
112
|
-
color:
|
|
112
|
+
color: heroColor,
|
|
113
113
|
"data-testid": testId,
|
|
114
114
|
description: title ? children : void 0,
|
|
115
115
|
endContent,
|
|
@@ -132,4 +132,4 @@ var Alert_default2 = Alert_default;
|
|
|
132
132
|
|
|
133
133
|
|
|
134
134
|
exports.alertVariants = alertVariants; exports.Alert_default = Alert_default; exports.Alert_default2 = Alert_default2;
|
|
135
|
-
//# sourceMappingURL=chunk-
|
|
135
|
+
//# sourceMappingURL=chunk-KWSGA623.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-KWSGA623.cjs","../src/Alert/Alert.tsx","../src/Alert/index.ts"],"names":["Alert_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-KWSGA623.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { AlertProps as HeroAlertProps } from '@heroui/alert';\nimport type { ReactNode } from 'react';\n\nimport { Alert as HeroAlert } from '@heroui/alert';\nimport { alert as heroAlertVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const alertVariants = tv({\n slots: {\n base: '',\n title: '',\n description: '',\n mainWrapper: '',\n closeButton: '',\n iconWrapper: '',\n alertIcon: '',\n },\n variants: {\n // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/alert.ts\n color: {\n info: {\n mainWrapper: 'text-inherit',\n title: 'text-inherit',\n description: 'text-inherit',\n },\n ...heroAlertVariants.variants.color,\n },\n variant: {\n ...heroAlertVariants.variants.variant,\n },\n sizeLimit: {\n height: {\n base: 'max-h-[150px] overflow-y-auto overflow-x-hidden',\n },\n width: {\n base: 'max-w-[480px] overflow-x-auto overflow-y-hidden',\n },\n both: {\n base: 'max-h-[150px] max-w-[480px] overflow-y-auto overflow-x-hidden',\n },\n },\n },\n compoundVariants: [\n ...heroAlertVariants.compoundVariants,\n {\n color: 'info',\n variant: 'solid',\n className: {\n base: 'bg-info text-info-foreground',\n alertIcon: 'text-info-foreground',\n closeButton: 'text-inherit',\n },\n },\n {\n color: 'info',\n variant: 'flat',\n className: {\n alertIcon: 'fill-current',\n base: 'bg-info-50 text-info-600 dark:bg-info-50/50',\n closeButton: 'text-info-500 data-[hover]:bg-info-200',\n iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n },\n },\n {\n color: 'info',\n variant: 'faded',\n className: {\n alertIcon: 'fill-current',\n base: 'border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100 dark:bg-info-50/50',\n closeButton: 'text-info-500 data-[hover]:bg-info-200',\n iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n },\n },\n {\n color: 'info',\n variant: 'bordered',\n className: {\n alertIcon: 'fill-current',\n base: 'border-small border-info text-info',\n closeButton: 'text-info-500 data-[hover]:bg-info-200',\n iconWrapper: 'bg-info-100 dark:bg-info-50',\n },\n },\n ],\n});\n\nexport type VariantProps = TVProps<typeof alertVariants>;\ntype ClassName = TVClassName<typeof alertVariants>;\n\nexport interface AlertProps extends VariantProps {\n /** Content displayed inside the Alert if no description is given! */\n children?: ReactNode;\n /** CSS class name */\n className?: ClassName;\n /** Color scheme of the Alert */\n color?: VariantProps['color'];\n /** Content displayed at the end of the Alert */\n endContent?: ReactNode;\n /** Icon displayed at the start of the Alert */\n icon?: ReactNode;\n /** Whether the Alert can be closed */\n isClosable?: boolean;\n /** Callback fired when the close button is clicked */\n onClose?: () => void | undefined;\n /** Whether to show the icon at the start */\n showIcon?: boolean;\n /** limit height to 150px or width to 480px or both */\n sizeLimit?: VariantProps['sizeLimit'];\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** Title displayed in the Alert above the content */\n title?: ReactNode;\n /** Style variant of the Alert */\n variant?: VariantProps['variant'];\n}\n\n/**\n * Alert component based on [HeroUI Alert](https://www.heroui.com//docs/components/alert)\n */\nconst Alert = ({\n children = undefined,\n className = undefined,\n color = 'primary',\n endContent = undefined,\n icon = undefined,\n isClosable = false,\n onClose = undefined,\n sizeLimit = undefined,\n showIcon = true,\n testId = undefined,\n title = undefined,\n variant = 'solid',\n}: AlertProps) => {\n const variants = alertVariants({\n color,\n variant,\n sizeLimit,\n });\n const classNames = variantsToClassNames(variants, className, 'base');\n\n // pass color prop for heroui colors\n const heroColor = Object.keys(heroAlertVariants.variants.color).includes(\n color,\n )\n ? (color as HeroAlertProps['color'])\n : undefined;\n\n return (\n <HeroAlert\n classNames={classNames}\n color={heroColor}\n data-testid={testId}\n description={title ? children : undefined}\n endContent={endContent}\n hideIcon={!showIcon}\n icon={icon}\n isClosable={isClosable}\n onClose={onClose}\n title={(title || children) as string}\n variant={variant}\n />\n );\n};\n\nexport default Alert;\n","import Alert, { alertVariants } from './Alert';\n\nexport type { AlertProps } from './Alert';\n\nexport { Alert, alertVariants };\n\nexport default Alert;\n"]}
|
|
@@ -1,5 +1,10 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true})
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
+
|
|
3
|
+
var _chunkD4TLDLEXcjs = require('./chunk-D4TLDLEX.cjs');
|
|
4
|
+
|
|
5
|
+
// src/Label/Label.tsx
|
|
2
6
|
var _chip = require('@heroui/chip');
|
|
7
|
+
var _theme = require('@heroui/theme');
|
|
3
8
|
var _pixelutils = require('@fuf-stack/pixel-utils');
|
|
4
9
|
var _jsxruntime = require('react/jsx-runtime');
|
|
5
10
|
var labelVariants = _pixelutils.tv.call(void 0, {
|
|
@@ -11,6 +16,12 @@ var labelVariants = _pixelutils.tv.call(void 0, {
|
|
|
11
16
|
icon: ""
|
|
12
17
|
},
|
|
13
18
|
variants: {
|
|
19
|
+
color: _chunkD4TLDLEXcjs.__spreadValues.call(void 0, {
|
|
20
|
+
// see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/chip.ts
|
|
21
|
+
info: {
|
|
22
|
+
dot: "bg-info"
|
|
23
|
+
}
|
|
24
|
+
}, _theme.chip.variants.color),
|
|
14
25
|
isIconOnly: {
|
|
15
26
|
true: {
|
|
16
27
|
content: "px-1"
|
|
@@ -23,8 +34,54 @@ var labelVariants = _pixelutils.tv.call(void 0, {
|
|
|
23
34
|
true: {
|
|
24
35
|
base: "pr-2"
|
|
25
36
|
}
|
|
37
|
+
},
|
|
38
|
+
variant: _theme.chip.variants.variant
|
|
39
|
+
},
|
|
40
|
+
defaultVariants: _theme.chip.defaultVariants,
|
|
41
|
+
compoundVariants: [
|
|
42
|
+
// see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/chip.ts
|
|
43
|
+
..._theme.chip.compoundVariants,
|
|
44
|
+
// solid / color info
|
|
45
|
+
{
|
|
46
|
+
variant: "solid",
|
|
47
|
+
color: "info",
|
|
48
|
+
class: {
|
|
49
|
+
base: "bg-info text-info-foreground"
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
// bordered / color info
|
|
53
|
+
{
|
|
54
|
+
variant: "bordered",
|
|
55
|
+
color: "info",
|
|
56
|
+
class: {
|
|
57
|
+
base: "border-info text-info"
|
|
58
|
+
}
|
|
59
|
+
},
|
|
60
|
+
// light / color info
|
|
61
|
+
{
|
|
62
|
+
variant: "light",
|
|
63
|
+
color: "info",
|
|
64
|
+
class: {
|
|
65
|
+
base: "text-info"
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
// flat / color info
|
|
69
|
+
{
|
|
70
|
+
variant: "flat",
|
|
71
|
+
color: "info",
|
|
72
|
+
class: {
|
|
73
|
+
base: "bg-info/20 text-info-600"
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
// faded / color info
|
|
77
|
+
{
|
|
78
|
+
variant: "faded",
|
|
79
|
+
color: "info",
|
|
80
|
+
class: {
|
|
81
|
+
base: "border-default text-info"
|
|
82
|
+
}
|
|
26
83
|
}
|
|
27
|
-
|
|
84
|
+
]
|
|
28
85
|
});
|
|
29
86
|
var Label = ({
|
|
30
87
|
children = void 0,
|
|
@@ -39,16 +96,15 @@ var Label = ({
|
|
|
39
96
|
}) => {
|
|
40
97
|
const isIconOnly = !!icon && !children && !endContent;
|
|
41
98
|
const hasEndContent = !!endContent;
|
|
42
|
-
const variants = labelVariants({ isIconOnly, hasEndContent });
|
|
99
|
+
const variants = labelVariants({ color, isIconOnly, hasEndContent, variant });
|
|
43
100
|
const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, _className, "base");
|
|
44
101
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
45
102
|
_chip.Chip,
|
|
46
103
|
{
|
|
47
104
|
classNames,
|
|
48
|
-
color,
|
|
49
105
|
endContent,
|
|
50
|
-
radius,
|
|
51
106
|
onClose,
|
|
107
|
+
radius,
|
|
52
108
|
size,
|
|
53
109
|
variant,
|
|
54
110
|
children: [
|
|
@@ -68,4 +124,4 @@ var Label_default2 = Label_default;
|
|
|
68
124
|
|
|
69
125
|
|
|
70
126
|
exports.labelVariants = labelVariants; exports.Label_default = Label_default; exports.Label_default2 = Label_default2;
|
|
71
|
-
//# sourceMappingURL=chunk-
|
|
127
|
+
//# sourceMappingURL=chunk-PHQVYJS2.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-PHQVYJS2.cjs","../src/Label/Label.tsx","../src/Label/index.ts"],"names":["Label_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-PHQVYJS2.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ChipProps as HeroLabelProps } from '@heroui/chip';\nimport type { ReactNode } from 'react';\n\nimport { Chip as HeroLabel } from '@heroui/chip';\nimport { chip as heroLabelVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// label variants\nexport const labelVariants = tv({\n slots: {\n base: '',\n closeButton: '',\n content: '',\n dot: '',\n icon: '',\n },\n variants: {\n color: {\n // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/chip.ts\n info: {\n dot: 'bg-info',\n },\n ...heroLabelVariants.variants.color,\n },\n isIconOnly: {\n true: {\n content: 'px-1',\n },\n false: {\n content: 'flex items-center gap-2',\n },\n },\n hasEndContent: {\n true: {\n base: 'pr-2',\n },\n },\n variant: heroLabelVariants.variants.variant,\n },\n defaultVariants: heroLabelVariants.defaultVariants,\n compoundVariants: [\n // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/chip.ts\n ...heroLabelVariants.compoundVariants,\n // solid / color info\n {\n variant: 'solid',\n color: 'info',\n class: {\n base: 'bg-info text-info-foreground',\n },\n },\n // bordered / color info\n {\n variant: 'bordered',\n color: 'info',\n class: {\n base: 'border-info text-info',\n },\n },\n // light / color info\n {\n variant: 'light',\n color: 'info',\n class: {\n base: 'text-info',\n },\n },\n // flat / color info\n {\n variant: 'flat',\n color: 'info',\n class: {\n base: 'bg-info/20 text-info-600',\n },\n },\n // faded / color info\n {\n variant: 'faded',\n color: 'info',\n class: {\n base: 'border-default text-info',\n },\n },\n ],\n});\n\ntype VariantProps = TVProps<typeof labelVariants>;\ntype ClassName = TVClassName<typeof labelVariants>;\n\nexport interface LabelProps extends VariantProps {\n /** content of the label */\n children?: ReactNode;\n /** CSS class name */\n className?: ClassName;\n /** color of the label */\n color?: VariantProps['color'];\n /** element to be rendered in the right side of the label */\n endContent?: HeroLabelProps['endContent'];\n /** optional label icon, when only icon provided without children and endContent */\n icon?: ReactNode;\n /** add close button to endContent */\n onClose?: HeroLabelProps['onClose'];\n /** radius of the label */\n radius?: HeroLabelProps['radius'];\n /** size of the label */\n size?: HeroLabelProps['size'];\n /** style variant of the label */\n variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'dot';\n}\n\n/**\n * Label component based on [HeroUI Chip](https://www.heroui.com//docs/components/chip)\n */\nconst Label = ({\n children = undefined,\n className: _className = undefined,\n color = 'default',\n endContent = undefined,\n icon = undefined,\n onClose = undefined,\n radius = 'full',\n size = 'md',\n variant = 'solid',\n}: LabelProps) => {\n // determine variants based on props\n const isIconOnly = !!icon && !children && !endContent;\n const hasEndContent = !!endContent;\n\n // classNames from slots\n const variants = labelVariants({ color, isIconOnly, hasEndContent, variant });\n const classNames = variantsToClassNames(variants, _className, 'base');\n\n return (\n <HeroLabel\n classNames={classNames}\n endContent={endContent}\n onClose={onClose}\n radius={radius}\n size={size}\n variant={variant}\n >\n {icon && <span className={classNames.icon}>{icon}</span>}\n {children}\n </HeroLabel>\n );\n};\n\nexport default Label;\n","import Label, { labelVariants } from './Label';\n\nexport type { LabelProps } from './Label';\n\nexport { Label, labelVariants };\n\nexport default Label;\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Button_default
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-6XNLMOET.js";
|
|
4
4
|
import {
|
|
5
5
|
__commonJS,
|
|
6
6
|
__toESM
|
|
@@ -2713,4 +2713,4 @@ export {
|
|
|
2713
2713
|
Json_default,
|
|
2714
2714
|
Json_default2
|
|
2715
2715
|
};
|
|
2716
|
-
//# sourceMappingURL=chunk-
|
|
2716
|
+
//# sourceMappingURL=chunk-PUMF3NYY.js.map
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
import {
|
|
2
|
+
__spreadValues
|
|
3
|
+
} from "./chunk-J7N2552D.js";
|
|
4
|
+
|
|
5
|
+
// src/Label/Label.tsx
|
|
6
|
+
import { Chip as HeroLabel } from "@heroui/chip";
|
|
7
|
+
import { chip as heroLabelVariants } from "@heroui/theme";
|
|
8
|
+
import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
|
|
9
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
10
|
+
var labelVariants = tv({
|
|
11
|
+
slots: {
|
|
12
|
+
base: "",
|
|
13
|
+
closeButton: "",
|
|
14
|
+
content: "",
|
|
15
|
+
dot: "",
|
|
16
|
+
icon: ""
|
|
17
|
+
},
|
|
18
|
+
variants: {
|
|
19
|
+
color: __spreadValues({
|
|
20
|
+
// see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/chip.ts
|
|
21
|
+
info: {
|
|
22
|
+
dot: "bg-info"
|
|
23
|
+
}
|
|
24
|
+
}, heroLabelVariants.variants.color),
|
|
25
|
+
isIconOnly: {
|
|
26
|
+
true: {
|
|
27
|
+
content: "px-1"
|
|
28
|
+
},
|
|
29
|
+
false: {
|
|
30
|
+
content: "flex items-center gap-2"
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
hasEndContent: {
|
|
34
|
+
true: {
|
|
35
|
+
base: "pr-2"
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
variant: heroLabelVariants.variants.variant
|
|
39
|
+
},
|
|
40
|
+
defaultVariants: heroLabelVariants.defaultVariants,
|
|
41
|
+
compoundVariants: [
|
|
42
|
+
// see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/chip.ts
|
|
43
|
+
...heroLabelVariants.compoundVariants,
|
|
44
|
+
// solid / color info
|
|
45
|
+
{
|
|
46
|
+
variant: "solid",
|
|
47
|
+
color: "info",
|
|
48
|
+
class: {
|
|
49
|
+
base: "bg-info text-info-foreground"
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
// bordered / color info
|
|
53
|
+
{
|
|
54
|
+
variant: "bordered",
|
|
55
|
+
color: "info",
|
|
56
|
+
class: {
|
|
57
|
+
base: "border-info text-info"
|
|
58
|
+
}
|
|
59
|
+
},
|
|
60
|
+
// light / color info
|
|
61
|
+
{
|
|
62
|
+
variant: "light",
|
|
63
|
+
color: "info",
|
|
64
|
+
class: {
|
|
65
|
+
base: "text-info"
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
// flat / color info
|
|
69
|
+
{
|
|
70
|
+
variant: "flat",
|
|
71
|
+
color: "info",
|
|
72
|
+
class: {
|
|
73
|
+
base: "bg-info/20 text-info-600"
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
// faded / color info
|
|
77
|
+
{
|
|
78
|
+
variant: "faded",
|
|
79
|
+
color: "info",
|
|
80
|
+
class: {
|
|
81
|
+
base: "border-default text-info"
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
]
|
|
85
|
+
});
|
|
86
|
+
var Label = ({
|
|
87
|
+
children = void 0,
|
|
88
|
+
className: _className = void 0,
|
|
89
|
+
color = "default",
|
|
90
|
+
endContent = void 0,
|
|
91
|
+
icon = void 0,
|
|
92
|
+
onClose = void 0,
|
|
93
|
+
radius = "full",
|
|
94
|
+
size = "md",
|
|
95
|
+
variant = "solid"
|
|
96
|
+
}) => {
|
|
97
|
+
const isIconOnly = !!icon && !children && !endContent;
|
|
98
|
+
const hasEndContent = !!endContent;
|
|
99
|
+
const variants = labelVariants({ color, isIconOnly, hasEndContent, variant });
|
|
100
|
+
const classNames = variantsToClassNames(variants, _className, "base");
|
|
101
|
+
return /* @__PURE__ */ jsxs(
|
|
102
|
+
HeroLabel,
|
|
103
|
+
{
|
|
104
|
+
classNames,
|
|
105
|
+
endContent,
|
|
106
|
+
onClose,
|
|
107
|
+
radius,
|
|
108
|
+
size,
|
|
109
|
+
variant,
|
|
110
|
+
children: [
|
|
111
|
+
icon && /* @__PURE__ */ jsx("span", { className: classNames.icon, children: icon }),
|
|
112
|
+
children
|
|
113
|
+
]
|
|
114
|
+
}
|
|
115
|
+
);
|
|
116
|
+
};
|
|
117
|
+
var Label_default = Label;
|
|
118
|
+
|
|
119
|
+
// src/Label/index.ts
|
|
120
|
+
var Label_default2 = Label_default;
|
|
121
|
+
|
|
122
|
+
export {
|
|
123
|
+
labelVariants,
|
|
124
|
+
Label_default,
|
|
125
|
+
Label_default2
|
|
126
|
+
};
|
|
127
|
+
//# sourceMappingURL=chunk-X6JZFO33.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Label/Label.tsx","../src/Label/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ChipProps as HeroLabelProps } from '@heroui/chip';\nimport type { ReactNode } from 'react';\n\nimport { Chip as HeroLabel } from '@heroui/chip';\nimport { chip as heroLabelVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// label variants\nexport const labelVariants = tv({\n slots: {\n base: '',\n closeButton: '',\n content: '',\n dot: '',\n icon: '',\n },\n variants: {\n color: {\n // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/chip.ts\n info: {\n dot: 'bg-info',\n },\n ...heroLabelVariants.variants.color,\n },\n isIconOnly: {\n true: {\n content: 'px-1',\n },\n false: {\n content: 'flex items-center gap-2',\n },\n },\n hasEndContent: {\n true: {\n base: 'pr-2',\n },\n },\n variant: heroLabelVariants.variants.variant,\n },\n defaultVariants: heroLabelVariants.defaultVariants,\n compoundVariants: [\n // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/chip.ts\n ...heroLabelVariants.compoundVariants,\n // solid / color info\n {\n variant: 'solid',\n color: 'info',\n class: {\n base: 'bg-info text-info-foreground',\n },\n },\n // bordered / color info\n {\n variant: 'bordered',\n color: 'info',\n class: {\n base: 'border-info text-info',\n },\n },\n // light / color info\n {\n variant: 'light',\n color: 'info',\n class: {\n base: 'text-info',\n },\n },\n // flat / color info\n {\n variant: 'flat',\n color: 'info',\n class: {\n base: 'bg-info/20 text-info-600',\n },\n },\n // faded / color info\n {\n variant: 'faded',\n color: 'info',\n class: {\n base: 'border-default text-info',\n },\n },\n ],\n});\n\ntype VariantProps = TVProps<typeof labelVariants>;\ntype ClassName = TVClassName<typeof labelVariants>;\n\nexport interface LabelProps extends VariantProps {\n /** content of the label */\n children?: ReactNode;\n /** CSS class name */\n className?: ClassName;\n /** color of the label */\n color?: VariantProps['color'];\n /** element to be rendered in the right side of the label */\n endContent?: HeroLabelProps['endContent'];\n /** optional label icon, when only icon provided without children and endContent */\n icon?: ReactNode;\n /** add close button to endContent */\n onClose?: HeroLabelProps['onClose'];\n /** radius of the label */\n radius?: HeroLabelProps['radius'];\n /** size of the label */\n size?: HeroLabelProps['size'];\n /** style variant of the label */\n variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'dot';\n}\n\n/**\n * Label component based on [HeroUI Chip](https://www.heroui.com//docs/components/chip)\n */\nconst Label = ({\n children = undefined,\n className: _className = undefined,\n color = 'default',\n endContent = undefined,\n icon = undefined,\n onClose = undefined,\n radius = 'full',\n size = 'md',\n variant = 'solid',\n}: LabelProps) => {\n // determine variants based on props\n const isIconOnly = !!icon && !children && !endContent;\n const hasEndContent = !!endContent;\n\n // classNames from slots\n const variants = labelVariants({ color, isIconOnly, hasEndContent, variant });\n const classNames = variantsToClassNames(variants, _className, 'base');\n\n return (\n <HeroLabel\n classNames={classNames}\n endContent={endContent}\n onClose={onClose}\n radius={radius}\n size={size}\n variant={variant}\n >\n {icon && <span className={classNames.icon}>{icon}</span>}\n {children}\n </HeroLabel>\n );\n};\n\nexport default Label;\n","import Label, { labelVariants } from './Label';\n\nexport type { LabelProps } from './Label';\n\nexport { Label, labelVariants };\n\nexport default Label;\n"],"mappings":";;;;;AAIA,SAAS,QAAQ,iBAAiB;AAClC,SAAS,QAAQ,yBAAyB;AAE1C,SAAS,IAAI,4BAA4B;AAgIrC,SAQW,KARX;AA7HG,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,aAAa;AAAA,IACb,SAAS;AAAA,IACT,KAAK;AAAA,IACL,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA;AAAA,MAEL,MAAM;AAAA,QACJ,KAAK;AAAA,MACP;AAAA,OACG,kBAAkB,SAAS;AAAA,IAEhC,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,eAAe;AAAA,MACb,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,SAAS,kBAAkB,SAAS;AAAA,EACtC;AAAA,EACA,iBAAiB,kBAAkB;AAAA,EACnC,kBAAkB;AAAA;AAAA,IAEhB,GAAG,kBAAkB;AAAA;AAAA,IAErB;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF;AAAA;AAAA,IAEA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF;AAAA;AAAA,IAEA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF;AAAA;AAAA,IAEA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF;AAAA;AAAA,IAEA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF,CAAC;AA6BD,IAAM,QAAQ,CAAC;AAAA,EACb,WAAW;AAAA,EACX,WAAW,aAAa;AAAA,EACxB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AACZ,MAAkB;AAEhB,QAAM,aAAa,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC;AAC3C,QAAM,gBAAgB,CAAC,CAAC;AAGxB,QAAM,WAAW,cAAc,EAAE,OAAO,YAAY,eAAe,QAAQ,CAAC;AAC5E,QAAM,aAAa,qBAAqB,UAAU,YAAY,MAAM;AAEpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA,gBAAQ,oBAAC,UAAK,WAAW,WAAW,MAAO,gBAAK;AAAA,QAChD;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,gBAAQ;;;AC/If,IAAOA,iBAAQ;","names":["Label_default"]}
|
package/dist/index.cjs
CHANGED
|
@@ -45,11 +45,11 @@ var _chunkMHZAWSFJcjs = require('./chunk-MHZAWSFJ.cjs');
|
|
|
45
45
|
var _chunk7RVUB6I5cjs = require('./chunk-7RVUB6I5.cjs');
|
|
46
46
|
|
|
47
47
|
|
|
48
|
-
var
|
|
48
|
+
var _chunkJ44KQ3VWcjs = require('./chunk-J44KQ3VW.cjs');
|
|
49
49
|
|
|
50
50
|
|
|
51
51
|
|
|
52
|
-
var
|
|
52
|
+
var _chunkPHQVYJS2cjs = require('./chunk-PHQVYJS2.cjs');
|
|
53
53
|
|
|
54
54
|
|
|
55
55
|
var _chunkXHOAZB2Zcjs = require('./chunk-XHOAZB2Z.cjs');
|
|
@@ -68,7 +68,7 @@ var _chunk2P5WWVQ6cjs = require('./chunk-2P5WWVQ6.cjs');
|
|
|
68
68
|
|
|
69
69
|
|
|
70
70
|
|
|
71
|
-
var
|
|
71
|
+
var _chunkKWSGA623cjs = require('./chunk-KWSGA623.cjs');
|
|
72
72
|
|
|
73
73
|
|
|
74
74
|
var _chunkLIZGYO24cjs = require('./chunk-LIZGYO24.cjs');
|
|
@@ -85,7 +85,7 @@ var _chunkZZOEFQWQcjs = require('./chunk-ZZOEFQWQ.cjs');
|
|
|
85
85
|
|
|
86
86
|
|
|
87
87
|
|
|
88
|
-
var
|
|
88
|
+
var _chunkK6UF4AGXcjs = require('./chunk-K6UF4AGX.cjs');
|
|
89
89
|
require('./chunk-D4TLDLEX.cjs');
|
|
90
90
|
|
|
91
91
|
|
|
@@ -131,5 +131,5 @@ require('./chunk-D4TLDLEX.cjs');
|
|
|
131
131
|
|
|
132
132
|
|
|
133
133
|
|
|
134
|
-
exports.Accordion = _chunk2P5WWVQ6cjs.Accordion_default; exports.Alert =
|
|
134
|
+
exports.Accordion = _chunk2P5WWVQ6cjs.Accordion_default; exports.Alert = _chunkKWSGA623cjs.Alert_default; exports.Avatar = _chunk77J7NZYBcjs.Avatar_default; exports.AvatarGroup = _chunkLIZGYO24cjs.AvatarGroup_default; exports.Badge = _chunkJSANDW3Wcjs.Badge_default; exports.Breadcrumb = _chunkZZOEFQWQcjs.Breadcrumb_default; exports.Button = _chunkK6UF4AGXcjs.Button_default; exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.Card = _chunkMHZAWSFJcjs.Card_default; exports.Drawer = _chunk7RVUB6I5cjs.Drawer_default; exports.Json = _chunkJ44KQ3VWcjs.Json_default; exports.Label = _chunkPHQVYJS2cjs.Label_default; exports.Menu = _chunkXHOAZB2Zcjs.Menu_default; exports.Modal = _chunkPEUUQMJScjs.Modal_default; exports.Popover = _chunk4X7MUSJBcjs.Popover_default; exports.Progress = _chunkXOCP745Xcjs.Progress_default; exports.ProgressCircular = _chunkW2EOAUKEcjs.ProgressCircular_default; exports.Table = _chunkAJCAIA6Hcjs.Table_default; exports.Tabs = _chunkDIPW4WVJcjs.Tabs_default; exports.Toast = _chunkGXIDQFQ6cjs.Toast; exports.ToastProvider = _chunkGXIDQFQ6cjs.ToastProvider_default; exports.Tooltip = _chunkXWKXRSNYcjs.Tooltip_default; exports.accordionVariants = _chunk2P5WWVQ6cjs.accordionVariants; exports.addToast = _chunkGXIDQFQ6cjs.addToast; exports.alertVariants = _chunkKWSGA623cjs.alertVariants; exports.breadcrumbVariants = _chunkZZOEFQWQcjs.breadcrumbVariants; exports.buttonVariants = _chunkK6UF4AGXcjs.buttonVariants; exports.cardVariants = _chunkMHZAWSFJcjs.cardVariants; exports.drawerBackdrops = _chunk7RVUB6I5cjs.drawerBackdrops; exports.drawerPlacements = _chunk7RVUB6I5cjs.drawerPlacements; exports.drawerRadii = _chunk7RVUB6I5cjs.drawerRadii; exports.drawerSizes = _chunk7RVUB6I5cjs.drawerSizes; exports.drawerVariants = _chunk7RVUB6I5cjs.drawerVariants; exports.labelVariants = _chunkPHQVYJS2cjs.labelVariants; exports.modalVariants = _chunkPEUUQMJScjs.modalVariants; exports.progressCircularVariants = _chunkW2EOAUKEcjs.progressCircularVariants; exports.progressVariants = _chunkXOCP745Xcjs.progressVariants; exports.tableVariants = _chunkAJCAIA6Hcjs.tableVariants; exports.tabsVariants = _chunkDIPW4WVJcjs.tabsVariants; exports.toastVariants = _chunkGXIDQFQ6cjs.toastVariants; exports.useDebounce = _chunkOLI32URUcjs.useDebounce; exports.useIsInitialRenderCycle = _chunkOLI32URUcjs.useIsInitialRenderCycle; exports.useLocalStorage = _chunkOLI32URUcjs.useLocalStorage;
|
|
135
135
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Json/theme.css"],"sourcesContent":["/********************************************************************\n * light theme variables\n * see: https://github.com/uiwjs/react-json-view/blob/main/core/src/theme/light.ts\n ********************************************************************/\n
|
|
1
|
+
{"version":3,"sources":["../src/Json/theme.css"],"sourcesContent":["/********************************************************************\n * light theme variables\n * see: https://github.com/uiwjs/react-json-view/blob/main/core/src/theme/light.ts\n ********************************************************************/\n:root {\n --w-rjv-font-family: monospace;\n --w-rjv-color: #002b36;\n --w-rjv-key-string: #002b36;\n --w-rjv-background-color: unset;\n --w-rjv-line-color: #ebebeb;\n --w-rjv-arrow-color: var(--w-rjv-color);\n --w-rjv-edit-color: var(--w-rjv-color);\n --w-rjv-info-color: rgba(0, 0, 0, 0.3);\n --w-rjv-update-color: #ebcb8b;\n --w-rjv-copied-color: #002b36;\n --w-rjv-copied-success-color: #28a745;\n\n --w-rjv-curlybraces-color: #236a7c;\n --w-rjv-colon-color: #002b36;\n --w-rjv-brackets-color: #236a7c;\n --w-rjv-quotes-color: var(--w-rjv-key-string);\n --w-rjv-quotes-string-color: var(--w-rjv-type-string-color);\n\n --w-rjv-type-string-color: #cb4b16;\n --w-rjv-type-int-color: #268bd2;\n --w-rjv-type-float-color: #859900;\n --w-rjv-type-bigint-color: #268bd2;\n --w-rjv-type-boolean-color: #2aa198;\n --w-rjv-type-date-color: #586e75;\n --w-rjv-type-url-color: #0969da;\n --w-rjv-type-null-color: #d33682;\n --w-rjv-type-nan-color: #859900;\n --w-rjv-type-undefined-color: #586e75;\n}\n\n/********************************************************************\n * dark theme variables\n * see: https://github.com/uiwjs/react-json-view/blob/main/core/src/theme/vscode.ts\n ********************************************************************/\n:root[data-theme='dark'] {\n --w-rjv-font-family: monospace;\n --w-rjv-color: #9cdcfe;\n --w-rjv-key-string: #9cdcfe;\n --w-rjv-background-color: unset;\n --w-rjv-line-color: rgba(54, 51, 66, 0.5);\n --w-rjv-arrow-color: #838383;\n --w-rjv-edit-color: var(--w-rjv-color);\n --w-rjv-info-color: rgba(156, 156, 156, 0.48);\n --w-rjv-update-color: #9cdcfe;\n --w-rjv-copied-color: #9cdcfe;\n --w-rjv-copied-success-color: #28a745;\n\n --w-rjv-curlybraces-color: #d4d4d4;\n --w-rjv-colon-color: #d4d4d4;\n --w-rjv-brackets-color: #d4d4d4;\n --w-rjv-quotes-color: var(--w-rjv-key-string);\n --w-rjv-quotes-string-color: var(--w-rjv-type-string-color);\n\n --w-rjv-type-string-color: #ce9178;\n --w-rjv-type-int-color: #b5cea8;\n --w-rjv-type-float-color: #b5cea8;\n --w-rjv-type-bigint-color: #b5cea8;\n --w-rjv-type-boolean-color: #569cd6;\n --w-rjv-type-date-color: #b5cea8;\n --w-rjv-type-url-color: #3b89cf;\n --w-rjv-type-null-color: #569cd6;\n --w-rjv-type-nan-color: #859900;\n --w-rjv-type-undefined-color: #569cd6;\n}\n"],"mappings":";AAIA;AACE,uBAAqB;AACrB,iBAAe;AACf,sBAAoB;AACpB,4BAA0B;AAC1B,sBAAoB;AACpB,uBAAqB,IAAI;AACzB,sBAAoB,IAAI;AACxB,sBAAoB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAClC,wBAAsB;AACtB,wBAAsB;AACtB,gCAA8B;AAE9B,6BAA2B;AAC3B,uBAAqB;AACrB,0BAAwB;AACxB,wBAAsB,IAAI;AAC1B,+BAA6B,IAAI;AAEjC,6BAA2B;AAC3B,0BAAwB;AACxB,4BAA0B;AAC1B,6BAA2B;AAC3B,8BAA4B;AAC5B,2BAAyB;AACzB,0BAAwB;AACxB,2BAAyB;AACzB,0BAAwB;AACxB,gCAA8B;AAChC;AAMA,KAAK,CAAC;AACJ,uBAAqB;AACrB,iBAAe;AACf,sBAAoB;AACpB,4BAA0B;AAC1B,sBAAoB,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AACrC,uBAAqB;AACrB,sBAAoB,IAAI;AACxB,sBAAoB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACxC,wBAAsB;AACtB,wBAAsB;AACtB,gCAA8B;AAE9B,6BAA2B;AAC3B,uBAAqB;AACrB,0BAAwB;AACxB,wBAAsB,IAAI;AAC1B,+BAA6B,IAAI;AAEjC,6BAA2B;AAC3B,0BAAwB;AACxB,4BAA0B;AAC1B,6BAA2B;AAC3B,8BAA4B;AAC5B,2BAAyB;AACzB,0BAAwB;AACxB,2BAAyB;AACzB,0BAAwB;AACxB,gCAA8B;AAChC;","names":[]}
|
package/dist/index.d.cts
CHANGED
|
@@ -4,15 +4,15 @@ export { A as Avatar, a as AvatarProps } from './Avatar-ylNJ_-dY.cjs';
|
|
|
4
4
|
export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-CUyQwK3t.cjs';
|
|
5
5
|
export { A as Badge, B as BadgeProps } from './Badge-CvXzljaJ.cjs';
|
|
6
6
|
export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-1cB54eJk.cjs';
|
|
7
|
-
export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-
|
|
7
|
+
export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-BNrJYJDH.cjs';
|
|
8
8
|
export { B as ButtonGroup } from './ButtonGroup-CUxpALRo.cjs';
|
|
9
9
|
export { C as Card, a as CardProps, c as cardVariants } from './Card-BdciRqJz.cjs';
|
|
10
10
|
export { D as Drawer, f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from './Drawer-BnV9qxPA.cjs';
|
|
11
11
|
export { J as Json, a as JsonProps } from './Json-Dny90Wml.cjs';
|
|
12
|
-
export { L as Label, a as LabelProps, l as labelVariants } from './Label-
|
|
12
|
+
export { L as Label, a as LabelProps, l as labelVariants } from './Label-B1a1krk8.cjs';
|
|
13
13
|
export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-DYi8oagz.cjs';
|
|
14
14
|
export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-DI5ZdS_3.cjs';
|
|
15
|
-
export { _ as Popover, P as PopoverProps } from './Popover-
|
|
15
|
+
export { _ as Popover, P as PopoverProps } from './Popover-Czc5-4V1.cjs';
|
|
16
16
|
export { P as ProgressCircular, a as ProgressCircularProps, p as progressCircularVariants } from './ProgressCircular-D9VbRNdF.cjs';
|
|
17
17
|
export { P as Progress, a as ProgressProps, p as progressVariants } from './Progress-CR_BcIKV.cjs';
|
|
18
18
|
export { T as Table, c as TableColumnProps, a as TableProps, b as TableRowProps, V as VariantProps, t as tableVariants } from './Table-D19f5nrd.cjs';
|
package/dist/index.d.ts
CHANGED
|
@@ -4,15 +4,15 @@ export { A as Avatar, a as AvatarProps } from './Avatar-ylNJ_-dY.js';
|
|
|
4
4
|
export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-BfOtqfJy.js';
|
|
5
5
|
export { A as Badge, B as BadgeProps } from './Badge-CvXzljaJ.js';
|
|
6
6
|
export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-1cB54eJk.js';
|
|
7
|
-
export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-
|
|
7
|
+
export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-BNrJYJDH.js';
|
|
8
8
|
export { B as ButtonGroup } from './ButtonGroup-CUxpALRo.js';
|
|
9
9
|
export { C as Card, a as CardProps, c as cardVariants } from './Card-BdciRqJz.js';
|
|
10
10
|
export { D as Drawer, f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from './Drawer-BnV9qxPA.js';
|
|
11
11
|
export { J as Json, a as JsonProps } from './Json-Dny90Wml.js';
|
|
12
|
-
export { L as Label, a as LabelProps, l as labelVariants } from './Label-
|
|
12
|
+
export { L as Label, a as LabelProps, l as labelVariants } from './Label-B1a1krk8.js';
|
|
13
13
|
export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-DYi8oagz.js';
|
|
14
14
|
export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-DI5ZdS_3.js';
|
|
15
|
-
export { _ as Popover, P as PopoverProps } from './Popover-
|
|
15
|
+
export { _ as Popover, P as PopoverProps } from './Popover-Dm_Dsjqw.js';
|
|
16
16
|
export { P as ProgressCircular, a as ProgressCircularProps, p as progressCircularVariants } from './ProgressCircular-D9VbRNdF.js';
|
|
17
17
|
export { P as Progress, a as ProgressProps, p as progressVariants } from './Progress-CR_BcIKV.js';
|
|
18
18
|
export { T as Table, c as TableColumnProps, a as TableProps, b as TableRowProps, V as VariantProps, t as tableVariants } from './Table-D19f5nrd.js';
|
package/dist/index.js
CHANGED
|
@@ -45,11 +45,11 @@ import {
|
|
|
45
45
|
} from "./chunk-VBOUHWXM.js";
|
|
46
46
|
import {
|
|
47
47
|
Json_default
|
|
48
|
-
} from "./chunk-
|
|
48
|
+
} from "./chunk-PUMF3NYY.js";
|
|
49
49
|
import {
|
|
50
50
|
Label_default,
|
|
51
51
|
labelVariants
|
|
52
|
-
} from "./chunk-
|
|
52
|
+
} from "./chunk-X6JZFO33.js";
|
|
53
53
|
import {
|
|
54
54
|
Menu_default
|
|
55
55
|
} from "./chunk-OP5W7BXY.js";
|
|
@@ -68,7 +68,7 @@ import {
|
|
|
68
68
|
import {
|
|
69
69
|
Alert_default,
|
|
70
70
|
alertVariants
|
|
71
|
-
} from "./chunk-
|
|
71
|
+
} from "./chunk-DBVM5SIA.js";
|
|
72
72
|
import {
|
|
73
73
|
AvatarGroup_default
|
|
74
74
|
} from "./chunk-3QICKBFS.js";
|
|
@@ -85,7 +85,7 @@ import {
|
|
|
85
85
|
import {
|
|
86
86
|
Button_default,
|
|
87
87
|
buttonVariants
|
|
88
|
-
} from "./chunk-
|
|
88
|
+
} from "./chunk-6XNLMOET.js";
|
|
89
89
|
import "./chunk-J7N2552D.js";
|
|
90
90
|
export {
|
|
91
91
|
Accordion_default as Accordion,
|