@sitecore/sc-contenthub-blok 1.0.27 → 1.0.32

package/esm/Components/index.d.ts

@@ -0,0 +1,18 @@
+export * from "./BlokAlert/BlokAlert";
+export * from "./BlokBadge/BlokBadge";
+export * from "./BlokBreadcrumb/BlokBreadcrumb";
+export * from "./BlokBreadcrumb/BlokBreadcrumbItem";
+export * from "./BlokButton/BlokButton";
+export * from "./BlokButtonGroup/BlokButtonGroup";
+export * from "./BlokButtonSelect/BlokButtonSelect";
+export * from "./BlokIcon/BlokIcon";
+export * from "./BlokIcon/BlokIconContext";
+export * from "./BlokIconButton/BlokIconButton";
+export * from "./BlokImage/BlokImage";
+export * from "./BlokLabeledIcon/BlokLabeledIcon";
+export * from "./BlokLink/BlokLink";
+export * from "./BlokSearchBox/BlokSearchBox";
+export * from "./BlokSelect/BlokSelect";
+export * from "./BlokTag/BlokTag";
+export * from "./BlokTooltip/BlokTooltip";
+//# sourceMappingURL=index.d.ts.map

package/esm/Foundations/borderRadius.d.ts

@@ -0,0 +1,12 @@
+export declare const borderRadiusSm: string | number;
+export declare const borderRadiusBase: string | number;
+export declare const borderRadiusMd: string | number;
+export declare const borderRadiusLg: string | number;
+export declare const borderRadiusXl: string | number;
+export declare const borderRadius2xl: string | number;
+export declare const borderRadius3xl: string | number;
+export declare const borderRadiusFull: string | number;
+export declare const btnBorderRadius: string | number;
+export declare const baseBorderRadius: string | number;
+export declare const borderRadiusNone = 0;
+//# sourceMappingURL=borderRadius.d.ts.map

package/esm/Foundations/buttons.d.ts

@@ -0,0 +1,8 @@
+import { type ColorShade } from "./colors";
+export declare const btnFontWeight: "bold" | "normal" | number;
+export declare const btnFontFamily: string;
+export declare const btnTextTransform: "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "none" | "uppercase";
+export declare const buttonPadding = "0.375rem 0.75rem";
+export declare const getGhostButtonBackgroundColor: (color: string, isDarkTheme: boolean, darkShade: ColorShade, lightShade: ColorShade) => string;
+export declare const getSolidButtonBackgroundColor: (color: string, isDarkTheme: boolean, darkShade: ColorShade, lightShade: ColorShade) => string;
+//# sourceMappingURL=buttons.d.ts.map

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