@sitecore/sc-contenthub-blok 1.0.27 → 1.0.28

package/esm/Foundations/colors.d.ts

@@ -0,0 +1,561 @@
+export type ColorShade = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
+export type ColorValue = {
+    [key in ColorShade]: string;
+};
+export type ColorName = "red" | "pink" | "purple" | "blue" | "cyan" | "teal" | "green" | "yellow" | "orange" | "gray" | "theme-color" | "gen-ai" | "ai" | "danger" | "success" | "warning" | "info" | "neutral" | "primary";
+export declare const mainColor: string;
+export declare const themePrimary: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const primary: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const themePrimaryAlpha: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const whiteAlpha: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const blackAlpha: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const gray: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const red: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const orange: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const yellow: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const green: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const teal: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const redAlpha: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const cyan: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const blue: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const purple: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const pink: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const black: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const white: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const aiGradientColor1: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const aiGradientColor2: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const genAiGradient: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const genAiGradientHorizontal: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const aiGradient: {
+    normal: string;
+    hover: string;
+    active: string;
+};
+export declare const danger: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const warning: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const success: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const info: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const neutral: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const lightGreen: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const lime: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const deepPurple: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const indigo: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const lightBlue: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const amber: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const deepOrange: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const brown: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const blueGrey: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const colorMap: Record<string, ColorValue>;
+export declare const colorWhite = "#ffffff";
+export declare const colorBlack = "#000000";
+export declare const colorRed: string;
+export declare const colorGreen: string;
+export declare const colorOrange: string;
+export declare const colorBlue: string;
+export declare const colorPink: string;
+export declare const colorPurple: string;
+export declare const colorDeepPurple: string;
+export declare const colorIndigo: string;
+export declare const colorLightBlue: string;
+export declare const colorCyan: string;
+export declare const colorTeal: string;
+export declare const colorLightGreen: string;
+export declare const colorLime: string;
+export declare const colorYellow: string;
+export declare const colorAmber: string;
+export declare const colorDeepOrange: string;
+export declare const colorBrown: string;
+export declare const colorBlueGray: string;
+export declare const colorRoyalBlue = "#4169e1";
+export declare const colorMainColor: string;
+export declare const defaultButtonColor: string;
+export declare const defaultButtonDarkColor: string;
+export declare const defaultButtonBackgroundColor = "transparent";
+export declare const defaultButtonDarkBackgroundColor = "transparent";
+export declare const defaultButtonHoverColor: string;
+export declare const defaultButtonDarkHoverColor: string;
+export declare const defaultButtonHoverBackgroundColor: string;
+export declare const defaultButtonDarkHoverBackgroundColor: string;
+export declare const defaultButtonFocusColor: string;
+export declare const defaultButtonDarkFocusColor: string;
+export declare const defaultButtonFocusBackgroundColor = "transparent";
+export declare const defaultButtonDarkFocusBackgroundColor = "transparent";
+export declare const defaultButtonActiveColor: string;
+export declare const defaultButtonDarkActiveColor: string;
+export declare const defaultButtonActiveBackgroundColor: string;
+export declare const defaultButtonDarkActiveBackgroundColor: string;
+export declare const secondaryButtonColor: string;
+export declare const secondaryButtonDarkColor: string;
+export declare const secondaryButtonBackgroundColor = "transparent";
+export declare const secondaryButtonDarkBackgroundColor = "transparent";
+export declare const secondaryButtonBorderColor: string;
+export declare const secondaryButtonDarkBorderColor: string;
+export declare const secondaryButtonHoverColor: string;
+export declare const secondaryButtonDarkHoverColor: string;
+export declare const secondaryButtonHoverBackgroundColor: string;
+export declare const secondaryButtonDarkHoverBackgroundColor: string;
+export declare const secondaryButtonHoverBorderColor: string;
+export declare const secondaryButtonHoverDarkBorderColor: string;
+export declare const secondaryButtonFocusColor: string;
+export declare const secondaryButtonDarkFocusColor: string;
+export declare const secondaryButtonFocusBackgroundColor = "transparent";
+export declare const secondaryButtonDarkFocusBackgroundColor = "transparent";
+export declare const secondaryButtonFocusBorderColor: string;
+export declare const secondaryButtonFocusDarkBorderColor: string;
+export declare const secondaryButtonActiveColor: string;
+export declare const secondaryButtonDarkActiveColor: string;
+export declare const secondaryButtonActiveBackgroundColor: string;
+export declare const secondaryButtonDarkActiveBackgroundColor: string;
+export declare const secondaryButtonActiveBorderColor: string;
+export declare const secondaryButtonActiveDarkBorderColor: string;
+export declare const linkButtonColor: string;
+export declare const linkButtonDarkColor = "white";
+export declare const linkButtonBackgroundColor = "transparent";
+export declare const linkButtonDarkBackgroundColor = "transparent";
+export declare const linkButtonHoverColor: string;
+export declare const linkButtonDarkHoverColor = "white";
+export declare const linkButtonHoverBackgroundColor: string;
+export declare const linkButtonDarkHoverBackgroundColor: string;
+export declare const linkButtonFocusColor: string;
+export declare const linkButtonDarkFocusColor = "white";
+export declare const linkButtonFocusBackgroundColor = "transparent";
+export declare const linkButtonDarkFocusBackgroundColor = "transparent";
+export declare const linkButtonActiveColor: string;
+export declare const linkButtonDarkActiveColor = "white";
+export declare const linkButtonActiveBackgroundColor: string;
+export declare const linkButtonDarkActiveBackgroundColor: string;
+export declare const primaryButtonColor: string;
+export declare const primaryButtonBackgroundColor: string;
+export declare const primaryButtonBg: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+export declare const navbarBg: string;
+export declare const navbarLinkColor: string;
+export declare const navbarLinkHoverColor: string;
+export declare const navbarLinkHoverBg: string;
+export declare const navbarLinkActiveColor: string;
+export declare const navbarLinkActiveBg: string;
+export declare const iconColorLight: string;
+export declare const textColorDefault: string;
+export declare const textColorLight: string;
+export declare const textColorLightOnDark: string;
+export declare const textColorDisabled: string;
+export declare const textColorDisabledOnDark: string;
+export declare const borderColorDark: string;
+export declare const borderColorDarkAbs: string;
+export declare const inputBackgroundColor = "white";
+export declare const borderColorA11y: string;
+export declare const inputBorderColor: string;
+export declare const inputBorderHoveColor: string;
+export declare const bodyBackgroundColor: string;
+export declare const imageWrapperBg: string;
+export declare const searchItemSelected: string;
+export declare const searchItemIsSelecting: string;
+export declare const colorByName: (colorName: string, colorShade?: ColorShade) => string;
+export declare const backgroundColorByName: (colorName: string, colorShade?: ColorShade) => string;
+//# sourceMappingURL=colors.d.ts.map

package/esm/Foundations/fontSizes.d.ts

@@ -0,0 +1,22 @@
+interface FontSizes {
+    "3xs": string;
+    "2xs": string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+    "3xl": string;
+    "4xl": string;
+    "5xl": string;
+    "6xl": string;
+    "7xl": string;
+    "8xl": string;
+    "9xl": string;
+}
+export declare const fontSizes: FontSizes;
+export declare const fontSizeSmall: string;
+export declare const fontSizeBase: string;
+export {};
+//# sourceMappingURL=fontSizes.d.ts.map

package/esm/Foundations/fontWeights.d.ts

@@ -0,0 +1,10 @@
+export interface FontWeights {
+    normal: number;
+    medium: number;
+    semibold: number;
+}
+export declare const fontWeights: FontWeights;
+export declare const fontWeightNormal: number;
+export declare const fontWeightMedium: number;
+export declare const fontWeightBold: number;
+//# sourceMappingURL=fontWeights.d.ts.map

package/esm/Foundations/index.d.ts

@@ -0,0 +1,11 @@
+export * from "./borderRadius";
+export * from "./buttons";
+export * from "./colors";
+export * from "./fontSizes";
+export * from "./fontWeights";
+export * from "./semanticTokens";
+export * from "./shadows";
+export * from "./sizes";
+export * from "./spacing";
+export * from "./typography";
+//# sourceMappingURL=index.d.ts.map

package/esm/Foundations/semanticTokens.d.ts

@@ -0,0 +1,71 @@
+interface SemanticToken {
+    dark: string;
+    default: string;
+}
+interface SemanticTokens {
+    bodyBg: SemanticToken;
+    subtleBg: SemanticToken;
+    bodyText: SemanticToken;
+    subtleText: SemanticToken;
+    placeholderColor: SemanticToken;
+    inverseText: SemanticToken;
+    borderColor: SemanticToken;
+    borderColorA11y: SemanticToken;
+    primaryFg: SemanticToken;
+    dangerFg: SemanticToken;
+    warningFg: SemanticToken;
+    successFg: SemanticToken;
+    infoFg: SemanticToken;
+    neutralFg: SemanticToken;
+    primaryBg: SemanticToken;
+    dangerBg: SemanticToken;
+    warningBg: SemanticToken;
+    successBg: SemanticToken;
+    infoBg: SemanticToken;
+    neutralBg: SemanticToken;
+    primaryBgActive: SemanticToken;
+    dangerBgActive: SemanticToken;
+    warningBgActive: SemanticToken;
+    successBgActive: SemanticToken;
+    infoBgActive: SemanticToken;
+    neutralBgActive: SemanticToken;
+    primary: SemanticToken;
+    danger: SemanticToken;
+    success: SemanticToken;
+    warning: SemanticToken;
+    info: SemanticToken;
+    neutral: SemanticToken;
+    gray: SemanticToken;
+    red: SemanticToken;
+    orange: SemanticToken;
+    yellow: SemanticToken;
+    green: SemanticToken;
+    teal: SemanticToken;
+    cyan: SemanticToken;
+    blue: SemanticToken;
+    purple: SemanticToken;
+    pink: SemanticToken;
+    neutral50: SemanticToken;
+    neutral100: SemanticToken;
+    neutral200: SemanticToken;
+    neutral300: SemanticToken;
+    neutral400: SemanticToken;
+    neutral500: SemanticToken;
+    neutral600: SemanticToken;
+    neutral700: SemanticToken;
+    neutral800: SemanticToken;
+    neutral900: SemanticToken;
+    neutralColor50: SemanticToken;
+    neutralColor100: SemanticToken;
+    neutralColor200: SemanticToken;
+    neutralColor300: SemanticToken;
+    neutralColor400: SemanticToken;
+    neutralColor500: SemanticToken;
+    neutralColor600: SemanticToken;
+    neutralColor700: SemanticToken;
+    neutralColor800: SemanticToken;
+    neutralColor900: SemanticToken;
+}
+export declare const semanticTokens: SemanticTokens;
+export {};
+//# sourceMappingURL=semanticTokens.d.ts.map

package/esm/Foundations/shadows.d.ts

@@ -0,0 +1,22 @@
+export declare const stroke: string;
+export declare const strokeLight: string;
+export declare const strokeDark: string;
+export declare const focusColor: string;
+export declare const shadowXs = "0 0 0 1px rgba(0, 0, 0, 0.05)";
+export declare const shadowSm = "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
+export declare const shadowBase = "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)";
+export declare const shadowMd = "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)";
+export declare const shadowLg = "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)";
+export declare const shadowXl = "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)";
+export declare const shadow2Xl = "0 25px 50px -12px rgba(0, 0, 0, 0.25)";
+export declare const shadowDarkLg = "rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 5px 10px, rgba(0, 0, 0, 0.4) 0px 15px 40px";
+export declare const shadowOutline = "0 0 0 3px rgba(74, 101, 232, 0.6)";
+export declare const shadowInner = "inset 0 2px 4px 0 rgba(0,0,0,0.06)";
+export declare const coloredShadowInner = "inset 0 2px 4px 0 rgba(74, 101, 232, 0.6)";
+export declare const tabFocusShadow = "inset 0 0 0 2px rgba(74, 101, 232, 0.6)";
+export declare const searchItemShadow = "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
+export declare const searchItemHoverShadow = "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)";
+export declare const searchItemSelectedShadow: string;
+export declare const searchItemSelectedHoverShadow: string;
+export declare const searchItemActiveShadow: string;
+//# sourceMappingURL=shadows.d.ts.map