@fuf-stack/pixels 0.43.8 → 0.43.10
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/Json/index.css.map +1 -1
- package/dist/{chunk-MG3PTEMK.js → chunk-OXXSHHVG.js} +3 -3
- package/dist/{chunk-MG3PTEMK.js.map → chunk-OXXSHHVG.js.map} +1 -1
- package/dist/{chunk-YVPRFCWI.cjs → chunk-Q2SVN66A.cjs} +3 -3
- package/dist/{chunk-YVPRFCWI.cjs.map → chunk-Q2SVN66A.cjs.map} +1 -1
- package/dist/index.cjs +2 -2
- package/dist/index.css.map +1 -1
- package/dist/index.js +1 -1
- package/package.json +3 -3
package/dist/Alert/index.cjs
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _chunkQ2SVN66Acjs = require('../chunk-Q2SVN66A.cjs');
|
|
6
6
|
require('../chunk-D4TLDLEX.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
exports.Alert =
|
|
11
|
+
exports.Alert = _chunkQ2SVN66Acjs.Alert_default; exports.alertVariants = _chunkQ2SVN66Acjs.alertVariants; exports.default = _chunkQ2SVN66Acjs.Alert_default2;
|
|
12
12
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Alert/index.js
CHANGED
package/dist/Json/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":[]}
|
|
@@ -55,7 +55,7 @@ var alertVariants = tv({
|
|
|
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 = tv({
|
|
|
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
|
}
|
|
@@ -132,4 +132,4 @@ export {
|
|
|
132
132
|
Alert_default,
|
|
133
133
|
Alert_default2
|
|
134
134
|
};
|
|
135
|
-
//# sourceMappingURL=chunk-
|
|
135
|
+
//# sourceMappingURL=chunk-OXXSHHVG.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Alert/Alert.tsx","../src/Alert/index.ts"],"sourcesContent":["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: '
|
|
1
|
+
{"version":3,"sources":["../src/Alert/Alert.tsx","../src/Alert/index.ts"],"sourcesContent":["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 isHeroUIColor = Object.keys(heroAlertVariants.variants.color).includes(\n color,\n );\n const classNames = variantsToClassNames(variants, className, 'base');\n\n return (\n <HeroAlert\n classNames={classNames}\n color={isHeroUIColor ? (color as HeroAlertProps['color']) : undefined}\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"],"mappings":";;;;;AAIA,SAAS,SAAS,iBAAiB;AACnC,SAAS,SAAS,yBAAyB;AAE3C,SAAS,IAAI,4BAA4B;AA2IrC;AAzIG,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,aAAa;AAAA,IACb,aAAa;AAAA,IACb,aAAa;AAAA,IACb,WAAW;AAAA,EACb;AAAA,EACA,UAAU;AAAA;AAAA,IAER,OAAO;AAAA,MACL,MAAM;AAAA,QACJ,aAAa;AAAA,QACb,OAAO;AAAA,QACP,aAAa;AAAA,MACf;AAAA,OACG,kBAAkB,SAAS;AAAA,IAEhC,SAAS,mBACJ,kBAAkB,SAAS;AAAA,IAEhC,WAAW;AAAA,MACT,QAAQ;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB,GAAG,kBAAkB;AAAA,IACrB;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,QACT,MAAM;AAAA,QACN,WAAW;AAAA,QACX,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,QACT,WAAW;AAAA,QACX,MAAM;AAAA,QACN,aAAa;AAAA,QACb,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,QACT,WAAW;AAAA,QACX,MAAM;AAAA,QACN,aAAa;AAAA,QACb,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,QACT,WAAW;AAAA,QACX,MAAM;AAAA,QACN,aAAa;AAAA,QACb,aAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAmCD,IAAM,QAAQ,CAAC;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,OAAO;AAAA,EACP,aAAa;AAAA,EACb,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,UAAU;AACZ,MAAkB;AAChB,QAAM,WAAW,cAAc;AAAA,IAC7B;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,gBAAgB,OAAO,KAAK,kBAAkB,SAAS,KAAK,EAAE;AAAA,IAClE;AAAA,EACF;AACA,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO,gBAAiB,QAAoC;AAAA,MAC5D,eAAa;AAAA,MACb,aAAa,QAAQ,WAAW;AAAA,MAChC;AAAA,MACA,UAAU,CAAC;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAQ,SAAS;AAAA,MACjB;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ;;;AC5Jf,IAAOA,iBAAQ;","names":["Alert_default"]}
|
|
@@ -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
|
}
|
|
@@ -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-Q2SVN66A.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-Q2SVN66A.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-Q2SVN66A.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 isHeroUIColor = Object.keys(heroAlertVariants.variants.color).includes(\n color,\n );\n const classNames = variantsToClassNames(variants, className, 'base');\n\n return (\n <HeroAlert\n classNames={classNames}\n color={isHeroUIColor ? (color as HeroAlertProps['color']) : undefined}\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"]}
|
package/dist/index.cjs
CHANGED
|
@@ -68,7 +68,7 @@ var _chunk2P5WWVQ6cjs = require('./chunk-2P5WWVQ6.cjs');
|
|
|
68
68
|
|
|
69
69
|
|
|
70
70
|
|
|
71
|
-
var
|
|
71
|
+
var _chunkQ2SVN66Acjs = require('./chunk-Q2SVN66A.cjs');
|
|
72
72
|
|
|
73
73
|
|
|
74
74
|
var _chunkLIZGYO24cjs = require('./chunk-LIZGYO24.cjs');
|
|
@@ -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 = _chunkQ2SVN66Acjs.Alert_default; exports.Avatar = _chunk77J7NZYBcjs.Avatar_default; exports.AvatarGroup = _chunkLIZGYO24cjs.AvatarGroup_default; exports.Badge = _chunkJSANDW3Wcjs.Badge_default; exports.Breadcrumb = _chunkZZOEFQWQcjs.Breadcrumb_default; exports.Button = _chunkAN7A66NScjs.Button_default; exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.Card = _chunkMHZAWSFJcjs.Card_default; exports.Drawer = _chunk7RVUB6I5cjs.Drawer_default; exports.Json = _chunkPYXJNORHcjs.Json_default; exports.Label = _chunkPLJWIGRScjs.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 = _chunkQ2SVN66Acjs.alertVariants; exports.breadcrumbVariants = _chunkZZOEFQWQcjs.breadcrumbVariants; exports.buttonVariants = _chunkAN7A66NScjs.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 = _chunkPLJWIGRScjs.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.js
CHANGED
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@fuf-stack/pixels",
|
|
3
3
|
"description": "fuf core react component library",
|
|
4
4
|
"author": "Hannes Tiede",
|
|
5
|
-
"version": "0.43.
|
|
5
|
+
"version": "0.43.10",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./dist/index.cjs",
|
|
8
8
|
"module": "./dist/index.js",
|
|
@@ -180,10 +180,10 @@
|
|
|
180
180
|
"@heroui/tabs": "2.2.14",
|
|
181
181
|
"@heroui/toast": "2.0.7",
|
|
182
182
|
"@heroui/tooltip": "2.2.14",
|
|
183
|
-
"framer-motion": "12.
|
|
183
|
+
"framer-motion": "12.19.1",
|
|
184
184
|
"next-themes": "0.4.6",
|
|
185
185
|
"react-icons": "5.5.0",
|
|
186
|
-
"@fuf-stack/pixel-utils": "0.5.
|
|
186
|
+
"@fuf-stack/pixel-utils": "0.5.5"
|
|
187
187
|
},
|
|
188
188
|
"devDependencies": {
|
|
189
189
|
"@types/debug": "4.1.12",
|