react-restyle-components 0.3.46 → 0.3.48

package/lib/src/core-components/src/utils/abstracts/colors/index.d.ts

@@ -0,0 +1,49 @@
+/** @deprecated use tokens instead @soluto-private/aui-tokens */
+export declare const colors: {
+    readonly primaryBrighter: "#cb5aff";
+    readonly primaryBright: "#a839f3";
+    readonly primaryDeep: "#8223d2";
+    readonly primaryDeeper: "#6700b8";
+    readonly secondaryBrighter: "#6b8bff";
+    readonly secondaryBright: "#4a68f9";
+    readonly secondaryDeep: "#2743cc";
+    readonly secondaryDeeper: "#253baa";
+    readonly brandGreenBrighter: "#6efac3";
+    readonly brandGreenBright: "#00e7a1";
+    readonly brandGreenDeep: "#00b574";
+    readonly brandGreenDeeper: "#0b8350";
+    readonly brandTennis: "#d2fa46";
+    readonly white: "#ffffff";
+    readonly black: "#000000";
+    readonly neutralBrightest: "#f0f0f5";
+    readonly neutralBrighter: "#e6e6eb";
+    readonly neutralBright: "#d5d6da";
+    readonly neutralDeep: "#a5aaaf";
+    readonly neutralDeeper: "#6e767d";
+    readonly neutralDeepest: "#333f48";
+    readonly disabledBackground: "#e6e6eb";
+    readonly disabledText: "#a5aaaf";
+    readonly errorBright: "#ff5070";
+    readonly errorDeep: "#db1b1b";
+    readonly warningBright: "#f9d51c";
+    readonly warningDeep: "#edb800";
+    readonly successBright: "#37e7a7";
+    readonly successDeep: "#00bf63";
+    readonly successDeeper: "#008662";
+    readonly focus: "#0047e1";
+};
+export declare const gradients: {
+    darkAngle1: string;
+    darkAngle2: string;
+    darkAngle3: string;
+    darkAngle4: string;
+    lightAngle1: string;
+    lightAngle2: string;
+    lightAngle3: string;
+    lightAngle4: string;
+};
+type ColorKey = keyof typeof colors;
+/** @deprecated */
+export type ColorValue = (typeof colors)[ColorKey];
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/src/core-components/src/utils/abstracts/colors/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/utils/abstracts/colors/index.ts"],"names":[],"mappings":"AAAA,gEAAgE;AAChE,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCT,CAAC;AAEX,eAAO,MAAM,SAAS;;;;;;;;;CASrB,CAAC;AAEF,KAAK,QAAQ,GAAG,MAAM,OAAO,MAAM,CAAC;AACpC,kBAAkB;AAClB,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC"}

package/lib/src/core-components/src/utils/abstracts/colors/index.js

@@ -0,0 +1,49 @@
+/** @deprecated use tokens instead @soluto-private/aui-tokens */
+export const colors = {
+    primaryBrighter: '#cb5aff',
+    primaryBright: '#a839f3',
+    primaryDeep: '#8223d2',
+    primaryDeeper: '#6700b8',
+    secondaryBrighter: '#6b8bff',
+    secondaryBright: '#4a68f9',
+    secondaryDeep: '#2743cc',
+    secondaryDeeper: '#253baa',
+    brandGreenBrighter: '#6efac3',
+    brandGreenBright: '#00e7a1',
+    brandGreenDeep: '#00b574',
+    brandGreenDeeper: '#0b8350',
+    brandTennis: '#d2fa46',
+    white: '#ffffff',
+    black: '#000000',
+    neutralBrightest: '#f0f0f5',
+    neutralBrighter: '#e6e6eb',
+    neutralBright: '#d5d6da',
+    neutralDeep: '#a5aaaf',
+    neutralDeeper: '#6e767d',
+    neutralDeepest: '#333f48',
+    disabledBackground: '#e6e6eb',
+    disabledText: '#a5aaaf',
+    errorBright: '#ff5070',
+    //error-lighter-1
+    errorDeep: '#db1b1b',
+    //error
+    warningBright: '#f9d51c',
+    //warning-lighter-1
+    warningDeep: '#edb800',
+    //warning
+    successBright: '#37e7a7',
+    //success-lighter-1
+    successDeep: '#00bf63',
+    successDeeper: '#008662',
+    focus: '#0047e1',
+};
+export const gradients = {
+    darkAngle1: `linear-gradient(136deg, ${colors.primaryDeeper} 0%, #A90AD3 100%)`,
+    darkAngle2: `linear-gradient(315deg, ${colors.primaryDeeper} 0%, #A90AD3 100%)`,
+    darkAngle3: `linear-gradient(0deg, ${colors.primaryDeeper} 0%, #A90AD3 100%)`,
+    darkAngle4: `linear-gradient(0deg, #A90AD3 0%, ${colors.primaryDeeper} 100%)`,
+    lightAngle1: 'linear-gradient(136deg, #FBF2FF 0%, #EBF9FF 100%)',
+    lightAngle2: 'linear-gradient(315deg, #FBF2FF 0%, #EBF9FF 100%)',
+    lightAngle3: 'linear-gradient(0deg, #FBF2FF 0%, #EBF9FF 100%)',
+    lightAngle4: 'linear-gradient(0deg, #EBF9FF 0%, #FBF2FF 100%)',
+};

package/lib/src/core-components/src/utils/abstracts/index.d.ts

@@ -0,0 +1,6 @@
+export * from './breakpoints';
+export * from './colors';
+export * from './space';
+export * from './theme';
+export * from './typography';
+//# sourceMappingURL=index.d.ts.map

package/lib/src/core-components/src/utils/abstracts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/utils/abstracts/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}

package/lib/src/core-components/src/utils/abstracts/index.js

@@ -0,0 +1,5 @@
+export * from './breakpoints';
+export * from './colors';
+export * from './space';
+export * from './theme';
+export * from './typography';

package/lib/src/core-components/src/utils/abstracts/space/index.d.ts

@@ -0,0 +1,30 @@
+/** @deprecated use tokens instead @soluto-private/aui-tokens */
+export declare const space: {
+    readonly 25: ".125rem";
+    readonly 50: ".25rem";
+    readonly 75: ".375rem";
+    readonly 100: ".5rem";
+    readonly 150: ".75rem";
+    readonly 200: "1rem";
+    readonly 300: "1.5rem";
+    readonly 400: "2rem";
+    readonly 500: "2.5rem";
+    readonly 600: "3rem";
+    readonly 800: "4rem";
+    readonly 1000: "5rem";
+    readonly 1200: "6rem";
+};
+export declare const TagSize: {
+    readonly sm: ".5rem";
+    readonly md: ".75rem";
+    readonly lg: "1rem";
+};
+export declare const ActionSize: {
+    readonly sm: ".5rem";
+    readonly md: ".75rem";
+    readonly lg: "1rem";
+};
+type SpaceKey = keyof typeof space;
+export type SpaceValue = (typeof space)[SpaceKey];
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/src/core-components/src/utils/abstracts/space/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/utils/abstracts/space/index.ts"],"names":[],"mappings":"AAAA,gEAAgE;AAChE,eAAO,MAAM,KAAK;;;;;;;;;;;;;;CAcR,CAAC;AAEX,eAAO,MAAM,OAAO;;;;CAIV,CAAC;AAEX,eAAO,MAAM,UAAU;;;;CAIb,CAAC;AAEX,KAAK,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAC;AACnC,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC"}

package/lib/src/core-components/src/utils/abstracts/space/index.js

@@ -0,0 +1,26 @@
+/** @deprecated use tokens instead @soluto-private/aui-tokens */
+export const space = {
+    25: '.125rem',
+    50: '.25rem',
+    75: '.375rem',
+    100: '.5rem',
+    150: '.75rem',
+    200: '1rem',
+    300: '1.5rem',
+    400: '2rem',
+    500: '2.5rem',
+    600: '3rem',
+    800: '4rem',
+    1000: '5rem',
+    1200: '6rem',
+};
+export const TagSize = {
+    sm: space[100],
+    md: space[150],
+    lg: space[200],
+};
+export const ActionSize = {
+    sm: space[100],
+    md: space[150],
+    lg: space[200],
+};

package/lib/src/core-components/src/utils/abstracts/theme/ThemeBoundary.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare const ThemeBoundaryContext: React.Context<{
+    theme: 'tech-abl' | 'partner' | null;
+}>;
+export type ThemeBoundaryProps = {
+    theme: 'tech-abl' | 'partner';
+    children: React.ReactNode;
+};
+/** @experimental */
+export declare const ThemeBoundary: ({ theme, children }: ThemeBoundaryProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ThemeBoundary.d.ts.map

package/lib/src/core-components/src/utils/abstracts/theme/ThemeBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeBoundary.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/utils/abstracts/theme/ThemeBoundary.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,oBAAoB;WACxB,UAAU,GAAG,SAAS,GAAG,IAAI;EAGpC,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,UAAU,GAAG,SAAS,CAAC;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,oBAAoB;AACpB,eAAO,MAAM,aAAa,wBAAuB,kBAAkB,4CAIlE,CAAC"}

package/lib/src/core-components/src/utils/abstracts/theme/ThemeBoundary.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+export const ThemeBoundaryContext = React.createContext({
+    theme: null,
+});
+/** @experimental */
+export const ThemeBoundary = ({ theme, children }) => (_jsx(ThemeBoundaryContext.Provider, { value: { theme }, children: children }));

package/lib/src/core-components/src/utils/abstracts/theme/default-themes.d.ts

@@ -0,0 +1,5 @@
+import { Theme } from './types';
+declare const DEFAULT_THEME: Theme;
+declare const PARTNER_THEME: Theme;
+export { DEFAULT_THEME, PARTNER_THEME };
+//# sourceMappingURL=default-themes.d.ts.map

package/lib/src/core-components/src/utils/abstracts/theme/default-themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-themes.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/utils/abstracts/theme/default-themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,QAAA,MAAM,aAAa,EAAE,KAepB,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,KAepB,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC"}

package/lib/src/core-components/src/utils/abstracts/theme/default-themes.js

@@ -0,0 +1,30 @@
+import { colors } from '../colors';
+const DEFAULT_THEME = {
+    primary: colors.primaryDeep,
+    primaryHover: colors.primaryBright,
+    primaryPressed: colors.primaryDeeper,
+    textOnPrimary: colors.white,
+    secondary: colors.black,
+    secondaryHover: colors.neutralDeepest,
+    secondaryPressed: colors.black,
+    textOnSecondary: colors.white,
+    inverted: colors.white,
+    invertedHover: colors.neutralBrightest,
+    invertedPressed: colors.white,
+    textOnInverted: colors.black,
+};
+const PARTNER_THEME = {
+    primary: colors.black,
+    primaryHover: colors.neutralDeepest,
+    primaryPressed: colors.black,
+    textOnPrimary: colors.white,
+    secondary: colors.black,
+    secondaryHover: colors.neutralDeepest,
+    secondaryPressed: colors.black,
+    textOnSecondary: colors.white,
+    inverted: colors.white,
+    invertedHover: colors.neutralBrightest,
+    invertedPressed: colors.white,
+    textOnInverted: colors.black,
+};
+export { DEFAULT_THEME, PARTNER_THEME };

package/lib/src/core-components/src/utils/abstracts/theme/index.d.ts

@@ -0,0 +1,5 @@
+export { updateTheme } from './theme';
+export { default as useTheme } from './useTheme';
+export type { Theme, ThemeKey } from './types';
+export { ThemeBoundary } from './ThemeBoundary';
+//# sourceMappingURL=index.d.ts.map

package/lib/src/core-components/src/utils/abstracts/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/utils/abstracts/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AACpC,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,YAAY,CAAC;AAC/C,YAAY,EAAC,KAAK,EAAE,QAAQ,EAAC,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC"}

package/lib/src/core-components/src/utils/abstracts/theme/index.js

@@ -0,0 +1,3 @@
+export { updateTheme } from './theme';
+export { default as useTheme } from './useTheme';
+export { ThemeBoundary } from './ThemeBoundary';

package/lib/src/core-components/src/utils/abstracts/theme/theme.d.ts

@@ -0,0 +1,9 @@
+import { ThemeKey, Theme } from './types';
+export declare let selectedTheme: Theme;
+type ThemeSubscriber = (t: Theme) => void;
+export declare const subscribeTheme: (listener: ThemeSubscriber) => number;
+export declare const unsubscribeTheme: (subToRemove: ThemeSubscriber) => void;
+export declare const getTheme: (theme: Theme | ThemeKey) => Theme;
+export declare const updateTheme: (theme: Theme | ThemeKey, overrides?: Partial<Theme>) => void;
+export {};
+//# sourceMappingURL=theme.d.ts.map

package/lib/src/core-components/src/utils/abstracts/theme/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/utils/abstracts/theme/theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAE,KAAK,EAAC,MAAM,SAAS,CAAC;AAYxC,eAAO,IAAI,aAAa,EAAE,KAAqB,CAAC;AAEhD,KAAK,eAAe,GAAG,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;AAE1C,eAAO,MAAM,cAAc,aAAc,eAAe,WACrB,CAAC;AAEpC,eAAO,MAAM,gBAAgB,gBAAiB,eAAe,SAE5D,CAAC;AAEF,eAAO,MAAM,QAAQ,UAAW,KAAK,GAAG,QAAQ,KAAG,KAalD,CAAC;AAEF,eAAO,MAAM,WAAW,UACf,KAAK,GAAG,QAAQ,cAIX,QAAQ,KAAK,CAAC,KACzB,IAGF,CAAC"}

package/lib/src/core-components/src/utils/abstracts/theme/theme.js

@@ -0,0 +1,30 @@
+import { DEFAULT_THEME, PARTNER_THEME } from './default-themes';
+const isObject = (value) => typeof value === 'object' && !Array.isArray(value);
+const hasThemeProps = (value) => Object.keys(DEFAULT_THEME).every((key) => key in value);
+const isValidTheme = (value) => isObject(value) && hasThemeProps(value);
+let themeSubscriptions = [];
+export let selectedTheme = DEFAULT_THEME;
+export const subscribeTheme = (listener) => themeSubscriptions.push(listener);
+export const unsubscribeTheme = (subToRemove) => {
+    themeSubscriptions = themeSubscriptions.filter((sub) => sub !== subToRemove);
+};
+export const getTheme = (theme) => {
+    if (isValidTheme(theme))
+        return theme;
+    else if (typeof theme === 'string') {
+        if (theme === 'techabl')
+            return DEFAULT_THEME;
+        else if (theme === 'partner')
+            return PARTNER_THEME;
+    }
+    console.warn('theme param is not valid, should be type of Theme or ThemeKey - provided: ', { theme });
+    return PARTNER_THEME;
+};
+export const updateTheme = (theme, 
+/**
+@deprecated overrides is deprecated and will be deleted in v3, please remove overrides param.
+*/
+overrides) => {
+    selectedTheme = { ...getTheme(theme), ...overrides };
+    themeSubscriptions.forEach((f) => f(selectedTheme));
+};

package/lib/src/core-components/src/utils/abstracts/theme/types.d.ts

@@ -0,0 +1,30 @@
+import { colors } from '../colors';
+declare module 'styled-components' {
+    interface DefaultTheme extends Theme {
+    }
+    interface ThemeProps<T> {
+        theme: T;
+    }
+}
+export type StyledProps<P> = P & {
+    theme: Theme;
+};
+type ThemeProp = keyof typeof colors;
+type ThemeColor = (typeof colors)[ThemeProp] | string;
+export type ThemeKey = 'techabl' | 'att' | 'verizon' | 'partner';
+export type Theme = {
+    primary: ThemeColor;
+    primaryHover: ThemeColor;
+    primaryPressed: ThemeColor;
+    textOnPrimary: ThemeColor;
+    secondary: ThemeColor;
+    secondaryHover: ThemeColor;
+    secondaryPressed: ThemeColor;
+    textOnSecondary: ThemeColor;
+    inverted: ThemeColor;
+    invertedHover: ThemeColor;
+    invertedPressed: ThemeColor;
+    textOnInverted: ThemeColor;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/lib/src/core-components/src/utils/abstracts/theme/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/utils/abstracts/theme/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,WAAW,CAAC;AAEjC,OAAO,QAAQ,mBAAmB,CAAC;IAEjC,UAAiB,YAAa,SAAQ,KAAK;KAAG;IAE9C,UAAiB,UAAU,CAAC,CAAC;QAC3B,KAAK,EAAE,CAAC,CAAC;KACV;CAIF;AAGD,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG;IAC/B,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,KAAK,SAAS,GAAG,MAAM,OAAO,MAAM,CAAC;AACrC,KAAK,UAAU,GAAG,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC;AAKtD,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,KAAK,GAAG,SAAS,GAAG,SAAS,CAAC;AAEjE,MAAM,MAAM,KAAK,GAAG;IAClB,OAAO,EAAE,UAAU,CAAC;IACpB,YAAY,EAAE,UAAU,CAAC;IACzB,cAAc,EAAE,UAAU,CAAC;IAC3B,aAAa,EAAE,UAAU,CAAC;IAE1B,SAAS,EAAE,UAAU,CAAC;IACtB,cAAc,EAAE,UAAU,CAAC;IAC3B,gBAAgB,EAAE,UAAU,CAAC;IAC7B,eAAe,EAAE,UAAU,CAAC;IAE5B,QAAQ,EAAE,UAAU,CAAC;IACrB,aAAa,EAAE,UAAU,CAAC;IAC1B,eAAe,EAAE,UAAU,CAAC;IAC5B,cAAc,EAAE,UAAU,CAAC;CAC5B,CAAC"}

package/lib/src/core-components/src/utils/abstracts/theme/types.js

@@ -0,0 +1 @@
+export {};

package/lib/src/core-components/src/utils/abstracts/theme/useTheme.d.ts

@@ -0,0 +1,4 @@
+import { Theme } from './types';
+declare const useTheme: () => Theme;
+export default useTheme;
+//# sourceMappingURL=useTheme.d.ts.map

package/lib/src/core-components/src/utils/abstracts/theme/useTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/utils/abstracts/theme/useTheme.ts"],"names":[],"mappings":"AASA,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAG9B,QAAA,MAAM,QAAQ,QAAO,KAapB,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/src/core-components/src/utils/abstracts/theme/useTheme.js

@@ -0,0 +1,17 @@
+'use client';
+import { useContext, useEffect, useState } from 'react';
+import { getTheme, selectedTheme, subscribeTheme, unsubscribeTheme, } from './theme';
+import { ThemeBoundaryContext } from './ThemeBoundary';
+const useTheme = () => {
+    const [theme, setTheme] = useState(selectedTheme);
+    useEffect(() => {
+        subscribeTheme(setTheme);
+        return () => unsubscribeTheme(setTheme);
+    }, []);
+    const { theme: themeFromBoundary } = useContext(ThemeBoundaryContext);
+    if (themeFromBoundary !== null) {
+        return getTheme(themeFromBoundary);
+    }
+    return theme;
+};
+export default useTheme;

package/lib/src/core-components/src/utils/abstracts/typography/index.d.ts

@@ -0,0 +1,29 @@
+export declare const fontFamilies: {
+    default: string;
+    mono: string;
+};
+export type FontFamily = keyof typeof fontFamilies;
+export declare const getFontFamily: (family: FontFamily) => string;
+export declare const fontFamily: string;
+export declare const fontWeights: {
+    feather: number;
+    base: number;
+    heavy: number;
+    black: number;
+};
+export declare const fontSizes: {
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+};
+export type FontWeight = keyof typeof fontWeights;
+export declare const getFontWeight: (weight: FontWeight) => number;
+export type FontSize = keyof typeof fontSizes;
+export declare const getFontSize: (size: FontSize) => string;
+//# sourceMappingURL=index.d.ts.map

package/lib/src/core-components/src/utils/abstracts/typography/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/utils/abstracts/typography/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;CAGxB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,YAAY,CAAC;AACnD,eAAO,MAAM,aAAa,WAAY,UAAU,WAAyB,CAAC;AAC1E,eAAO,MAAM,UAAU,QAAuB,CAAC;AAE/C,eAAO,MAAM,WAAW;;;;;CAKvB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;CAUrB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW,CAAC;AAClD,eAAO,MAAM,aAAa,WAAY,UAAU,KAAG,MAC9B,CAAC;AAEtB,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAC;AAC9C,eAAO,MAAM,WAAW,SAAU,QAAQ,KAAG,MAAyB,CAAC"}

package/lib/src/core-components/src/utils/abstracts/typography/index.js

@@ -0,0 +1,25 @@
+export const fontFamilies = {
+    default: 'Apercu, Arial, sans-serif',
+    mono: 'Apercu Mono, monospace',
+};
+export const getFontFamily = (family) => fontFamilies[family];
+export const fontFamily = fontFamilies.default;
+export const fontWeights = {
+    feather: 300,
+    base: 400,
+    heavy: 700,
+    black: 900,
+};
+export const fontSizes = {
+    0: '0.75rem',
+    1: '0.875rem',
+    2: '1rem',
+    3: '1.25rem',
+    4: '1.5rem',
+    5: '2rem',
+    6: '2.5rem',
+    7: '3rem',
+    8: '3.75rem', // 60px
+};
+export const getFontWeight = (weight) => fontWeights[weight];
+export const getFontSize = (size) => fontSizes[size];

package/lib/src/core-components/src/utils/context/DefaultsProvider.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { IconSize } from '../../components/Icon/iconTypes';
+import { TagSize } from '../../components/Tag/types';
+import { ActionSize } from '../../components/Action/types';
+export type DefaultsContextType = {
+    actionSize?: ActionSize;
+    /** @deprecated does not apply to new icons */
+    iconFill?: string;
+    iconSize?: IconSize;
+    tagSize?: TagSize;
+};
+export declare const DefaultsContext: React.Context<DefaultsContextType>;
+export declare const DefaultsProvider: ({ value, children, }: React.ProviderProps<DefaultsContextType>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DefaultsProvider.d.ts.map

package/lib/src/core-components/src/utils/context/DefaultsProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultsProvider.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/utils/context/DefaultsProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAC,QAAQ,EAAC,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAC,OAAO,EAAC,MAAM,4BAA4B,CAAC;AACnD,OAAO,EAAC,UAAU,EAAC,MAAM,+BAA+B,CAAC;AAEzD,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,eAAe,oCAAyC,CAAC;AAEtE,eAAO,MAAM,gBAAgB,yBAG1B,MAAM,aAAa,CAAC,mBAAmB,CAAC,4CAQ1C,CAAC"}

package/lib/src/core-components/src/utils/context/DefaultsProvider.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+export const DefaultsContext = createContext({});
+export const DefaultsProvider = ({ value, children, }) => {
+    const currentDefaults = useContext(DefaultsContext);
+    return (_jsx(DefaultsContext.Provider, { value: { ...currentDefaults, ...value }, children: children }));
+};

package/lib/src/core-components/src/utils/context/InternalProvider.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type InternalProviderProps = {
+    children?: React.ReactNode;
+};
+/**
+ * Provides internal stuff we need for our components.
+ * Injects Styled Components theme prop via context.
+ */
+export declare const InternalProvider: React.FC<InternalProviderProps>;
+//# sourceMappingURL=InternalProvider.d.ts.map

package/lib/src/core-components/src/utils/context/InternalProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalProvider.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/utils/context/InternalProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAiB5D,CAAC"}

package/lib/src/core-components/src/utils/context/InternalProvider.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTheme } from '../abstracts/theme';
+import { ThemeProvider } from 'styled-components';
+const isJSDOM = () => navigator?.userAgent?.includes?.('jsdom');
+/**
+ * Provides internal stuff we need for our components.
+ * Injects Styled Components theme prop via context.
+ */
+export const InternalProvider = ({ children, }) => {
+    const theme = useTheme();
+    // useEffect(() => {
+    //   const style = getComputedStyle(document.body);
+    //   const globalStylesExists = !!style.getPropertyValue(
+    //     '--aui-global-styles-exists'
+    //   );
+    //   if (!globalStylesExists && isReactDevelopment() && !isJSDOM()) {
+    //     console.error(
+    //       'ERROR: Your techabl UI components WILL BREAK in a future V4 minor version update. You must include GlobalStyles in your DOM. For more information, see https://ui.asurion.com/?path=/docs/documentation-getting-started--docs#global-styles'
+    //     );
+    //   }
+    // }, []);
+    return _jsx(ThemeProvider, { theme: theme, children: children });
+};

package/lib/src/core-components/src/utils/context/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DefaultsProvider';
+export * from './InternalProvider';
+//# sourceMappingURL=index.d.ts.map

package/lib/src/core-components/src/utils/context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/utils/context/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC"}

package/lib/src/core-components/src/utils/context/index.js

@@ -0,0 +1,2 @@
+export * from './DefaultsProvider';
+export * from './InternalProvider';

package/lib/src/core-components/src/utils/helpers/attachSubComponents.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Attaches subcomponents to a parent component for use in
+ * composed components. Example:
+ * ```tsx
+ * <Parent>
+ *    <Parent.Title>abc</Parent.Title>
+ *    <Parent.Body prop1="foobar"/>
+ * </Parent>
+ * ```
+ *
+ * This function also sets displayname on the parent component
+ * and all children component, and has the correct return type
+ * for typescript.
+ *
+ * @param displayName topLevelComponent's displayName
+ * @param topLevelComponent the parent element of the composed component
+ * @param otherComponents an object of child components (keys are the names of the child components)
+ * @returns the top level component with otherComponents as static properties
+ */
+export declare function attachSubComponents<C extends object, O extends Record<string, any>>(displayName: string, topLevelComponent: C, otherComponents: O): C & O;
+//# sourceMappingURL=attachSubComponents.d.ts.map

package/lib/src/core-components/src/utils/helpers/attachSubComponents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachSubComponents.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/utils/helpers/attachSubComponents.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,mBAAmB,CACjC,CAAC,SAAS,MAAM,EAChB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC7B,WAAW,EAAE,MAAM,EAAE,iBAAiB,EAAE,CAAC,EAAE,eAAe,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAQtE"}

package/lib/src/core-components/src/utils/helpers/attachSubComponents.js

@@ -0,0 +1,23 @@
+/**
+ * Attaches subcomponents to a parent component for use in
+ * composed components. Example:
+ * ```tsx
+ * <Parent>
+ *    <Parent.Title>abc</Parent.Title>
+ *    <Parent.Body prop1="foobar"/>
+ * </Parent>
+ * ```
+ *
+ * This function also sets displayname on the parent component
+ * and all children component, and has the correct return type
+ * for typescript.
+ *
+ * @param displayName topLevelComponent's displayName
+ * @param topLevelComponent the parent element of the composed component
+ * @param otherComponents an object of child components (keys are the names of the child components)
+ * @returns the top level component with otherComponents as static properties
+ */
+export function attachSubComponents(displayName, topLevelComponent, otherComponents) {
+    Object.values(otherComponents).forEach((component) => (component.displayName = `${displayName}.${component.displayName}`));
+    return Object.assign(topLevelComponent, { displayName }, otherComponents);
+}

package/lib/src/core-components/src/utils/helpers/flattenChildren.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const flattenChildren: (children: React.ReactNode) => React.ReactNode[];
+//# sourceMappingURL=flattenChildren.d.ts.map

package/lib/src/core-components/src/utils/helpers/flattenChildren.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flattenChildren.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/utils/helpers/flattenChildren.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,eAAe,aAAc,MAAM,SAAS,KAAG,MAAM,SAAS,EAS9C,CAAC"}

package/lib/src/core-components/src/utils/helpers/flattenChildren.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { isComponentType } from './isComponentType';
+// Source: https://github.com/grrowl/react-keyed-flatten-children/blob/master/index.ts
+export const flattenChildren = (children) => React.Children.toArray(children).reduce((acc, child) => {
+    if (isComponentType(child, React.Fragment)) {
+        return acc.concat(...flattenChildren(child.props.children));
+    }
+    else {
+        return acc.concat(child);
+    }
+}, []);

package/lib/src/core-components/src/utils/helpers/getChildByType.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const getChildByType: (children: React.ReactNode, componentType: React.ComponentType) => React.ReactNode;
+//# sourceMappingURL=getChildByType.d.ts.map

package/lib/src/core-components/src/utils/helpers/getChildByType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getChildByType.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/utils/helpers/getChildByType.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,cAAc,aACf,MAAM,SAAS,iBACV,MAAM,aAAa,KACjC,MAAM,SAGN,CAAC"}

package/lib/src/core-components/src/utils/helpers/getChildByType.js

@@ -0,0 +1,3 @@
+import React from 'react';
+import { isComponentType } from './isComponentType';
+export const getChildByType = (children, componentType) => React.Children.toArray(children).find((element) => isComponentType(element, componentType));

package/lib/src/core-components/src/utils/helpers/index.d.ts

@@ -0,0 +1,6 @@
+export * from './attachSubComponents';
+export * from './getChildByType';
+export * from './flattenChildren';
+export * from './isComponentType';
+export * from './separateChildrenByType';
+//# sourceMappingURL=index.d.ts.map

package/lib/src/core-components/src/utils/helpers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/utils/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC"}