@transferwise/components 0.0.0-experimental-3cfaec8 → 0.0.0-experimental-f0d8cf1

package/build/sentimentSurface/SentimentSurface.js

@@ -22,16 +22,9 @@ const SentimentSurface = /*#__PURE__*/React.forwardRef(function SentimentSurface
   const Element = as ?? 'div';
   const BASE_CLASS = 'wds-sentiment-surface';
   const {
-    className: closestBrandTheme,
-    isScreenModeDark: isDark,
-    theme
+    className: closestBrandTheme
   } = componentsTheming.useTheme();
-  const getThemeBrightness = () => {
-    const isForestGreen = theme.includes('forest-green');
-    const isPlatform = theme.includes('platform');
-    return isForestGreen || isDark && !isPlatform ? 'dark' : 'light';
-  };
-  const classNames = clsx.clsx(closestBrandTheme, BASE_CLASS, `wds-sentiment-${sentiment}-${getThemeBrightness()}-${emphasis}`, hasBaseStyles && `${BASE_CLASS}--hasBaseStyles`, className);
+  const classNames = clsx.clsx(closestBrandTheme, BASE_CLASS, `${BASE_CLASS}-${sentiment}-${emphasis}`, hasBaseStyles && `${BASE_CLASS}--hasBaseStyles`, className);
   const sentimentProps = {
     ref,
     id,

package/build/sentimentSurface/SentimentSurface.js.map

@@ -1 +1 @@
-{"version":3,"file":"SentimentSurface.js","sources":["../../src/sentimentSurface/SentimentSurface.tsx"],"sourcesContent":["import { forwardRef, ElementType, ForwardedRef } from 'react';\nimport { clsx } from 'clsx';\n\nimport {\n  SentimentSurfaceComponentProps,\n  SentimentSurfaceComponent,\n} from './SentimentSurface.types';\nimport { useTheme } from '@wise/components-theming';\n\n/**\n * SentimentSurface is a polymorphic container component that exposes and, optionally, applies\n * contextual colour tokens as CSS custom properties, based on sentiment types (`negative`,\n * `warning`, `neutral`, `success`, `proposition`).\n *\n * @param {ElementType} [as='div'] - Optional prop to override the HTML element rendered.\n * @param {Sentiment} sentiment - Required prop to set the sentiment type (negative, warning, neutral, success, proposition).\n * @param {Emphasis} [emphasis='base'] - Optional prop to specify the emphasis level (base or elevated).\n * @param {boolean} [hasBaseStyles=true] - If true, sets the `background-color` and `color` on the container. Otherwise, only exposes the tokens as CSS custom properties without rendering.\n * @param {ReactNode} [children] - Content to render inside the surface.\n * @param {string} [className] - Additional CSS classes to apply.\n * @param {CSSProperties} [style] - Inline styles to apply.\n * @param {string} [id] - Unique identifier for the component.\n * @param {string} [data-testid] - A unique string that appears as data attribute `data-testid` in the rendered code.\n *\n * @component\n * @example\n * ```tsx\n * // Basic usage with negative sentiment\n * <SentimentSurface sentiment=\"negative\">\n *   Your payment has failed\n * </SentimentSurface>\n * ```\n *\n * @see {@link SentimentSurface} for further information.\n * @see {@link https://storybook.wise.design/?path=/docs/sentiment-surface--docs|Storybook Wise Design}\n */\n// @ts-expect-error - Generic forwardRef limitation. See: https://fettblog.eu/typescript-react-generic-forward-refs/\nconst SentimentSurface: SentimentSurfaceComponent = forwardRef(function SentimentSurface<\n  T extends ElementType = 'div',\n>(\n  {\n    as,\n    sentiment,\n    emphasis = 'base',\n    hasBaseStyles = true,\n    style,\n    className,\n    children,\n    id,\n    'data-testid': dataTestId,\n    ...props\n  }: SentimentSurfaceComponentProps<T>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const Element = as ?? 'div';\n  const BASE_CLASS = 'wds-sentiment-surface';\n  const { className: closestBrandTheme, isScreenModeDark: isDark, theme } = useTheme();\n\n  const getThemeBrightness = () => {\n    const isForestGreen = theme.includes('forest-green');\n    const isPlatform = theme.includes('platform');\n\n    return isForestGreen || (isDark && !isPlatform) ? 'dark' : 'light';\n  };\n\n  const classNames = clsx(\n    closestBrandTheme,\n    BASE_CLASS,\n    `wds-sentiment-${sentiment}-${getThemeBrightness()}-${emphasis}`,\n    hasBaseStyles && `${BASE_CLASS}--hasBaseStyles`,\n    className,\n  );\n  const sentimentProps = {\n    ref,\n    id,\n    'data-testid': dataTestId,\n    className: classNames,\n    style,\n    ...props,\n  };\n\n  return (\n    // @ts-expect-error - Generic forwardRef limitation. See: https://fettblog.eu/typescript-react-generic-forward-refs/\n    <Element {...sentimentProps}>{children}</Element>\n  );\n});\n\nSentimentSurface.displayName = 'SentimentSurface';\n\nexport default SentimentSurface;\n"],"names":["SentimentSurface","forwardRef","as","sentiment","emphasis","hasBaseStyles","style","className","children","id","dataTestId","props","ref","Element","BASE_CLASS","closestBrandTheme","isScreenModeDark","isDark","theme","useTheme","getThemeBrightness","isForestGreen","includes","isPlatform","classNames","clsx","sentimentProps","_jsx","displayName"],"mappings":";;;;;;;;;AAqCA,MAAMA,gBAAgB,gBAA8BC,gBAAU,CAAC,SAASD,gBAAgBA,CAGtF;EACEE,EAAE;EACFC,SAAS;AACTC,EAAAA,QAAQ,GAAG,MAAM;AACjBC,EAAAA,aAAa,GAAG,IAAI;EACpBC,KAAK;EACLC,SAAS;EACTC,QAAQ;EACRC,EAAE;AACF,EAAA,aAAa,EAAEC,UAAU;EACzB,GAAGC;AAAK,CAC0B,EACpCC,GAA8B,EAAA;AAE9B,EAAA,MAAMC,OAAO,GAAGX,EAAE,IAAI,KAAK;EAC3B,MAAMY,UAAU,GAAG,uBAAuB;EAC1C,MAAM;AAAEP,IAAAA,SAAS,EAAEQ,iBAAiB;AAAEC,IAAAA,gBAAgB,EAAEC,MAAM;AAAEC,IAAAA;GAAO,GAAGC,0BAAQ,EAAE;EAEpF,MAAMC,kBAAkB,GAAGA,MAAK;AAC9B,IAAA,MAAMC,aAAa,GAAGH,KAAK,CAACI,QAAQ,CAAC,cAAc,CAAC;AACpD,IAAA,MAAMC,UAAU,GAAGL,KAAK,CAACI,QAAQ,CAAC,UAAU,CAAC;IAE7C,OAAOD,aAAa,IAAKJ,MAAM,IAAI,CAACM,UAAW,GAAG,MAAM,GAAG,OAAO;EACpE,CAAC;EAED,MAAMC,UAAU,GAAGC,SAAI,CACrBV,iBAAiB,EACjBD,UAAU,EACV,CAAA,cAAA,EAAiBX,SAAS,CAAA,CAAA,EAAIiB,kBAAkB,EAAE,CAAA,CAAA,EAAIhB,QAAQ,CAAA,CAAE,EAChEC,aAAa,IAAI,CAAA,EAAGS,UAAU,CAAA,eAAA,CAAiB,EAC/CP,SAAS,CACV;AACD,EAAA,MAAMmB,cAAc,GAAG;IACrBd,GAAG;IACHH,EAAE;AACF,IAAA,aAAa,EAAEC,UAAU;AACzBH,IAAAA,SAAS,EAAEiB,UAAU;IACrBlB,KAAK;IACL,GAAGK;GACJ;AAED,EAAA;AAAA;AACE;AACAgB,IAAAA,cAAA,CAACd,OAAO,EAAA;AAAA,MAAA,GAAKa,cAAc;AAAAlB,MAAAA,QAAA,EAAGA;KAAkB;AAAC;AAErD,CAAC;AAEDR,gBAAgB,CAAC4B,WAAW,GAAG,kBAAkB;;;;"}
+{"version":3,"file":"SentimentSurface.js","sources":["../../src/sentimentSurface/SentimentSurface.tsx"],"sourcesContent":["import { forwardRef, ElementType, ForwardedRef } from 'react';\nimport { clsx } from 'clsx';\n\nimport {\n  SentimentSurfaceComponentProps,\n  SentimentSurfaceComponent,\n} from './SentimentSurface.types';\nimport { useTheme } from '@wise/components-theming';\n\n/**\n * SentimentSurface is a polymorphic container component that exposes and, optionally, applies\n * contextual colour tokens as CSS custom properties, based on sentiment types (`negative`,\n * `warning`, `neutral`, `success`, `proposition`).\n *\n * @param {ElementType} [as='div'] - Optional prop to override the HTML element rendered.\n * @param {Sentiment} sentiment - Required prop to set the sentiment type (negative, warning, neutral, success, proposition).\n * @param {Emphasis} [emphasis='base'] - Optional prop to specify the emphasis level (base or elevated).\n * @param {boolean} [hasBaseStyles=true] - If true, sets the `background-color` and `color` on the container. Otherwise, only exposes the tokens as CSS custom properties without rendering.\n * @param {ReactNode} [children] - Content to render inside the surface.\n * @param {string} [className] - Additional CSS classes to apply.\n * @param {CSSProperties} [style] - Inline styles to apply.\n * @param {string} [id] - Unique identifier for the component.\n * @param {string} [data-testid] - A unique string that appears as data attribute `data-testid` in the rendered code.\n *\n * @component\n * @example\n * ```tsx\n * // Basic usage with negative sentiment\n * <SentimentSurface sentiment=\"negative\">\n *   Your payment has failed\n * </SentimentSurface>\n * ```\n *\n * @see {@link SentimentSurface} for further information.\n * @see {@link https://storybook.wise.design/?path=/docs/sentiment-surface--docs|Storybook Wise Design}\n */\n// @ts-expect-error - Generic forwardRef limitation. See: https://fettblog.eu/typescript-react-generic-forward-refs/\nconst SentimentSurface: SentimentSurfaceComponent = forwardRef(function SentimentSurface<\n  T extends ElementType = 'div',\n>(\n  {\n    as,\n    sentiment,\n    emphasis = 'base',\n    hasBaseStyles = true,\n    style,\n    className,\n    children,\n    id,\n    'data-testid': dataTestId,\n    ...props\n  }: SentimentSurfaceComponentProps<T>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const Element = as ?? 'div';\n  const BASE_CLASS = 'wds-sentiment-surface';\n  const { className: closestBrandTheme } = useTheme();\n  const classNames = clsx(\n    closestBrandTheme,\n    BASE_CLASS,\n    `${BASE_CLASS}-${sentiment}-${emphasis}`,\n    hasBaseStyles && `${BASE_CLASS}--hasBaseStyles`,\n    className,\n  );\n  const sentimentProps = {\n    ref,\n    id,\n    'data-testid': dataTestId,\n    className: classNames,\n    style,\n    ...props,\n  };\n\n  return (\n    // @ts-expect-error - Generic forwardRef limitation. See: https://fettblog.eu/typescript-react-generic-forward-refs/\n    <Element {...sentimentProps}>{children}</Element>\n  );\n});\n\nSentimentSurface.displayName = 'SentimentSurface';\n\nexport default SentimentSurface;\n"],"names":["SentimentSurface","forwardRef","as","sentiment","emphasis","hasBaseStyles","style","className","children","id","dataTestId","props","ref","Element","BASE_CLASS","closestBrandTheme","useTheme","classNames","clsx","sentimentProps","_jsx","displayName"],"mappings":";;;;;;;;;AAqCA,MAAMA,gBAAgB,gBAA8BC,gBAAU,CAAC,SAASD,gBAAgBA,CAGtF;EACEE,EAAE;EACFC,SAAS;AACTC,EAAAA,QAAQ,GAAG,MAAM;AACjBC,EAAAA,aAAa,GAAG,IAAI;EACpBC,KAAK;EACLC,SAAS;EACTC,QAAQ;EACRC,EAAE;AACF,EAAA,aAAa,EAAEC,UAAU;EACzB,GAAGC;AAAK,CAC0B,EACpCC,GAA8B,EAAA;AAE9B,EAAA,MAAMC,OAAO,GAAGX,EAAE,IAAI,KAAK;EAC3B,MAAMY,UAAU,GAAG,uBAAuB;EAC1C,MAAM;AAAEP,IAAAA,SAAS,EAAEQ;GAAmB,GAAGC,0BAAQ,EAAE;EACnD,MAAMC,UAAU,GAAGC,SAAI,CACrBH,iBAAiB,EACjBD,UAAU,EACV,CAAA,EAAGA,UAAU,CAAA,CAAA,EAAIX,SAAS,CAAA,CAAA,EAAIC,QAAQ,CAAA,CAAE,EACxCC,aAAa,IAAI,GAAGS,UAAU,CAAA,eAAA,CAAiB,EAC/CP,SAAS,CACV;AACD,EAAA,MAAMY,cAAc,GAAG;IACrBP,GAAG;IACHH,EAAE;AACF,IAAA,aAAa,EAAEC,UAAU;AACzBH,IAAAA,SAAS,EAAEU,UAAU;IACrBX,KAAK;IACL,GAAGK;GACJ;AAED,EAAA;AAAA;AACE;AACAS,IAAAA,cAAA,CAACP,OAAO,EAAA;AAAA,MAAA,GAAKM,cAAc;AAAAX,MAAAA,QAAA,EAAGA;KAAkB;AAAC;AAErD,CAAC;AAEDR,gBAAgB,CAACqB,WAAW,GAAG,kBAAkB;;;;"}

package/build/sentimentSurface/SentimentSurface.mjs

@@ -18,16 +18,9 @@ const SentimentSurface = /*#__PURE__*/forwardRef(function SentimentSurface({
   const Element = as ?? 'div';
   const BASE_CLASS = 'wds-sentiment-surface';
   const {
-    className: closestBrandTheme,
-    isScreenModeDark: isDark,
-    theme
+    className: closestBrandTheme
   } = useTheme();
-  const getThemeBrightness = () => {
-    const isForestGreen = theme.includes('forest-green');
-    const isPlatform = theme.includes('platform');
-    return isForestGreen || isDark && !isPlatform ? 'dark' : 'light';
-  };
-  const classNames = clsx(closestBrandTheme, BASE_CLASS, `wds-sentiment-${sentiment}-${getThemeBrightness()}-${emphasis}`, hasBaseStyles && `${BASE_CLASS}--hasBaseStyles`, className);
+  const classNames = clsx(closestBrandTheme, BASE_CLASS, `${BASE_CLASS}-${sentiment}-${emphasis}`, hasBaseStyles && `${BASE_CLASS}--hasBaseStyles`, className);
   const sentimentProps = {
     ref,
     id,

package/build/sentimentSurface/SentimentSurface.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SentimentSurface.mjs","sources":["../../src/sentimentSurface/SentimentSurface.tsx"],"sourcesContent":["import { forwardRef, ElementType, ForwardedRef } from 'react';\nimport { clsx } from 'clsx';\n\nimport {\n  SentimentSurfaceComponentProps,\n  SentimentSurfaceComponent,\n} from './SentimentSurface.types';\nimport { useTheme } from '@wise/components-theming';\n\n/**\n * SentimentSurface is a polymorphic container component that exposes and, optionally, applies\n * contextual colour tokens as CSS custom properties, based on sentiment types (`negative`,\n * `warning`, `neutral`, `success`, `proposition`).\n *\n * @param {ElementType} [as='div'] - Optional prop to override the HTML element rendered.\n * @param {Sentiment} sentiment - Required prop to set the sentiment type (negative, warning, neutral, success, proposition).\n * @param {Emphasis} [emphasis='base'] - Optional prop to specify the emphasis level (base or elevated).\n * @param {boolean} [hasBaseStyles=true] - If true, sets the `background-color` and `color` on the container. Otherwise, only exposes the tokens as CSS custom properties without rendering.\n * @param {ReactNode} [children] - Content to render inside the surface.\n * @param {string} [className] - Additional CSS classes to apply.\n * @param {CSSProperties} [style] - Inline styles to apply.\n * @param {string} [id] - Unique identifier for the component.\n * @param {string} [data-testid] - A unique string that appears as data attribute `data-testid` in the rendered code.\n *\n * @component\n * @example\n * ```tsx\n * // Basic usage with negative sentiment\n * <SentimentSurface sentiment=\"negative\">\n *   Your payment has failed\n * </SentimentSurface>\n * ```\n *\n * @see {@link SentimentSurface} for further information.\n * @see {@link https://storybook.wise.design/?path=/docs/sentiment-surface--docs|Storybook Wise Design}\n */\n// @ts-expect-error - Generic forwardRef limitation. See: https://fettblog.eu/typescript-react-generic-forward-refs/\nconst SentimentSurface: SentimentSurfaceComponent = forwardRef(function SentimentSurface<\n  T extends ElementType = 'div',\n>(\n  {\n    as,\n    sentiment,\n    emphasis = 'base',\n    hasBaseStyles = true,\n    style,\n    className,\n    children,\n    id,\n    'data-testid': dataTestId,\n    ...props\n  }: SentimentSurfaceComponentProps<T>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const Element = as ?? 'div';\n  const BASE_CLASS = 'wds-sentiment-surface';\n  const { className: closestBrandTheme, isScreenModeDark: isDark, theme } = useTheme();\n\n  const getThemeBrightness = () => {\n    const isForestGreen = theme.includes('forest-green');\n    const isPlatform = theme.includes('platform');\n\n    return isForestGreen || (isDark && !isPlatform) ? 'dark' : 'light';\n  };\n\n  const classNames = clsx(\n    closestBrandTheme,\n    BASE_CLASS,\n    `wds-sentiment-${sentiment}-${getThemeBrightness()}-${emphasis}`,\n    hasBaseStyles && `${BASE_CLASS}--hasBaseStyles`,\n    className,\n  );\n  const sentimentProps = {\n    ref,\n    id,\n    'data-testid': dataTestId,\n    className: classNames,\n    style,\n    ...props,\n  };\n\n  return (\n    // @ts-expect-error - Generic forwardRef limitation. See: https://fettblog.eu/typescript-react-generic-forward-refs/\n    <Element {...sentimentProps}>{children}</Element>\n  );\n});\n\nSentimentSurface.displayName = 'SentimentSurface';\n\nexport default SentimentSurface;\n"],"names":["SentimentSurface","forwardRef","as","sentiment","emphasis","hasBaseStyles","style","className","children","id","dataTestId","props","ref","Element","BASE_CLASS","closestBrandTheme","isScreenModeDark","isDark","theme","useTheme","getThemeBrightness","isForestGreen","includes","isPlatform","classNames","clsx","sentimentProps","_jsx","displayName"],"mappings":";;;;;AAqCA,MAAMA,gBAAgB,gBAA8BC,UAAU,CAAC,SAASD,gBAAgBA,CAGtF;EACEE,EAAE;EACFC,SAAS;AACTC,EAAAA,QAAQ,GAAG,MAAM;AACjBC,EAAAA,aAAa,GAAG,IAAI;EACpBC,KAAK;EACLC,SAAS;EACTC,QAAQ;EACRC,EAAE;AACF,EAAA,aAAa,EAAEC,UAAU;EACzB,GAAGC;AAAK,CAC0B,EACpCC,GAA8B,EAAA;AAE9B,EAAA,MAAMC,OAAO,GAAGX,EAAE,IAAI,KAAK;EAC3B,MAAMY,UAAU,GAAG,uBAAuB;EAC1C,MAAM;AAAEP,IAAAA,SAAS,EAAEQ,iBAAiB;AAAEC,IAAAA,gBAAgB,EAAEC,MAAM;AAAEC,IAAAA;GAAO,GAAGC,QAAQ,EAAE;EAEpF,MAAMC,kBAAkB,GAAGA,MAAK;AAC9B,IAAA,MAAMC,aAAa,GAAGH,KAAK,CAACI,QAAQ,CAAC,cAAc,CAAC;AACpD,IAAA,MAAMC,UAAU,GAAGL,KAAK,CAACI,QAAQ,CAAC,UAAU,CAAC;IAE7C,OAAOD,aAAa,IAAKJ,MAAM,IAAI,CAACM,UAAW,GAAG,MAAM,GAAG,OAAO;EACpE,CAAC;EAED,MAAMC,UAAU,GAAGC,IAAI,CACrBV,iBAAiB,EACjBD,UAAU,EACV,CAAA,cAAA,EAAiBX,SAAS,CAAA,CAAA,EAAIiB,kBAAkB,EAAE,CAAA,CAAA,EAAIhB,QAAQ,CAAA,CAAE,EAChEC,aAAa,IAAI,CAAA,EAAGS,UAAU,CAAA,eAAA,CAAiB,EAC/CP,SAAS,CACV;AACD,EAAA,MAAMmB,cAAc,GAAG;IACrBd,GAAG;IACHH,EAAE;AACF,IAAA,aAAa,EAAEC,UAAU;AACzBH,IAAAA,SAAS,EAAEiB,UAAU;IACrBlB,KAAK;IACL,GAAGK;GACJ;AAED,EAAA;AAAA;AACE;AACAgB,IAAAA,GAAA,CAACd,OAAO,EAAA;AAAA,MAAA,GAAKa,cAAc;AAAAlB,MAAAA,QAAA,EAAGA;KAAkB;AAAC;AAErD,CAAC;AAEDR,gBAAgB,CAAC4B,WAAW,GAAG,kBAAkB;;;;"}
+{"version":3,"file":"SentimentSurface.mjs","sources":["../../src/sentimentSurface/SentimentSurface.tsx"],"sourcesContent":["import { forwardRef, ElementType, ForwardedRef } from 'react';\nimport { clsx } from 'clsx';\n\nimport {\n  SentimentSurfaceComponentProps,\n  SentimentSurfaceComponent,\n} from './SentimentSurface.types';\nimport { useTheme } from '@wise/components-theming';\n\n/**\n * SentimentSurface is a polymorphic container component that exposes and, optionally, applies\n * contextual colour tokens as CSS custom properties, based on sentiment types (`negative`,\n * `warning`, `neutral`, `success`, `proposition`).\n *\n * @param {ElementType} [as='div'] - Optional prop to override the HTML element rendered.\n * @param {Sentiment} sentiment - Required prop to set the sentiment type (negative, warning, neutral, success, proposition).\n * @param {Emphasis} [emphasis='base'] - Optional prop to specify the emphasis level (base or elevated).\n * @param {boolean} [hasBaseStyles=true] - If true, sets the `background-color` and `color` on the container. Otherwise, only exposes the tokens as CSS custom properties without rendering.\n * @param {ReactNode} [children] - Content to render inside the surface.\n * @param {string} [className] - Additional CSS classes to apply.\n * @param {CSSProperties} [style] - Inline styles to apply.\n * @param {string} [id] - Unique identifier for the component.\n * @param {string} [data-testid] - A unique string that appears as data attribute `data-testid` in the rendered code.\n *\n * @component\n * @example\n * ```tsx\n * // Basic usage with negative sentiment\n * <SentimentSurface sentiment=\"negative\">\n *   Your payment has failed\n * </SentimentSurface>\n * ```\n *\n * @see {@link SentimentSurface} for further information.\n * @see {@link https://storybook.wise.design/?path=/docs/sentiment-surface--docs|Storybook Wise Design}\n */\n// @ts-expect-error - Generic forwardRef limitation. See: https://fettblog.eu/typescript-react-generic-forward-refs/\nconst SentimentSurface: SentimentSurfaceComponent = forwardRef(function SentimentSurface<\n  T extends ElementType = 'div',\n>(\n  {\n    as,\n    sentiment,\n    emphasis = 'base',\n    hasBaseStyles = true,\n    style,\n    className,\n    children,\n    id,\n    'data-testid': dataTestId,\n    ...props\n  }: SentimentSurfaceComponentProps<T>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const Element = as ?? 'div';\n  const BASE_CLASS = 'wds-sentiment-surface';\n  const { className: closestBrandTheme } = useTheme();\n  const classNames = clsx(\n    closestBrandTheme,\n    BASE_CLASS,\n    `${BASE_CLASS}-${sentiment}-${emphasis}`,\n    hasBaseStyles && `${BASE_CLASS}--hasBaseStyles`,\n    className,\n  );\n  const sentimentProps = {\n    ref,\n    id,\n    'data-testid': dataTestId,\n    className: classNames,\n    style,\n    ...props,\n  };\n\n  return (\n    // @ts-expect-error - Generic forwardRef limitation. See: https://fettblog.eu/typescript-react-generic-forward-refs/\n    <Element {...sentimentProps}>{children}</Element>\n  );\n});\n\nSentimentSurface.displayName = 'SentimentSurface';\n\nexport default SentimentSurface;\n"],"names":["SentimentSurface","forwardRef","as","sentiment","emphasis","hasBaseStyles","style","className","children","id","dataTestId","props","ref","Element","BASE_CLASS","closestBrandTheme","useTheme","classNames","clsx","sentimentProps","_jsx","displayName"],"mappings":";;;;;AAqCA,MAAMA,gBAAgB,gBAA8BC,UAAU,CAAC,SAASD,gBAAgBA,CAGtF;EACEE,EAAE;EACFC,SAAS;AACTC,EAAAA,QAAQ,GAAG,MAAM;AACjBC,EAAAA,aAAa,GAAG,IAAI;EACpBC,KAAK;EACLC,SAAS;EACTC,QAAQ;EACRC,EAAE;AACF,EAAA,aAAa,EAAEC,UAAU;EACzB,GAAGC;AAAK,CAC0B,EACpCC,GAA8B,EAAA;AAE9B,EAAA,MAAMC,OAAO,GAAGX,EAAE,IAAI,KAAK;EAC3B,MAAMY,UAAU,GAAG,uBAAuB;EAC1C,MAAM;AAAEP,IAAAA,SAAS,EAAEQ;GAAmB,GAAGC,QAAQ,EAAE;EACnD,MAAMC,UAAU,GAAGC,IAAI,CACrBH,iBAAiB,EACjBD,UAAU,EACV,CAAA,EAAGA,UAAU,CAAA,CAAA,EAAIX,SAAS,CAAA,CAAA,EAAIC,QAAQ,CAAA,CAAE,EACxCC,aAAa,IAAI,GAAGS,UAAU,CAAA,eAAA,CAAiB,EAC/CP,SAAS,CACV;AACD,EAAA,MAAMY,cAAc,GAAG;IACrBP,GAAG;IACHH,EAAE;AACF,IAAA,aAAa,EAAEC,UAAU;AACzBH,IAAAA,SAAS,EAAEU,UAAU;IACrBX,KAAK;IACL,GAAGK;GACJ;AAED,EAAA;AAAA;AACE;AACAS,IAAAA,GAAA,CAACP,OAAO,EAAA;AAAA,MAAA,GAAKM,cAAc;AAAAX,MAAAA,QAAA,EAAGA;KAAkB;AAAC;AAErD,CAAC;AAEDR,gBAAgB,CAACqB,WAAW,GAAG,kBAAkB;;;;"}

package/build/styles/css/neptune.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 22 May 2026 17:00:35 GMT
+ * Generated on Thu, 14 May 2026 16:11:43 GMT
  */
 
 :root {
@@ -144,7 +144,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 22 May 2026 17:00:36 GMT
+ * Generated on Thu, 14 May 2026 16:11:44 GMT
  */
 
 .np-theme-personal {
@@ -328,7 +328,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 22 May 2026 17:00:36 GMT
+ * Generated on Thu, 14 May 2026 16:11:44 GMT
  */
 
 .np-theme-personal--forest-green {
@@ -512,7 +512,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 22 May 2026 17:00:36 GMT
+ * Generated on Thu, 14 May 2026 16:11:44 GMT
  */
 
 .np-theme-personal--bright-green {
@@ -696,7 +696,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 22 May 2026 17:00:36 GMT
+ * Generated on Thu, 14 May 2026 16:11:44 GMT
  */
 
 .np-theme-personal--dark {
@@ -880,7 +880,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 22 May 2026 17:00:36 GMT
+ * Generated on Thu, 14 May 2026 16:11:44 GMT
  */
 
 .np-theme-platform {
@@ -1064,7 +1064,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 22 May 2026 17:00:36 GMT
+ * Generated on Thu, 14 May 2026 16:11:44 GMT
  */
 
 .np-theme-platform--forest-green {
@@ -1248,7 +1248,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 22 May 2026 17:00:36 GMT
+ * Generated on Thu, 14 May 2026 16:11:44 GMT
  */
 
 .np-theme-business {
@@ -1433,7 +1433,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 22 May 2026 17:00:36 GMT
+ * Generated on Thu, 14 May 2026 16:11:44 GMT
  */
 
 .np-theme-business--dark {
@@ -1618,7 +1618,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 22 May 2026 17:00:36 GMT
+ * Generated on Thu, 14 May 2026 16:11:44 GMT
  */
 
 .np-theme-business--forest-green {
@@ -1803,7 +1803,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 22 May 2026 17:00:36 GMT
+ * Generated on Thu, 14 May 2026 16:11:44 GMT
  */
 
 .np-theme-business--bright-green {

package/build/styles/less/legacy-variables.less

@@ -5,7 +5,7 @@
 //== Media queries breakpoints
 
 // Do not edit directly, this file was auto-generated.
-// Generated on Fri, 22 May 2026 17:00:35 GMT
+// Generated on Thu, 14 May 2026 16:11:43 GMT
 
 // @deprecated Use @screen-xs-min
 @screen-xs: 320px;

package/build/styles/less/neptune-tokens.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly, this file was auto-generated.
-// Generated on Fri, 22 May 2026 17:00:35 GMT
+// Generated on Thu, 14 May 2026 16:11:43 GMT
 
 @color-dark-content-primary: #e2e6e8;
 @color-dark-content-secondary: #c9cbce;
@@ -222,7 +222,7 @@
 @font-family-display: 'Wise Sans', 'Inter', sans-serif;
 
 // Do not edit directly, this file was auto-generated.
-// Generated on Fri, 22 May 2026 17:00:35 GMT
+// Generated on Thu, 14 May 2026 16:11:43 GMT
 
 @color-base-blue-light: #00b9ff;
 @color-base-blue-mid: #00a2dd;