paris 0.23.1 → 0.24.0

package/dist/stories/button/Button.js

@@ -0,0 +1,123 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Button as Button$1 } from '@ariakit/react';
+import { clsx } from 'clsx';
+import fontColorContrast from 'font-color-contrast';
+import { useMemo } from 'react';
+import { MemoizedEnhancer } from '../../helpers/renderEnhancer.js';
+import { NotificationDot } from '../icon/NotificationDot.js';
+import { Spinner } from '../icon/Spinner.js';
+import { Text } from '../text/Text.js';
+import 'pte';
+import { pvar } from '../theme/themes.js';
+import styles from './Button.module.scss.js';
+
+const EnhancerSizes = {
+  large: 13,
+  medium: 12,
+  small: 11,
+  xs: 9
+};
+const CornerPresets = ["sharp", "rounded", "roundedXL"];
+const ButtonThemes = {
+  negative: {
+    primary: pvar("new.colors.buttonBorderNegative"),
+    secondary: pvar("new.colors.buttonFillHoverNegative"),
+    primaryAlt: pvar("new.colors.contentNegative"),
+    secondaryAlt: pvar("new.colors.backgroundNegativeStrong")
+  },
+  positive: {
+    primary: pvar("new.colors.contentPositive"),
+    secondary: pvar("new.colors.backgroundPositive"),
+    primaryAlt: pvar("new.colors.contentPositive"),
+    secondaryAlt: pvar("new.colors.backgroundPositiveStrong")
+  },
+  warning: {
+    primary: pvar("new.colors.contentWarning"),
+    secondary: pvar("new.colors.backgroundWarning"),
+    primaryAlt: pvar("new.colors.contentWarning"),
+    secondaryAlt: pvar("new.colors.backgroundWarningStrong")
+  }
+};
+const Button = ({
+  kind = "primary",
+  size = "large",
+  shape = "pill",
+  corners = "rounded",
+  colors,
+  theme,
+  type = "button",
+  startEnhancer,
+  endEnhancer,
+  onClick,
+  children,
+  disabled,
+  loading,
+  href,
+  displayNotificationDot = false,
+  style,
+  ...props
+}) => {
+  const cornersIsPreset = useMemo(() => CornerPresets.includes(corners), [corners]);
+  return /* @__PURE__ */ jsxs(
+    Button$1,
+    {
+      ...props,
+      style: theme || colors ? {
+        "--pte-new-colors-contentInversePrimary": fontColorContrast(
+          theme ? ButtonThemes[theme].primary : colors?.primary || pvar("new.colors.contentPrimary")
+        ),
+        // text for primary
+        "--pte-new-colors-buttonFill": theme ? ButtonThemes[theme].primaryAlt : colors?.primary,
+        // background for primary
+        "--pte-new-colors-buttonFillHover": theme ? ButtonThemes[theme].secondaryAlt : colors?.secondary,
+        // hover background for primary
+        "--pte-new-colors-contentPrimary": theme ? ButtonThemes[theme].primary : colors?.primary,
+        // text for secondary/tertiary
+        "--pte-new-colors-buttonBorder": theme ? ButtonThemes[theme].primary : colors?.primary,
+        // border for secondary/tertiary
+        "--pte-new-colors-overlayMedium": theme ? ButtonThemes[theme].secondary : colors?.secondary,
+        // hover background for secondary/tertiary
+        borderRadius: !cornersIsPreset ? corners : "",
+        ...style
+      } : { borderRadius: !cornersIsPreset ? corners : "", ...style },
+      className: clsx(
+        styles.button,
+        styles[kind],
+        styles[shape],
+        styles[size],
+        cornersIsPreset && styles[corners],
+        props?.className
+      ),
+      "aria-disabled": disabled ?? false,
+      type,
+      "aria-details": typeof children === "string" ? children : void 0,
+      onClick: !disabled && !href && !loading ? onClick : () => {
+      },
+      disabled: false,
+      ...href ? {
+        render: (properties) => (
+          // eslint-disable-next-line jsx-a11y/anchor-has-content
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              ...properties,
+              href,
+              target: props.hreftarget ?? "_self",
+              rel: props.hreftarget === "_self" ? void 0 : "noreferrer"
+            }
+          )
+        )
+      } : {},
+      children: [
+        !!(startEnhancer && !loading) && /* @__PURE__ */ jsx(MemoizedEnhancer, { enhancer: startEnhancer, size: EnhancerSizes[size] }),
+        !["circle", "square"].includes(shape) && /* @__PURE__ */ jsx(Text, { kind: "labelXSmall", children: !loading ? children || "Button" : /* @__PURE__ */ jsx(Spinner, { size: EnhancerSizes[size] }) }),
+        !!(endEnhancer && !loading) && /* @__PURE__ */ jsx(MemoizedEnhancer, { enhancer: endEnhancer, size: EnhancerSizes[size] }),
+        !!displayNotificationDot && /* @__PURE__ */ jsx("div", { className: "absolute top-0 right-0", children: /* @__PURE__ */ jsx(NotificationDot, { size: 8 }) })
+      ]
+    }
+  );
+};
+
+export { Button, ButtonThemes, CornerPresets };
+//# sourceMappingURL=Button.js.map

package/dist/stories/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../src/stories/button/Button.tsx"],"sourcesContent":["'use client';\n\nimport type { ButtonProps as AriaButtonProps } from '@ariakit/react';\nimport { Button as AriaButton } from '@ariakit/react';\nimport type { CSSLength } from '@ssh/csstypes';\nimport { clsx } from 'clsx';\nimport fontColorContrast from 'font-color-contrast';\nimport type { CSSProperties, FC, HTMLAttributeAnchorTarget, MouseEventHandler, ReactNode } from 'react';\nimport { useMemo } from 'react';\nimport { MemoizedEnhancer } from '../../helpers/renderEnhancer';\nimport type { Enhancer } from '../../types/Enhancer';\nimport { NotificationDot, Spinner } from '../icon';\nimport { Text } from '../text';\nimport { pvar } from '../theme';\nimport styles from './Button.module.scss';\n\nconst EnhancerSizes = {\n    large: 13,\n    medium: 12,\n    small: 11,\n    xs: 9,\n};\n\nexport const CornerPresets = ['sharp', 'rounded', 'roundedXL'] as const;\n\nexport const ButtonThemes = {\n    negative: {\n        primary: pvar('new.colors.buttonBorderNegative'),\n        secondary: pvar('new.colors.buttonFillHoverNegative'),\n        primaryAlt: pvar('new.colors.contentNegative'),\n        secondaryAlt: pvar('new.colors.backgroundNegativeStrong'),\n    },\n    positive: {\n        primary: pvar('new.colors.contentPositive'),\n        secondary: pvar('new.colors.backgroundPositive'),\n        primaryAlt: pvar('new.colors.contentPositive'),\n        secondaryAlt: pvar('new.colors.backgroundPositiveStrong'),\n    },\n    warning: {\n        primary: pvar('new.colors.contentWarning'),\n        secondary: pvar('new.colors.backgroundWarning'),\n        primaryAlt: pvar('new.colors.contentWarning'),\n        secondaryAlt: pvar('new.colors.backgroundWarningStrong'),\n    },\n} as const;\n\nexport type ButtonProps = {\n    /**\n     * The appearance of the Button.\n     * @default primary\n     */\n    kind?: 'primary' | 'secondary' | 'tertiary';\n    /**\n     * The size of the Button.\n     * @default large\n     */\n    size?: 'large' | 'medium' | 'small' | 'xs';\n    /**\n     * The shape of the Button.\n     * @default pill\n     */\n    shape?: 'pill' | 'circle' | 'rectangle' | 'square';\n    /**\n     * The radius of the corners for the `rectangle` and `square` Button shapes. Either a preset or a valid {@link CSSLength} string.\n     * `sharp` will have no rounding, `rounded` will have a slight rounding, and `roundedXL` will have a large rounding.\n     * @see CornerPresets\n     * @default rounded\n     */\n    corners?: (typeof CornerPresets)[number] | CSSLength;\n    /**\n     * A color to apply for the Button. Provide an object with `primary` and `secondary` properties to set the primary and hover colors.\n     */\n    colors?: {\n        /** The primary color of the Button. Primary buttons will use this as the background color, and secondary/tertiary buttons will use it for the text and border. */\n        primary: string;\n        /**\n         * The secondary color of the Button, used for hover/active states.\n         */\n        secondary: string;\n    };\n    /**\n     * Preset themes for coloring the button. Overrides the `colors` prop.\n     */\n    theme?: keyof typeof ButtonThemes;\n    /**\n     * An icon or other element to render before the Button's text. A `size` argument is passed that should be used to determine the width & height of the content displayed.\n     *\n     * When Button shape is `circle` or `square`, this element will be the only visible content.\n     */\n    startEnhancer?: Enhancer;\n    /**\n     * An icon or other element to render after the Button's text. A `size` argument is passed that should be used to determine the width & height of the content displayed.\n     */\n    endEnhancer?: Enhancer;\n    /**\n     * Disables the Button, disallowing user interaction.\n     * @default false\n     */\n    disabled?: boolean;\n    /**\n     * Displays a loading indicator inside the Button and disables user interaction.\n     * @default false\n     */\n    loading?: boolean;\n    /**\n     * The interaction handler for the Button.\n     */\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n    /**\n     * Optionally, the Button can be rendered as an anchor element by passing an `href` prop. To use a Next.js Link component, use the `render` prop directly.\n     */\n    href?: string;\n    /**\n     * Optionally, the target of the anchor element can be specified (defaults to `_self`).\n     */\n    hreftarget?: HTMLAttributeAnchorTarget;\n    /**\n     * The contents of the Button.\n     *\n     * This should be text. When Button shape is `circle` or `square`, the action description should still be passed here for screen readers.\n     */\n    children?: ReactNode | ReactNode[];\n    /**\n     * Displays a notification dot.\n     */\n    displayNotificationDot?: boolean;\n} & Omit<AriaButtonProps, 'children' | 'disabled' | 'onClick'>;\n\n/**\n * A `Button` is used to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.\n *\n * <hr />\n *\n * To use the `Button` component, import it as follows:\n *\n * ```js\n * import { Button } from 'paris/button';\n * ```\n *\n * @constructor\n */\nexport const Button: FC<ButtonProps> = ({\n    kind = 'primary',\n    size = 'large',\n    shape = 'pill',\n    corners = 'rounded',\n    colors,\n    theme,\n    type = 'button',\n    startEnhancer,\n    endEnhancer,\n    onClick,\n    children,\n    disabled,\n    loading,\n    href,\n    displayNotificationDot = false,\n    style,\n    ...props\n}) => {\n    const cornersIsPreset = useMemo(() => (CornerPresets as readonly string[]).includes(corners), [corners]);\n    return (\n        <AriaButton\n            {...props}\n            style={\n                theme || colors\n                    ? ({\n                          '--pte-new-colors-contentInversePrimary': fontColorContrast(\n                              theme\n                                  ? ButtonThemes[theme].primary\n                                  : colors?.primary || pvar('new.colors.contentPrimary'),\n                          ), // text for primary\n                          '--pte-new-colors-buttonFill': theme ? ButtonThemes[theme].primaryAlt : colors?.primary, // background for primary\n                          '--pte-new-colors-buttonFillHover': theme\n                              ? ButtonThemes[theme].secondaryAlt\n                              : colors?.secondary, // hover background for primary\n                          '--pte-new-colors-contentPrimary': theme ? ButtonThemes[theme].primary : colors?.primary, // text for secondary/tertiary\n                          '--pte-new-colors-buttonBorder': theme ? ButtonThemes[theme].primary : colors?.primary, // border for secondary/tertiary\n                          '--pte-new-colors-overlayMedium': theme ? ButtonThemes[theme].secondary : colors?.secondary, // hover background for secondary/tertiary\n                          borderRadius: !cornersIsPreset ? corners : '',\n                          ...style,\n                      } as CSSProperties)\n                    : { borderRadius: !cornersIsPreset ? corners : '', ...style }\n            }\n            className={clsx(\n                styles.button,\n                styles[kind],\n                styles[shape],\n                styles[size],\n                cornersIsPreset && styles[corners],\n                props?.className,\n            )}\n            aria-disabled={disabled ?? false}\n            type={type}\n            aria-details={typeof children === 'string' ? children : undefined}\n            onClick={!disabled && !href && !loading ? onClick : () => {}}\n            disabled={false}\n            {...(href\n                ? {\n                      render: (properties) => (\n                          // eslint-disable-next-line jsx-a11y/anchor-has-content\n                          <a\n                              {...properties}\n                              href={href}\n                              target={props.hreftarget ?? '_self'}\n                              rel={props.hreftarget === '_self' ? undefined : 'noreferrer'}\n                          />\n                      ),\n                  }\n                : {})}\n        >\n            {!!(startEnhancer && !loading) && <MemoizedEnhancer enhancer={startEnhancer} size={EnhancerSizes[size]} />}\n            {!['circle', 'square'].includes(shape) && (\n                <Text kind=\"labelXSmall\">\n                    {!loading ? children || 'Button' : <Spinner size={EnhancerSizes[size]} />}\n                </Text>\n            )}\n            {!!(endEnhancer && !loading) && <MemoizedEnhancer enhancer={endEnhancer} size={EnhancerSizes[size]} />}\n            {!!displayNotificationDot && (\n                <div className=\"absolute top-0 right-0\">\n                    <NotificationDot size={8} />\n                </div>\n            )}\n        </AriaButton>\n    );\n};\n"],"names":["AriaButton"],"mappings":"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"}

package/dist/stories/button/Button.module.css

@@ -0,0 +1,137 @@
+/*
+ * Main styles
+ */
+.paris_button_1IoaA {
+  user-select: var(--pte-utils-defaultUserSelect);
+  border: 1px solid;
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  transition: var(--pte-animations-interaction);
+}
+.paris_button_1IoaA > span {
+  margin-block-end: var(--pte-typography-verticalMetricsAdjust);
+}
+.paris_button_1IoaA:hover {
+  cursor: default;
+  background-color: var(--pte-new-colors-buttonFillHover);
+}
+.paris_button_1IoaA[aria-disabled=false]:active {
+  opacity: 0.9;
+  transform: scale(0.98);
+}
+.paris_button_1IoaA[aria-disabled=true] {
+  pointer-events: none;
+}
+
+/*
+ * KIND
+ */
+.paris_primary_WZ3V2 {
+  color: var(--pte-new-colors-contentInversePrimary);
+  background-color: var(--pte-new-colors-buttonFill);
+  border-color: var(--pte-new-colors-buttonFill);
+}
+.paris_primary_WZ3V2:hover {
+  border-color: var(--pte-new-colors-buttonFillHover);
+}
+.paris_primary_WZ3V2[aria-disabled=true] {
+  color: var(--pte-new-colors-contentDisabled);
+  background-color: var(--pte-new-colors-buttonFillDisabled);
+  border-color: var(--pte-new-colors-buttonFillDisabled);
+}
+
+.paris_secondary_PPwS- {
+  color: var(--pte-new-colors-contentPrimary);
+  background-color: transparent;
+  border-color: var(--pte-new-colors-buttonBorder);
+}
+.paris_secondary_PPwS-:hover {
+  background-color: var(--pte-new-colors-overlayMedium);
+}
+.paris_secondary_PPwS-[aria-disabled=true] {
+  color: var(--pte-new-colors-contentDisabled);
+  border-color: var(--pte-new-colors-buttonBorderDisabled);
+}
+
+.paris_tertiary_YxJ8t {
+  color: var(--pte-new-colors-contentPrimary);
+  background-color: transparent;
+  border-color: transparent;
+}
+.paris_tertiary_YxJ8t:hover {
+  background-color: var(--pte-new-colors-overlayMedium);
+}
+.paris_tertiary_YxJ8t[aria-disabled=true] {
+  color: var(--pte-new-colors-contentDisabled);
+}
+
+/*
+ * SIZE
+ */
+.paris_large_zPEdw {
+  height: 32px;
+  padding: 8px 15px;
+}
+
+.paris_medium_53OWi {
+  height: 28px;
+  padding: 6px 14px;
+}
+
+.paris_small_S3vyW {
+  height: 20px;
+  padding: 4px 15px;
+}
+
+.paris_xs_c-eh0 {
+  height: 16px;
+  padding: 2px 8px;
+}
+
+/*
+ * SHAPE
+ */
+.paris_pill_1XcUA {
+  border-radius: var(--pte-borders-radius-pill);
+}
+
+.paris_circle_FSHCz {
+  border-radius: var(--pte-borders-radius-circle);
+}
+
+.paris_square_pSywN.paris_sharp_fq57n, .paris_rectangle_Ygh8k.paris_sharp_fq57n {
+  border-radius: var(--pte-borders-radius-rectangle);
+}
+.paris_square_pSywN.paris_rounded_niE4k, .paris_rectangle_Ygh8k.paris_rounded_niE4k {
+  border-radius: var(--pte-borders-radius-rounded);
+}
+.paris_square_pSywN.paris_rounded_niE4k.paris_small_S3vyW, .paris_rectangle_Ygh8k.paris_rounded_niE4k.paris_small_S3vyW {
+  border-radius: var(--pte-borders-radius-roundedSmall);
+}
+.paris_square_pSywN.paris_roundedXL_2HoEn, .paris_rectangle_Ygh8k.paris_roundedXL_2HoEn {
+  border-radius: var(--pte-borders-radius-roundedLarge);
+}
+.paris_square_pSywN.paris_roundedXL_2HoEn.paris_small_S3vyW, .paris_rectangle_Ygh8k.paris_roundedXL_2HoEn.paris_small_S3vyW {
+  border-radius: var(--pte-borders-radius-rounded);
+}
+
+.paris_circle_FSHCz.paris_large_zPEdw, .paris_square_pSywN.paris_large_zPEdw {
+  width: 32px;
+  padding: 8px;
+}
+.paris_circle_FSHCz.paris_medium_53OWi, .paris_square_pSywN.paris_medium_53OWi {
+  width: 28px;
+  padding: 4px;
+}
+.paris_circle_FSHCz.paris_small_S3vyW, .paris_square_pSywN.paris_small_S3vyW {
+  width: 20px;
+  padding: 4px;
+}
+.paris_circle_FSHCz.paris_xs_c-eh0, .paris_square_pSywN.paris_xs_c-eh0 {
+  width: 16px;
+  padding: 2px;
+}

package/dist/stories/button/Button.module.scss.js

@@ -0,0 +1,35 @@
+import './Button.module.css';const button = "paris_button_1IoaA";
+const primary = "paris_primary_WZ3V2";
+const secondary = "paris_secondary_PPwS-";
+const tertiary = "paris_tertiary_YxJ8t";
+const large = "paris_large_zPEdw";
+const medium = "paris_medium_53OWi";
+const small = "paris_small_S3vyW";
+const xs = "paris_xs_c-eh0";
+const pill = "paris_pill_1XcUA";
+const circle = "paris_circle_FSHCz";
+const square = "paris_square_pSywN";
+const sharp = "paris_sharp_fq57n";
+const rectangle = "paris_rectangle_Ygh8k";
+const rounded = "paris_rounded_niE4k";
+const roundedXL = "paris_roundedXL_2HoEn";
+const styles = {
+	button: button,
+	primary: primary,
+	secondary: secondary,
+	tertiary: tertiary,
+	large: large,
+	medium: medium,
+	small: small,
+	xs: xs,
+	pill: pill,
+	circle: circle,
+	square: square,
+	sharp: sharp,
+	rectangle: rectangle,
+	rounded: rounded,
+	roundedXL: roundedXL
+};
+
+export { button, circle, styles as default, large, medium, pill, primary, rectangle, rounded, roundedXL, secondary, sharp, small, square, tertiary, xs };
+//# sourceMappingURL=Button.module.scss.js.map

package/dist/stories/button/Button.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/stories/button/index.js

@@ -0,0 +1,2 @@
+export { Button, ButtonThemes, CornerPresets } from './Button.js';
+//# sourceMappingURL=index.js.map

package/dist/stories/button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/stories/callout/Callout.d.ts

@@ -0,0 +1,22 @@
+import { ComponentPropsWithoutRef, FC, ReactElement, ReactNode } from 'react';
+export type CalloutProps = {
+    /** The variant of the Callout. */
+    variant?: 'default' | 'warning' | 'positive' | 'negative';
+    /** An icon to display in the Callout. To hide icon, set `icon={null}`. For best results, use an SVG icon with fill set to `currentColor`. */
+    icon?: ReactElement | null;
+    /** The contents of the Callout. */
+    children?: ReactNode;
+} & Omit<ComponentPropsWithoutRef<'div'>, 'children'>;
+/**
+ * A Callout component.
+ *
+ * <hr />
+ *
+ * To use this component, import it as follows:
+ *
+ * ```js
+ * import { Callout } from 'paris/callout';
+ * ```
+ * @constructor
+ */
+export declare const Callout: FC<CalloutProps>;

package/dist/stories/callout/Callout.js

@@ -0,0 +1,21 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { clsx } from 'clsx';
+import { ArrowRight } from '../icon/ArrowRight.js';
+import { Icon } from '../icon/Icon.js';
+import { RemoveFromDOM } from '../utility/RemoveFromDOM.js';
+import { TextWhenString } from '../utility/TextWhenString.js';
+import styles from './Callout.module.scss.js';
+
+const Callout = ({
+  variant = "default",
+  icon = /* @__PURE__ */ jsx(Icon, { icon: ArrowRight, size: 16, className: styles.icon }),
+  children,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs("div", { className: clsx(styles.content, styles[variant], className), ...props, children: [
+  /* @__PURE__ */ jsx(RemoveFromDOM, { when: !icon, children: /* @__PURE__ */ jsx("div", { className: styles.icon, children: icon }) }),
+  /* @__PURE__ */ jsx(TextWhenString, { as: "p", kind: "paragraphXSmall", children })
+] });
+
+export { Callout };
+//# sourceMappingURL=Callout.js.map

package/dist/stories/callout/Callout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Callout.js","sources":["../../../src/stories/callout/Callout.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { ComponentPropsWithoutRef, FC, ReactElement, ReactNode } from 'react';\nimport { ArrowRight, Icon } from '../icon';\nimport { RemoveFromDOM, TextWhenString } from '../utility';\nimport styles from './Callout.module.scss';\n\nexport type CalloutProps = {\n    /** The variant of the Callout. */\n    variant?: 'default' | 'warning' | 'positive' | 'negative';\n    /** An icon to display in the Callout. To hide icon, set `icon={null}`. For best results, use an SVG icon with fill set to `currentColor`. */\n    icon?: ReactElement | null;\n    /** The contents of the Callout. */\n    children?: ReactNode;\n} & Omit<ComponentPropsWithoutRef<'div'>, 'children'>;\n\n/**\n * A Callout component.\n *\n * <hr />\n *\n * To use this component, import it as follows:\n *\n * ```js\n * import { Callout } from 'paris/callout';\n * ```\n * @constructor\n */\nexport const Callout: FC<CalloutProps> = ({\n    variant = 'default',\n    icon = <Icon icon={ArrowRight} size={16} className={styles.icon} />,\n    children,\n    className,\n    ...props\n}) => (\n    <div className={clsx(styles.content, styles[variant], className)} {...props}>\n        <RemoveFromDOM when={!icon}>\n            <div className={styles.icon}>{icon}</div>\n        </RemoveFromDOM>\n        <TextWhenString as=\"p\" kind=\"paragraphXSmall\">\n            {children}\n        </TextWhenString>\n    </div>\n);\n"],"names":[],"mappings":";;;;;;;;AA2BO,MAAM,UAA4B,CAAC;AAAA,EACtC,OAAA,GAAU,SAAA;AAAA,EACV,IAAA,uBAAQ,IAAA,EAAA,EAAK,IAAA,EAAM,YAAY,IAAA,EAAM,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,IAAA,EAAM,CAAA;AAAA,EACjE,QAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACP,CAAA,qBACI,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,IAAA,CAAK,MAAA,CAAO,OAAA,EAAS,MAAA,CAAO,OAAO,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,KAAA,EAClE,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EAAM,CAAC,IAAA,EAClB,QAAA,kBAAA,GAAA,CAAC,SAAI,SAAA,EAAW,MAAA,CAAO,IAAA,EAAO,QAAA,EAAA,IAAA,EAAK,CAAA,EACvC,CAAA;AAAA,sBACC,cAAA,EAAA,EAAe,EAAA,EAAG,GAAA,EAAI,IAAA,EAAK,mBACvB,QAAA,EACL;AAAA,CAAA,EACJ;;;;"}

package/dist/stories/callout/Callout.module.css

@@ -0,0 +1,35 @@
+.paris_content_RTtwv {
+  background-color: var(--pte-new-colors-overlayMedium);
+  border-radius: 6px;
+  width: 100%;
+  padding: 8px 10px;
+  color: var(--pte-new-colors-contentSecondary);
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+  gap: 8px;
+}
+.paris_content_RTtwv .paris_icon_bhM1o {
+  width: 16px;
+  height: 16px;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+.paris_content_RTtwv .paris_icon_bhM1o svg {
+  width: 13px !important;
+  height: 13px !important;
+}
+.paris_content_RTtwv.paris_warning_cREVK {
+  background-color: var(--pte-new-colors-backgroundWarning);
+  color: var(--pte-new-colors-contentWarning);
+}
+.paris_content_RTtwv.paris_negative_6a2uj {
+  background-color: var(--pte-new-colors-overlayRed);
+  color: var(--pte-new-colors-contentNegative);
+}
+.paris_content_RTtwv.paris_positive_zcDqE .paris_icon_bhM1o {
+  color: var(--pte-new-colors-contentPositive);
+}

package/dist/stories/callout/Callout.module.scss.js

@@ -0,0 +1,15 @@
+import './Callout.module.css';const content = "paris_content_RTtwv";
+const icon = "paris_icon_bhM1o";
+const warning = "paris_warning_cREVK";
+const negative = "paris_negative_6a2uj";
+const positive = "paris_positive_zcDqE";
+const styles = {
+	content: content,
+	icon: icon,
+	warning: warning,
+	negative: negative,
+	positive: positive
+};
+
+export { content, styles as default, icon, negative, positive, warning };
+//# sourceMappingURL=Callout.module.scss.js.map

package/dist/stories/callout/Callout.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Callout.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/stories/callout/index.js

@@ -0,0 +1,2 @@
+export { Callout } from './Callout.js';
+//# sourceMappingURL=index.js.map

package/dist/stories/callout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/stories/card/Card.d.ts

@@ -0,0 +1,30 @@
+import { FC, HTMLAttributes, ReactNode } from 'react';
+export type CardProps = {
+    /**
+     * The visual variant of the Card. `raised` is the default variant with a drop shadow, `surface` is a variant with a border and overlay, `flat` is a variant with a border.
+     *
+     * @default "raised"
+     */
+    kind?: 'raised' | 'surface' | 'flat';
+    /**
+     * The status of the Card. `pending` adds a dashed border.
+     *
+     * @default "default"
+     */
+    status?: 'default' | 'pending';
+    /** The contents of the Card. */
+    children?: ReactNode | ReactNode[];
+} & HTMLAttributes<HTMLDivElement>;
+/**
+ * A Card component.
+ *
+ * <hr />
+ *
+ * To use this component, import it as follows:
+ *
+ * ```js
+ * import { Card } from 'paris/card';
+ * ```
+ * @constructor
+ */
+export declare const Card: FC<CardProps>;

package/dist/stories/card/Card.js

@@ -0,0 +1,22 @@
+import { jsx } from 'react/jsx-runtime';
+import { clsx } from 'clsx';
+import { TextWhenString } from '../utility/TextWhenString.js';
+import styles from './Card.module.scss.js';
+
+const Card = ({ kind = "raised", status = "default", children, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ...props,
+    className: clsx(
+      styles.container,
+      styles[kind],
+      styles[status],
+      typeof children === "string" && styles.text,
+      props?.className
+    ),
+    children: /* @__PURE__ */ jsx(TextWhenString, { kind: "paragraphMedium", children })
+  }
+);
+
+export { Card };
+//# sourceMappingURL=Card.js.map

package/dist/stories/card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sources":["../../../src/stories/card/Card.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { FC, HTMLAttributes, ReactNode } from 'react';\nimport { TextWhenString } from '../utility';\nimport styles from './Card.module.scss';\n\nexport type CardProps = {\n    /**\n     * The visual variant of the Card. `raised` is the default variant with a drop shadow, `surface` is a variant with a border and overlay, `flat` is a variant with a border.\n     *\n     * @default \"raised\"\n     */\n    kind?: 'raised' | 'surface' | 'flat';\n    /**\n     * The status of the Card. `pending` adds a dashed border.\n     *\n     * @default \"default\"\n     */\n    status?: 'default' | 'pending';\n    /** The contents of the Card. */\n    children?: ReactNode | ReactNode[];\n    // /**\n    //  * Overrides for nested components.\n    //  */\n    // overrides?: {\n    //     tilt?: TiltProps;\n    // }\n} & HTMLAttributes<HTMLDivElement>;\n\n/**\n * A Card component.\n *\n * <hr />\n *\n * To use this component, import it as follows:\n *\n * ```js\n * import { Card } from 'paris/card';\n * ```\n * @constructor\n */\nexport const Card: FC<CardProps> = ({ kind = 'raised', status = 'default', children, ...props }) => (\n    <div\n        {...props}\n        className={clsx(\n            styles.container,\n            styles[kind],\n            styles[status],\n            typeof children === 'string' && styles.text,\n            props?.className,\n        )}\n    >\n        <TextWhenString kind=\"paragraphMedium\">{children}</TextWhenString>\n    </div>\n);\n"],"names":[],"mappings":";;;;;AAwCO,MAAM,IAAA,GAAsB,CAAC,EAAE,IAAA,GAAO,QAAA,EAAU,SAAS,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,EAAM,qBAC1F,GAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACI,GAAG,KAAA;AAAA,IACJ,SAAA,EAAW,IAAA;AAAA,MACP,MAAA,CAAO,SAAA;AAAA,MACP,OAAO,IAAI,CAAA;AAAA,MACX,OAAO,MAAM,CAAA;AAAA,MACb,OAAO,QAAA,KAAa,QAAA,IAAY,MAAA,CAAO,IAAA;AAAA,MACvC,KAAA,EAAO;AAAA,KACX;AAAA,IAEA,QAAA,kBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EAAK,iBAAA,EAAmB,QAAA,EAAS;AAAA;AACrD;;;;"}

package/dist/stories/card/Card.module.css

@@ -0,0 +1,39 @@
+.paris_container_PRpOa {
+  user-select: var(--pte-utils-defaultUserSelect);
+  width: auto;
+}
+
+.paris_raised_o1LwV {
+  border-radius: var(--pte-borders-radius-rounded);
+  background-color: var(--pte-new-colors-surfacePrimary);
+  box-shadow: var(--pte-new-lighting-subtlePopup);
+  border: 1px solid var(--pte-new-colors-surfacePrimary);
+}
+.paris_raised_o1LwV.paris_pending_VDHaM {
+  border: 1px dashed var(--pte-new-colors-borderMedium);
+  background-color: var(--pte-new-colors-surfaceSecondary);
+}
+
+.paris_surface_qR0mA {
+  border-radius: var(--pte-new-borders-radius-roundedMedium);
+  border: 1px solid var(--pte-new-colors-borderMedium);
+  background-color: var(--pte-new-colors-overlaySubtle);
+}
+.paris_surface_qR0mA.paris_pending_VDHaM {
+  border: 1px dashed var(--pte-new-colors-borderMedium);
+  background-color: transparent;
+}
+
+.paris_flat_dBy0o {
+  border-radius: var(--pte-new-borders-radius-roundedMedium);
+  border: 1px solid var(--pte-new-colors-borderStrong);
+  background: var(--pte-new-colors-overlayWhiteSubtle);
+}
+.paris_flat_dBy0o.paris_pending_VDHaM {
+  border: 1px dashed var(--pte-new-colors-borderStrong);
+}
+
+.paris_text_jAfV8 {
+  padding: 10px 12px;
+  color: var(--pte-new-colors-contentPrimary);
+}

package/dist/stories/card/Card.module.scss.js

@@ -0,0 +1,17 @@
+import './Card.module.css';const container = "paris_container_PRpOa";
+const raised = "paris_raised_o1LwV";
+const pending = "paris_pending_VDHaM";
+const surface = "paris_surface_qR0mA";
+const flat = "paris_flat_dBy0o";
+const text = "paris_text_jAfV8";
+const styles = {
+	container: container,
+	raised: raised,
+	pending: pending,
+	surface: surface,
+	flat: flat,
+	text: text
+};
+
+export { container, styles as default, flat, pending, raised, surface, text };
+//# sourceMappingURL=Card.module.scss.js.map

package/dist/stories/card/Card.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/dist/stories/card/index.js

@@ -0,0 +1,2 @@
+export { Card } from './Card.js';
+//# sourceMappingURL=index.js.map

package/dist/stories/card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}