@pismo/marola 1.0.0-beta.64 → 1.0.0-beta.65

package/dist/components/Chip/Chip.stories.d.ts

@@ -4,7 +4,7 @@ declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<import('./Chip').ChipProps & import('react').RefAttributes<unknown>>;
     tags: string[];
-    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         label: import('react').ReactNode;
         loading?: boolean | undefined;
         leftAdornment?: import('../Adornment/Adornment').AdornmentProps | undefined;

package/dist/components/ConfirmationDialog/ConfirmationDialog.stories.d.ts

@@ -5,7 +5,7 @@ declare const meta: {
     title: string;
     component: ({ open, onClose, title, subtitle, content, cancelAction, confirmAction, confirmLabel, cancelLabel, }: ConfirmationDialogProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
-    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         open: boolean;
         onClose: () => void;
         title?: import('react').ReactNode;

package/dist/components/Description/Description.d.ts

@@ -6,9 +6,11 @@ export interface DescriptionProps {
     value: React.ReactNode;
     /** Renders skeleton when true */
     isLoading?: boolean;
+    /** Description label and value color */
+    color?: string;
     /** Sets the data-testid prefix for label, value and skeletons */
     'data-testid'?: string;
     /** Sets the label and value onto the same line */
     inline?: boolean;
 }
-export declare const Description: ({ label, value, isLoading, "data-testid": dataTestId, inline, }: DescriptionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Description: ({ label, value, isLoading, color, "data-testid": dataTestId, inline, }: DescriptionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Description/Description.js

@@ -1,9 +1,9 @@
 import '../../assets/Description.css';
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { c as s } from "../../clsx-DB4S2d7J.js";
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { c as i } from "../../clsx-DB4S2d7J.js";
 import { Skeleton as o } from "../Skeleton/Skeleton.js";
-import { Typography as p } from "../Typography/Typography.js";
-const i = "_container_he0z3_78", a = {
+import { Typography as y } from "../Typography/Typography.js";
+const u = "_container_he0z3_78", a = {
   "u-typography-h1": "_u-typography-h1_he0z3_1",
   "u-typography-h2": "_u-typography-h2_he0z3_8",
   "u-typography-h3": "_u-typography-h3_he0z3_15",
@@ -19,36 +19,46 @@ const i = "_container_he0z3_78", a = {
   "u-typography-base--strikethrough": "_u-typography-base--strikethrough_he0z3_68",
   "u-typography-base--underlined": "_u-typography-base--underlined_he0z3_71",
   "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_he0z3_74",
-  container: i,
+  container: u,
   "container--text": "_container--text_he0z3_82",
   "container--inline": "_container--inline_he0z3_85"
-}, c = ({
-  label: y,
-  value: _,
+}, d = ({
+  label: _,
+  value: n,
   isLoading: r,
+  color: h = "var(--gray-95)",
   "data-testid": e = "Description",
-  inline: h
-}) => /* @__PURE__ */ n(
+  inline: p
+}) => /* @__PURE__ */ s(
   "div",
   {
-    className: s([a.container, { [a["container--inline"]]: h }]),
+    className: i([a.container, { [a["container--inline"]]: p }]),
     "data-testid": `${e}-container`,
     children: [
-      /* @__PURE__ */ t(p, { className: a["container--text"], variant: "base", "data-testid": `${e}-label`, children: r ? /* @__PURE__ */ t(o, { style: { width: 70, marginBottom: 2 }, "data-testid": `${e}-skeletonLabel` }) : y }),
       /* @__PURE__ */ t(
-        p,
+        y,
+        {
+          color: h,
+          className: a["container--text"],
+          variant: "base",
+          "data-testid": `${e}-label`,
+          children: r ? /* @__PURE__ */ t(o, { style: { width: 70, marginBottom: 2 }, "data-testid": `${e}-skeletonLabel` }) : _
+        }
+      ),
+      /* @__PURE__ */ t(
+        y,
         {
           className: a["container--text"],
           bold: !0,
-          color: "var(--gray-95)",
-          variant: h ? "base" : "base-lg",
+          color: h,
+          variant: p ? "base" : "base-lg",
           "data-testid": `${e}-value`,
-          children: r ? /* @__PURE__ */ t(o, { style: { width: 100 }, "data-testid": `${e}-skeletonValue` }) : _ || "-"
+          children: r ? /* @__PURE__ */ t(o, { style: { width: 100 }, "data-testid": `${e}-skeletonValue` }) : n || "-"
         }
       )
     ]
   }
 );
 export {
-  c as Description
+  d as Description
 };

package/dist/components/Description/Description.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ label, value, isLoading, "data-testid": dataTestId, inline, }: import('./Description').DescriptionProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ label, value, isLoading, color, "data-testid": dataTestId, inline, }: import('./Description').DescriptionProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;
@@ -11,7 +11,9 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Simple: Story;
+export declare const WithColor: Story;
 export declare const InLine: Story;
+export declare const InLineWithColor: Story;
 export declare const Loading: Story;
 export declare const LoadingInline: Story;
 export declare const InLineWithButton: Story;

package/dist/components/Dialog/Dialog.stories.d.ts

@@ -10,7 +10,7 @@ declare const meta: {
         Actions: import('react').FunctionComponent<import('./Actions').DialogActionProps>;
     };
     tags: string[];
-    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         color?: string | undefined;
         ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
         children: import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> & import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<unknown>>;

package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts

@@ -8,7 +8,7 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         children: import('react').ReactNode;
         title: import('react').ReactNode;
         style?: import('react').CSSProperties | undefined;

package/dist/components/LoadingSpinner/LoadingSpinner.stories.d.ts

@@ -4,7 +4,7 @@ declare const meta: {
     title: string;
     component: ({ invert, classNames }: import('./LoadingSpinner').LoadingSpinnerProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
-    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         invert?: boolean | undefined;
         classNames?: string | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];

package/dist/components/Popover/Popover.stories.d.ts

@@ -25,7 +25,7 @@ declare const meta: {
         };
     };
     tags: string[];
-    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         [x: string]: any;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };

package/dist/components/Snackbar/Snackbar.stories.d.ts

@@ -5,7 +5,7 @@ declare const meta: {
     title: string;
     component: ({ snackbarMessage, variant, autoHideDuration, open, onClose, onClosed, classNameWrapper, "data-testid": dataTestId, }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
-    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         accept?: string | undefined;
         alt?: string | undefined;
         autoComplete?: import('react').HTMLInputAutoCompleteAttribute | undefined;

package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts

@@ -6,7 +6,7 @@ declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<ToggleGroupProps & import('react').RefAttributes<HTMLFieldSetElement>>;
     tags: string[];
-    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         legend?: import('react').ReactNode;
         error?: import('react').ReactNode;
         children: import('react').ReactElement<import('./Toggle.tsx').ToggleGroupItemProps<string | number>, string | import('react').JSXElementConstructor<any>>[];

package/dist/components/Tooltip/Tooltip.stories.d.ts

@@ -8,7 +8,7 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         children: import('react').ReactNode;
         title: import('react').ReactNode;
         open?: boolean | undefined;

package/dist/components/Typography/Typography.stories.d.ts

@@ -12,7 +12,7 @@ declare const meta: {
             };
         };
     };
-    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         children: import('react').ReactNode;
         element?: import('react').ElementType | undefined;
         variant?: import('./Typography').VariantType | undefined;

package/dist/contexts/SnackbarProvider/SnackbarProvider.stories.d.ts

@@ -12,7 +12,7 @@ declare const meta: {
         };
     };
     tags: string[];
-    decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         [x: string]: any;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pismo/marola",
   "description": "CDX tribe component library",
-  "version": "1.0.0-beta.64",
+  "version": "1.0.0-beta.65",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",