@sprinklrjs/spaceweb 12.33.2 → 14.11.3

package/type-utils.d.ts

@@ -0,0 +1,2 @@
+export type SimpleUnionOmit<T, K extends string | number | symbol> = T extends unknown ? Omit<T, K> : never;
+export type Merge<A, B> = SimpleUnionOmit<A, keyof B> & B;

package/types.d.ts

@@ -1,29 +1,36 @@
-import { AllHTMLAttributes, ElementType } from 'react';
+import { AllHTMLAttributes, CSSProperties, ElementType, ReactNode } from 'react';
 import { StyleObject as StyletronStyleObject } from 'styletron-react';
-import { StandardEngine as StyletronStandardEngine } from 'styletron-standard';
+import { KeyframesObject as StyletronKeyframesObject, StandardEngine as StyletronStandardEngine } from 'styletron-standard';
 import { Direction, Theme, ThemeClassNames } from '@sprinklrjs/spaceweb-themes/types';
-export declare type StyleObject = StyletronStyleObject;
-export declare type StandardEngine = StyletronStandardEngine;
+import rtlCSSJS from 'rtl-css-js';
+export type StyleObject = StyletronStyleObject;
+export type StandardEngine = StyletronStandardEngine;
+export type KeyframesObject = StyletronKeyframesObject;
 /**
  * Theme-callback function (used to specify styles dynamically)
  *
  * TODO: Replace `any` for `unknown`, the change will cause several
  * components to fail.
  */
-export declare type StyleFn<P = any> = (utils: StyleUtils, props: P) => StyleObject | string | undefined;
-declare type RecursiveArray<T> = Array<T | RecursiveArray<T>>;
+export type StyleFn<P = any> = (utils: StyleUtils, props: P) => StyleObject | string | undefined;
+export type RecursiveArray<T> = Array<T | RecursiveArray<T>>;
+export type CSSVariables = Partial<Record<`--${string}`, string | number | undefined>>;
+export type CSSVariablesStyleFn<P = any> = (utils: StyleUtils, props: P) => CSSVariables | undefined;
 /**
  * CSS in JS object
  */
-export declare type StyleAtom = string | StyleObject | undefined | StyleFn;
+export type DeprecatedStyleAtom = string | StyleObject | undefined | StyleFn;
+export type CSSStylesStyleFn<P = any> = (utils: StyleUtils, props: P) => CSSProperties | undefined;
 /**
  * Spaceweb's style's argument type
  */
-export declare type Styles = StyleAtom | RecursiveArray<StyleAtom>;
+export type StyleAtom = CSSProperties | CSSStylesStyleFn | undefined;
+export type Styles = StyleAtom | RecursiveArray<StyleAtom>;
 /**
- * Returns StyleObject from styling arguments (StyleArgument)
+ * Returns StyleObject from styling arguments (StyleArgument).
+ * This is deprecated. Although this will still continue to work till next release, but ts will throw error.
  */
-export declare type GetStyle = (...args: Styles[]) => StyleObject;
+export type GetStyle = never;
 /**
  * Space context
  */
@@ -31,6 +38,8 @@ export interface ThemeContext {
     classes: ThemeClassNames;
     direction?: Direction;
     theme: Theme;
+    debugCssInJs?: boolean;
+    deprecatedAIThemeEnabled?: boolean;
 }
 export interface Sheet {
     css: string;
@@ -38,14 +47,14 @@ export interface Sheet {
         [key: string]: string;
     };
 }
-export declare type StyletronContext = {
+export type StyletronContext = {
     container: HTMLStyleElement[];
     styletron: StandardEngine;
 } | undefined;
 /**
  * Stores browser's available features
  */
-export declare type BrowserFeaturesContext = {
+export type BrowserFeaturesContext = {
     done: boolean;
     gridLayout: boolean;
     msGridLayout: boolean;
@@ -53,45 +62,53 @@ export declare type BrowserFeaturesContext = {
 /**
  * Variant Options
  */
-export declare type Variant = 'primary' | 'secondary' | 'tertiary' | 'minimal';
+export type Variant = 'primary' | 'secondary' | 'tertiary' | 'minimal';
 /**
  * Size Options
  */
-export declare type Size = 'xxxxs' | 'xxxs' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type Size = 'xxxxs' | 'xxxs' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'small' | 'medium' | 'large' | 'x-large';
 /**
  * Intent Options
  */
-export declare type Intent = 'default' | 'success' | 'warning' | 'error' | 'ai';
+export type Intent = 'default' | 'success' | 'warning' | 'error' | 'ai';
 /**
- * Gets Styletron's generated class names from `StyleArg`s
+ * Gets Styletron's generated class names from `StyleArg`s.
+ * This is deprecated. Although this will still continue to work till next release, but ts will throw error.
  */
-export declare type CSSFunc = (...args: Styles[]) => string;
+export type CSSFunc = never;
 /**
  * Translates length from pixels to rems units (based on theme `htmlFontSize`)
  */
-export declare type Px2Rem = (px: number | string) => string;
+export type Px2Rem = (px: number | string) => string;
 /**
  * `useStyle` return type
  */
-export declare type StyleUtils = ThemeContext & {
-    isRTL?: boolean;
+export type StyleUtils = ThemeContext & {
+    isRTL: boolean;
+    rtlCompatible: typeof rtlCSSJS;
     css: CSSFunc;
     getStyle: GetStyle;
     px2rem: Px2Rem;
 };
+export type ClassNameStyleFn<P = any> = (utils: StyleUtils, props: P) => string | undefined | RecursiveArray<string | undefined>;
 /**
  * ClassName type for Spaceweb's components
  * See: https://frontend.sprinklr.com/spaceweb/guides/styling#styled
  */
-export declare type ClassName = Styles;
+export type ClassNameAtom = string | ClassNameStyleFn | undefined;
+export type ClassName = ClassNameAtom | RecursiveArray<ClassNameAtom>;
 /**
  * Spaceweb Components' default interface
  *
  * Equivalent to AllHTMLAttributes with a replacement of default className and style attributes with our own.
  */
-export declare type SpacewebComponentProps<T = AllHTMLAttributes<HTMLElement>> = Omit<T, 'className' | 'style'> & {
+export type SpacewebComponentProps<T = AllHTMLAttributes<HTMLElement>> = Omit<T, 'className' | 'style'> & {
     $as?: ElementType;
     className?: ClassName;
     style?: Styles;
 };
-export {};
+export type Action = {
+    label: string;
+    onClick: () => void;
+    startEnhancer?: ReactNode;
+};

package/typings.d.ts

@@ -0,0 +1,16 @@
+// Redeclaration of types from @sprinklrjs/hyperspace-compliance/typings.d.ts
+
+declare global {
+  interface Function {
+    /**
+     * This prop is used to convey compliance information about a component.
+     * '__standard' needs to be defined globally on function, since otherwise
+     * React complains about __standard being defined on functions.
+     * @see import('@sprinklrjs/hyperspace-compliance/types').StandardComponent
+     * @see https://sprinklr.atlassian.net/wiki/spaces/Frontend/pages/4712693824/Compliance+Checker+Browser#Element.__standard-API
+     **/
+    __standard?: string;
+  }
+}
+
+export {};

package/typography/Typography.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { TruncateWithTooltipProps } from '../truncateWithTooltip';
-declare const Typography: import("react").ForwardRefExoticComponent<Omit<import("react").AllHTMLAttributes<HTMLElement>, "style" | "className"> & {
-    $as?: import("react").ElementType<any> | undefined;
-    className?: import("..").Styles;
+declare const Typography: import("react").ForwardRefExoticComponent<Omit<import("react").AllHTMLAttributes<HTMLElement>, "className" | "style"> & {
+    $as?: import("react").ElementType | undefined;
+    className?: import("..").ClassName;
     style?: import("..").Styles;
 } & {
     children?: import("react").ReactNode;
@@ -14,5 +14,7 @@ declare const Typography: import("react").ForwardRefExoticComponent<Omit<import(
     } | undefined;
     maxLines?: number | undefined;
     maxWidth?: number | undefined;
-} & import("react").RefAttributes<HTMLElement>>;
+    intent?: import("./types").Intent | undefined;
+    noTooltipOnTruncation?: boolean | undefined;
+} & Pick<TruncateWithTooltipProps, "maskWidth" | "truncationType"> & import("react").RefAttributes<HTMLElement>>;
 export default Typography;

package/typography/Typography.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var isNumber_1 = (0, tslib_1.__importDefault)(require("lodash/isNumber"));
+var isNumber_1 = tslib_1.__importDefault(require("lodash/isNumber"));
 var helpers_1 = require("../helpers");
 var styled_components_1 = require("./styled-components");
 var truncateWithTooltip_1 = require("../truncateWithTooltip");
@@ -35,13 +35,25 @@ var defaultVariantToHTMLTagMapping = {
     'display-32': 'h2',
     'display-40': 'h1',
     'display-42': 'h1',
+    display: 'h1',
+    'heading-1': 'h1',
+    'heading-2': 'h2',
+    'heading-3': 'h3',
+    'heading-4': 'h4',
+    'heading-5': 'h5',
+    'heading-6': 'h6',
+    'heading-7': 'h6',
+    'body-lg': 'span',
+    'body-md': 'span',
+    'body-sm': 'span',
+    'body-xs': 'span',
 };
 var Typography = (0, react_1.forwardRef)(function (_a, ref) {
-    var $as = _a.$as, _b = _a.variant, variant = _b === void 0 ? 'body-14' : _b, weight = _a.weight, overrides = _a.overrides, children = _a.children, maxLines = _a.maxLines, maxWidth = _a.maxWidth, restProps = (0, tslib_1.__rest)(_a, ["$as", "variant", "weight", "overrides", "children", "maxLines", "maxWidth"]);
+    var $as = _a.$as, _b = _a.variant, variant = _b === void 0 ? 'body-14' : _b, weight = _a.weight, overrides = _a.overrides, children = _a.children, maxLines = _a.maxLines, maxWidth = _a.maxWidth, noTooltipOnTruncation = _a.noTooltipOnTruncation, maskWidth = _a.maskWidth, _c = _a.intent, intent = _c === void 0 ? 'default' : _c, truncationType = _a.truncationType, restProps = tslib_1.__rest(_a, ["$as", "variant", "weight", "overrides", "children", "maxLines", "maxWidth", "noTooltipOnTruncation", "maskWidth", "intent", "truncationType"]);
     var sharedProps = (0, helpers_1.add$props)({ variant: variant, weight: weight });
-    var _c = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.TruncateWithTooltip, truncateWithTooltip_1.TruncateWithTooltip), 2), TruncateWithTooltip = _c[0], truncateWithTooltipProps = _c[1];
-    var mergedTruncateWithTooltipProps = (0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, truncateWithTooltipProps), ((0, isNumber_1.default)(maxWidth) && { maxWidth: maxWidth })), ((0, isNumber_1.default)(maxLines) && { maxLines: maxLines }));
-    return ((0, jsx_runtime_1.jsx)(styled_components_1.StyledTypography, (0, tslib_1.__assign)({ ref: ref, "data-spaceweb": "typography-".concat(variant), "$as": $as || defaultVariantToHTMLTagMapping[variant] }, restProps, sharedProps, { children: (0, isNumber_1.default)(maxWidth) || (0, isNumber_1.default)(maxLines) ? ((0, jsx_runtime_1.jsx)(TruncateWithTooltip, (0, tslib_1.__assign)({}, mergedTruncateWithTooltipProps, { children: children }), void 0)) : (children) }), void 0));
+    var _d = tslib_1.__read((0, overrides_1.useOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.TruncateWithTooltip, truncateWithTooltip_1.TruncateWithTooltip), 2), TruncateWithTooltip = _d[0], truncateWithTooltipProps = _d[1];
+    var mergedTruncateWithTooltipProps = tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ noTooltipOnTruncation: noTooltipOnTruncation, maskWidth: maskWidth, truncationType: truncationType }, truncateWithTooltipProps), ((0, isNumber_1.default)(maxWidth) && { maxWidth: maxWidth })), ((0, isNumber_1.default)(maxLines) && { maxLines: maxLines }));
+    return ((0, jsx_runtime_1.jsx)(styled_components_1.StyledTypography, tslib_1.__assign({ ref: ref, "data-spaceweb": "typography-".concat(variant), "$as": $as || defaultVariantToHTMLTagMapping[variant], "$intent": intent }, restProps, sharedProps, { children: (0, isNumber_1.default)(maxWidth) || (0, isNumber_1.default)(maxLines) ? ((0, jsx_runtime_1.jsx)(TruncateWithTooltip, tslib_1.__assign({}, mergedTruncateWithTooltipProps, { children: children }))) : (children) })));
 });
 Typography.displayName = 'Typography';
 exports.default = Typography;

package/typography/constants.d.ts

@@ -1,12 +1,50 @@
-export declare const WEIGHT: Readonly<{
-    regular: number;
-    medium: number;
-    semibold: number;
-    bold: number;
-}>;
-export declare const DEFAULT_BODY_WEIGHT = 400;
-export declare const DEFAULT_DISPLAY_WEIGHT = 600;
-export declare const TYPOGRAPHY_VARIANT_MAP: {
+export declare const WEIGHT: {
+    readonly regular: "font-400";
+    readonly semibold: "font-600";
+    readonly bold: "font-700";
+    /**
+     * @deprecated Prefer regular or semibold
+     */
+    readonly medium: "font-500";
+};
+export declare const DEFAULT_BODY_WEIGHT = "font-400";
+export declare const DEFAULT_DISPLAY_WEIGHT = "font-600";
+export declare const TYPOGRAPHY_VARIANT_VS_CLASS_MAP: {
+    readonly display: "text-64 leading-130 font-700";
+    readonly 'heading-1': "text-40 leading-130 font-700";
+    readonly 'heading-2': "text-32 leading-130 font-700";
+    readonly 'heading-3': "text-28 leading-140 font-700";
+    readonly 'heading-4': "text-24 leading-140 font-700";
+    readonly 'heading-5': "text-20 leading-140 font-700";
+    readonly 'heading-6': "text-18 leading-150 font-700";
+    readonly 'heading-7': "text-16 leading-150 font-700";
+    readonly 'body-lg': "text-18 leading-150";
+    readonly 'body-md': "text-16 leading-150";
+    readonly 'body-sm': "text-14 leading-150";
+    readonly 'body-xs': "text-12 leading-150";
+};
+/**
+ * @deprecated Prefer TYPOGRAPHY_VARIANT_VS_CLASS_MAP
+ */
+export declare const DEPRECATED_TYPOGRAPHY_CLASS_MAP: {
+    readonly 'body-8': "text-8 leading-2.5";
+    readonly 'body-10': "text-10 leading-3";
+    readonly 'body-12': "text-12 leading-3.75";
+    readonly 'body-13': "text-13 leading-4";
+    readonly 'body-14': "text-14 leading-4.5";
+    readonly 'body-16': "text-16 leading-5";
+    readonly 'display-18': "text-18 leading-6";
+    readonly 'display-20': "text-20 leading-6.5";
+    readonly 'display-24': "text-24 leading-8.5";
+    readonly 'display-28': "text-28 leading-8.5";
+    readonly 'display-32': "text-32 leading-9.5";
+    readonly 'display-40': "text-40 leading-11.5";
+    readonly 'display-42': "text-42 leading-12";
+};
+/**
+ * @deprecated Prefer TYPOGRAPHY_VARIANT_VS_CLASS_MAP
+ */
+export declare const DEPRECATED_TYPOGRAPHY_VARIANT_MAP: {
     'body-8': {
         fontSize: string;
         lineHeight: string;
@@ -60,3 +98,27 @@ export declare const TYPOGRAPHY_VARIANT_MAP: {
         lineHeight: string;
     };
 };
+/**
+ * @deprecated Prefer TYPOGRAPHY_VARIANT_VS_CLASS_MAP
+ */
+export declare const DEPRECATED_VARIANT_VS_CLASS_MAP: {
+    readonly h1: "text-42 leading-12 font-600";
+    readonly h2: "text-24 leading-7.25 font-600";
+    readonly h3: "text-20 leading-6.5 font-600";
+    readonly h4: "text-16 leading-6 font-600";
+    readonly h5: "text-16 leading-5.5 font-600";
+    readonly h6: "text-14 leading-5 font-600";
+    readonly h7: "text-13 leading-5.5 font-600";
+    readonly b1: "text-13 leading-4.5 font-600";
+    readonly b2: "text-12 leading-4 font-600";
+    readonly bl1: "text-14 leading-5 font-400";
+    readonly bl2: "text-13 leading-5 font-400";
+    readonly bl3: "text-12 leading-4.5 font-400";
+    readonly bs1: "text-14 leading-5 font-400";
+    readonly bs2: "text-13 leading-4.5 font-400";
+    readonly bs3: "text-12 leading-4 font-400";
+    readonly l1: "text-13 leading-4.5 font-400";
+    readonly l2: "text-12 leading-4 font-400";
+    readonly l3: "text-11 leading-4 font-400";
+    readonly l4: "text-10 leading-3.5 font-400";
+};

package/typography/constants.js

@@ -1,15 +1,56 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TYPOGRAPHY_VARIANT_MAP = exports.DEFAULT_DISPLAY_WEIGHT = exports.DEFAULT_BODY_WEIGHT = exports.WEIGHT = void 0;
-exports.WEIGHT = Object.freeze({
-    regular: 400,
-    medium: 500,
-    semibold: 600,
-    bold: 700,
-});
-exports.DEFAULT_BODY_WEIGHT = 400;
-exports.DEFAULT_DISPLAY_WEIGHT = 600;
-exports.TYPOGRAPHY_VARIANT_MAP = {
+exports.DEPRECATED_VARIANT_VS_CLASS_MAP = exports.DEPRECATED_TYPOGRAPHY_VARIANT_MAP = exports.DEPRECATED_TYPOGRAPHY_CLASS_MAP = exports.TYPOGRAPHY_VARIANT_VS_CLASS_MAP = exports.DEFAULT_DISPLAY_WEIGHT = exports.DEFAULT_BODY_WEIGHT = exports.WEIGHT = void 0;
+exports.WEIGHT = {
+    regular: 'font-400',
+    semibold: 'font-600',
+    bold: 'font-700',
+    /**
+     * @deprecated Prefer regular or semibold
+     */
+    medium: 'font-500',
+};
+exports.DEFAULT_BODY_WEIGHT = 'font-400';
+exports.DEFAULT_DISPLAY_WEIGHT = 'font-600';
+exports.TYPOGRAPHY_VARIANT_VS_CLASS_MAP = {
+    // display
+    display: 'text-64 leading-130 font-700',
+    // heading
+    'heading-1': 'text-40 leading-130 font-700',
+    'heading-2': 'text-32 leading-130 font-700',
+    'heading-3': 'text-28 leading-140 font-700',
+    'heading-4': 'text-24 leading-140 font-700',
+    'heading-5': 'text-20 leading-140 font-700',
+    'heading-6': 'text-18 leading-150 font-700',
+    'heading-7': 'text-16 leading-150 font-700',
+    // body
+    'body-lg': 'text-18 leading-150',
+    'body-md': 'text-16 leading-150',
+    'body-sm': 'text-14 leading-150',
+    'body-xs': 'text-12 leading-150',
+};
+/**
+ * @deprecated Prefer TYPOGRAPHY_VARIANT_VS_CLASS_MAP
+ */
+exports.DEPRECATED_TYPOGRAPHY_CLASS_MAP = {
+    'body-8': 'text-8 leading-2.5',
+    'body-10': 'text-10 leading-3',
+    'body-12': 'text-12 leading-3.75',
+    'body-13': 'text-13 leading-4',
+    'body-14': 'text-14 leading-4.5',
+    'body-16': 'text-16 leading-5',
+    'display-18': 'text-18 leading-6',
+    'display-20': 'text-20 leading-6.5',
+    'display-24': 'text-24 leading-8.5',
+    'display-28': 'text-28 leading-8.5',
+    'display-32': 'text-32 leading-9.5',
+    'display-40': 'text-40 leading-11.5',
+    'display-42': 'text-42 leading-12',
+};
+/**
+ * @deprecated Prefer TYPOGRAPHY_VARIANT_VS_CLASS_MAP
+ */
+exports.DEPRECATED_TYPOGRAPHY_VARIANT_MAP = {
     'body-8': {
         fontSize: '8px',
         lineHeight: '10px',
@@ -63,3 +104,27 @@ exports.TYPOGRAPHY_VARIANT_MAP = {
         lineHeight: '48px',
     },
 };
+/**
+ * @deprecated Prefer TYPOGRAPHY_VARIANT_VS_CLASS_MAP
+ */
+exports.DEPRECATED_VARIANT_VS_CLASS_MAP = {
+    h1: 'text-42 leading-12 font-600',
+    h2: 'text-24 leading-7.25 font-600',
+    h3: 'text-20 leading-6.5 font-600',
+    h4: 'text-16 leading-6 font-600',
+    h5: 'text-16 leading-5.5 font-600',
+    h6: 'text-14 leading-5 font-600',
+    h7: 'text-13 leading-5.5 font-600',
+    b1: 'text-13 leading-4.5 font-600',
+    b2: 'text-12 leading-4 font-600',
+    bl1: 'text-14 leading-5 font-400',
+    bl2: 'text-13 leading-5 font-400',
+    bl3: 'text-12 leading-4.5 font-400',
+    bs1: 'text-14 leading-5 font-400',
+    bs2: 'text-13 leading-4.5 font-400',
+    bs3: 'text-12 leading-4 font-400',
+    l1: 'text-13 leading-4.5 font-400',
+    l2: 'text-12 leading-4 font-400',
+    l3: 'text-11 leading-4 font-400',
+    l4: 'text-10 leading-3.5 font-400',
+};

package/typography/index.d.ts

@@ -1,3 +1,3 @@
 export { default as Typography } from './Typography';
-export { TYPOGRAPHY_VARIANT_MAP } from './constants';
+export { DEPRECATED_TYPOGRAPHY_CLASS_MAP, DEPRECATED_TYPOGRAPHY_VARIANT_MAP, DEPRECATED_VARIANT_VS_CLASS_MAP, TYPOGRAPHY_VARIANT_VS_CLASS_MAP, } from './constants';
 export type { TypographyProps, FontWeight, TypographyVariant } from './types';

package/typography/index.js

@@ -3,8 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TYPOGRAPHY_VARIANT_MAP = exports.Typography = void 0;
+exports.TYPOGRAPHY_VARIANT_VS_CLASS_MAP = exports.DEPRECATED_VARIANT_VS_CLASS_MAP = exports.DEPRECATED_TYPOGRAPHY_VARIANT_MAP = exports.DEPRECATED_TYPOGRAPHY_CLASS_MAP = exports.Typography = void 0;
 var Typography_1 = require("./Typography");
 Object.defineProperty(exports, "Typography", { enumerable: true, get: function () { return __importDefault(Typography_1).default; } });
 var constants_1 = require("./constants");
-Object.defineProperty(exports, "TYPOGRAPHY_VARIANT_MAP", { enumerable: true, get: function () { return constants_1.TYPOGRAPHY_VARIANT_MAP; } });
+Object.defineProperty(exports, "DEPRECATED_TYPOGRAPHY_CLASS_MAP", { enumerable: true, get: function () { return constants_1.DEPRECATED_TYPOGRAPHY_CLASS_MAP; } });
+Object.defineProperty(exports, "DEPRECATED_TYPOGRAPHY_VARIANT_MAP", { enumerable: true, get: function () { return constants_1.DEPRECATED_TYPOGRAPHY_VARIANT_MAP; } });
+Object.defineProperty(exports, "DEPRECATED_VARIANT_VS_CLASS_MAP", { enumerable: true, get: function () { return constants_1.DEPRECATED_VARIANT_VS_CLASS_MAP; } });
+Object.defineProperty(exports, "TYPOGRAPHY_VARIANT_VS_CLASS_MAP", { enumerable: true, get: function () { return constants_1.TYPOGRAPHY_VARIANT_VS_CLASS_MAP; } });

package/typography/styled-components.d.ts

@@ -1 +1 @@
-export declare const StyledTypography: import("../style/styled").StyledComponent;
+export declare const StyledTypography: import("../style").StyledComponent;

package/typography/styled-components.js

@@ -3,19 +3,33 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledTypography = void 0;
 var style_1 = require("../style");
 var constants_1 = require("./constants");
-var getTypographyWeight = function ($variant) {
-    return $variant.includes('body')
-        ? constants_1.DEFAULT_BODY_WEIGHT
-        : $variant.includes('display')
-            ? constants_1.DEFAULT_DISPLAY_WEIGHT
-            : constants_1.WEIGHT.regular;
+var typographyWeight = function (_, _a) {
+    var $variant = _a.$variant, $weight = _a.$weight;
+    if ($weight) {
+        return constants_1.WEIGHT[$weight];
+    }
+    if ($variant.includes('body')) {
+        return constants_1.DEFAULT_BODY_WEIGHT;
+    }
+    if ($variant in constants_1.TYPOGRAPHY_VARIANT_VS_CLASS_MAP) {
+        return '';
+    }
+    if ($variant.includes('display')) {
+        return constants_1.DEFAULT_DISPLAY_WEIGHT;
+    }
+    if ($variant in constants_1.DEPRECATED_VARIANT_VS_CLASS_MAP) {
+        return '';
+    }
+    return constants_1.WEIGHT.regular;
 };
-exports.StyledTypography = (0, style_1.styled)('span', function (_a, _b) {
-    var _c, _d;
-    var theme = _a.theme, classes = _a.classes;
-    var $variant = _b.$variant, $weight = _b.$weight;
-    var variantStyles = (_d = (_c = constants_1.TYPOGRAPHY_VARIANT_MAP[$variant]) !== null && _c !== void 0 ? _c : theme.typography[$variant]) !== null && _d !== void 0 ? _d : theme.typography['l1'];
-    var fontSize = variantStyles.fontSize, lineHeight = variantStyles.lineHeight, variantFontWeight = variantStyles.fontWeight;
-    var fontWeight = $weight ? "".concat(constants_1.WEIGHT[$weight]) : variantFontWeight !== null && variantFontWeight !== void 0 ? variantFontWeight : getTypographyWeight($variant);
-    return { fontSize: fontSize, lineHeight: lineHeight, fontWeight: fontWeight };
-});
+var typographyClasses = function (_, _a) {
+    var _b, _c, _d;
+    var $variant = _a.$variant;
+    return (_d = (_c = (_b = constants_1.TYPOGRAPHY_VARIANT_VS_CLASS_MAP[$variant]) !== null && _b !== void 0 ? _b : constants_1.DEPRECATED_TYPOGRAPHY_CLASS_MAP[$variant]) !== null && _c !== void 0 ? _c : constants_1.DEPRECATED_VARIANT_VS_CLASS_MAP[$variant]) !== null && _d !== void 0 ? _d : constants_1.DEPRECATED_VARIANT_VS_CLASS_MAP.l1;
+};
+var getAiTypographyClasses = function (_a, _b) {
+    var deprecatedAIThemeEnabled = _a.deprecatedAIThemeEnabled;
+    var $intent = _b.$intent;
+    return $intent === 'ai' && deprecatedAIThemeEnabled ? ' bg-clip-text bg-full ai-ui-01 text-transparent' : '';
+};
+exports.StyledTypography = (0, style_1.styled)('span', typographyClasses, typographyWeight, getAiTypographyClasses);

package/typography/types.d.ts

@@ -2,14 +2,39 @@ import { PropsWithChildren } from 'react';
 import { SpacewebComponentProps } from '../types';
 import { Override } from '../overrides';
 import { TruncateWithTooltipProps } from '../truncateWithTooltip';
-export declare type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'h7' | 'bl1' | 'bl2' | 'bl3' | 'bs1' | 'bs2' | 'bs3' | 'l1' | 'l2' | 'l3' | 'l4' | 'body-8' | 'body-10' | 'body-12' | 'body-13' | 'body-14' | 'body-16' | 'display-18' | 'display-20' | 'display-24' | 'display-28' | 'display-32' | 'display-40' | 'display-42';
-export declare type FontWeight = 'regular' | 'medium' | 'semibold' | 'bold';
-export declare type TypographyProps = PropsWithChildren<SpacewebComponentProps> & {
+type TypographyBodyHeaderVariants = 'display' | 'heading-1' | 'heading-2' | 'heading-3' | 'heading-4' | 'heading-5' | 'heading-6' | 'heading-7' | 'body-lg' | 'body-md' | 'body-sm' | 'body-xs';
+/**
+ * @deprecated Prefer TypographyBodyHeaderVariants
+ */
+type DeprecatedTypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'h7' | 'bl1' | 'bl2' | 'bl3' | 'bs1' | 'bs2' | 'bs3' | 'l1' | 'l2' | 'l3' | 'l4' | 'body-8' | 'body-10' | 'body-12' | 'body-13' | 'body-14' | 'body-16' | 'display-18' | 'display-20' | 'display-24' | 'display-28' | 'display-32' | 'display-40' | 'display-42';
+export type TypographyVariant = TypographyBodyHeaderVariants | DeprecatedTypographyVariant;
+export type FontWeight = 'regular' | 'semibold' | 'bold'
+/**
+ * @deprecated Prefer regular or semibold
+ */
+ | 'medium';
+export type Intent = 'default' | 'ai';
+export type TypographyProps = PropsWithChildren<SpacewebComponentProps> & {
     variant?: TypographyVariant;
     weight?: FontWeight;
     overrides?: {
         TruncateWithTooltip?: Override<TruncateWithTooltipProps & Record<string, any>>;
     };
+    /**
+     * Content will truncate and tooltip will be visible when the content overflows maxLines/maxWidth
+     */
     maxLines?: number;
     maxWidth?: number;
+    intent?: Intent;
+    /**
+     * By default, tooltip will be visible when maxLines/maxWidth is provided and content overflows.
+     * Pass this prop to disable tooltip.
+     */
+    noTooltipOnTruncation?: boolean;
+} & Pick<TruncateWithTooltipProps, 'maskWidth' | 'truncationType'>;
+export type SharedProps = {
+    $weight?: FontWeight;
+    $variant: TypographyVariant;
+    $intent?: Intent;
 };
+export {};

package/utility-types/index.d.ts

@@ -1 +1 @@
-export declare type ValueOf<T extends object> = T[keyof T];
+export type ValueOf<T extends object> = T[keyof T];

package/utils/generalUtils.d.ts

@@ -0,0 +1,2 @@
+import { type ReactNode } from 'react';
+export declare const getTextFromNode: (node: ReactNode) => string;

package/utils/generalUtils.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTextFromNode = void 0;
+var react_1 = require("react");
+var getTextFromNode = function (node) {
+    if (node === null || node === undefined || typeof node === 'boolean')
+        return '';
+    if (typeof node === 'string' || typeof node === 'number')
+        return String(node);
+    if (Array.isArray(node))
+        return node.map(exports.getTextFromNode).join('');
+    if ((0, react_1.isValidElement)(node))
+        return (0, exports.getTextFromNode)(node.props.children);
+    return '';
+};
+exports.getTextFromNode = getTextFromNode;

package/utils/intlNumberFormatUtils/index.js

@@ -35,7 +35,7 @@ var getFormattedNumber = function (_a) {
             break;
         }
     }
-    return Intl.NumberFormat(locale, (0, tslib_1.__assign)({ minimumFractionDigits: 0, maximumFractionDigits: maximumFractionDigits, 
+    return Intl.NumberFormat(locale, tslib_1.__assign({ minimumFractionDigits: 0, maximumFractionDigits: maximumFractionDigits, 
         // @ts-ignore -- yarn migration
         notation: notation }, numberOptions)).format(value);
 };

package/utils/intlNumberFormatUtils/types.d.ts

@@ -4,18 +4,18 @@ export declare const NUMBER_VARIANTS: {
     readonly EXPANDED_DECIMAL_FORMAT: "expandedDecimalFormat";
     readonly COMPACT_DECIMAL_FORMAT: "compactDecimalFormat";
 };
-export declare type ExpandedAutoFormat = {
+export type ExpandedAutoFormat = {
     type: typeof NUMBER_VARIANTS.EXPANDED_AUTO_FORMAT;
 };
-export declare type CompactAutoFormat = {
+export type CompactAutoFormat = {
     type: typeof NUMBER_VARIANTS.COMPACT_AUTO_FORMAT;
 };
-export declare type ExpandedDecimalFormat = {
+export type ExpandedDecimalFormat = {
     type: typeof NUMBER_VARIANTS.EXPANDED_DECIMAL_FORMAT;
     decimalDigits: number;
 };
-export declare type CompactDecimalFormat = {
+export type CompactDecimalFormat = {
     type: typeof NUMBER_VARIANTS.COMPACT_DECIMAL_FORMAT;
     decimalDigits: number;
 };
-export declare type NumberVariant = ExpandedAutoFormat | CompactAutoFormat | ExpandedDecimalFormat | CompactDecimalFormat;
+export type NumberVariant = ExpandedAutoFormat | CompactAutoFormat | ExpandedDecimalFormat | CompactDecimalFormat;

package/video/DefaultFallbackImg.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+import { DefaultFallbackProps } from '../image/types';
+declare const DefaultFallbackImg: ({ width, height, iconSize, overrides, isValidVideo, }: DefaultFallbackProps) => ReactElement;
+export default DefaultFallbackImg;

package/video/DefaultFallbackImg.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+// components
+var no_video_1 = tslib_1.__importDefault(require("../icon/components/no-video"));
+var defaultFallbackImg_1 = require("../image/defaultFallbackImg");
+// hooks
+var useOverrides_1 = require("../overrides/useOverrides");
+var helpers_1 = require("../helpers");
+var DefaultFallbackImg = function (_a) {
+    var width = _a.width, height = _a.height, iconSize = _a.iconSize, overrides = _a.overrides, _b = _a.isValidVideo, isValidVideo = _b === void 0 ? true : _b;
+    var _c = tslib_1.__read((0, useOverrides_1.useOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.Root, defaultFallbackImg_1.StyledRoot), 2), Root = _c[0], rootProps = _c[1];
+    var _d = tslib_1.__read((0, useOverrides_1.useOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.Svg, no_video_1.default), 2), SVG = _d[0], svgProps = _d[1];
+    var sharedProps = (0, helpers_1.add$props)({ height: height, width: width });
+    return ((0, jsx_runtime_1.jsx)(Root, tslib_1.__assign({ "data-testid": "fallback-image", "data-spaceweb": "fallback-image" }, sharedProps, rootProps, { children: isValidVideo ? null : ((0, jsx_runtime_1.jsx)(SVG, tslib_1.__assign({ size: iconSize !== null && iconSize !== void 0 ? iconSize : 40 }, svgProps, { className: ['mx-1 my-1', svgProps === null || svgProps === void 0 ? void 0 : svgProps.className] }))) })));
+};
+exports.default = DefaultFallbackImg;

package/video/Video.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-declare const Video: import("react").ForwardRefExoticComponent<Omit<import("react").VideoHTMLAttributes<HTMLVideoElement>, "style" | "className"> & {
-    $as?: import("react").ElementType<any> | undefined;
-    className?: import("..").Styles;
+declare const Video: import("react").ForwardRefExoticComponent<Omit<import("react").VideoHTMLAttributes<HTMLVideoElement>, "className" | "style"> & {
+    $as?: import("react").ElementType | undefined;
+    className?: import("..").ClassName;
     style?: import("..").Styles;
 } & {
-    children?: import("react").ReactChildren | undefined;
+    children?: import("react").ReactNode;
     disabled?: boolean | undefined;
     height?: number | undefined;
     overrides?: import("./types").VideoOverrides | undefined;