@sitecore/sc-contenthub-blok 1.0.27 → 1.0.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/esm/BlokTheme.d.ts +5 -0
  2. package/esm/Components/BlokAlert/BlokAlert.d.ts +33 -0
  3. package/esm/Components/BlokBadge/BlokBadge.d.ts +23 -0
  4. package/esm/Components/BlokBreadcrumb/BlokBreadcrumb.d.ts +3 -0
  5. package/esm/Components/BlokBreadcrumb/BlokBreadcrumbItem.d.ts +13 -0
  6. package/esm/Components/BlokButton/BlokButton.d.ts +52 -0
  7. package/esm/Components/BlokButtonGroup/BlokButtonGroup.d.ts +9 -0
  8. package/esm/Components/BlokButtonSelect/BlokButtonSelect.d.ts +10 -0
  9. package/esm/Components/BlokIcon/BlokIcon.d.ts +20 -0
  10. package/esm/Components/BlokIcon/BlokIconContext.d.ts +13 -0
  11. package/esm/Components/BlokIcon/IconDownloadManager.d.ts +22 -0
  12. package/esm/Components/BlokIcon/iconNames.d.ts +2 -0
  13. package/esm/Components/BlokIcon/useSvgIcon.d.ts +21 -0
  14. package/esm/Components/BlokIconButton/BlokIconButton.d.ts +5 -0
  15. package/esm/Components/BlokImage/BlokImage.d.ts +16 -0
  16. package/esm/Components/BlokLabeledIcon/BlokLabeledIcon.d.ts +13 -0
  17. package/esm/Components/BlokLink/BlokLink.d.ts +14 -0
  18. package/esm/Components/BlokSearchBox/BlokSearchBox.d.ts +155 -0
  19. package/esm/Components/BlokSelect/BlokSelect.d.ts +116 -0
  20. package/esm/Components/BlokTag/BlokTag.d.ts +24 -0
  21. package/esm/Components/BlokTooltip/BlokTooltip.d.ts +9 -0
  22. package/esm/Components/CoreComponents.d.ts +8 -0
  23. package/esm/Components/index.d.ts +18 -0
  24. package/esm/Foundations/borderRadius.d.ts +12 -0
  25. package/esm/Foundations/buttons.d.ts +8 -0
  26. package/esm/Foundations/colors.d.ts +561 -0
  27. package/esm/Foundations/fontSizes.d.ts +22 -0
  28. package/esm/Foundations/fontWeights.d.ts +10 -0
  29. package/esm/Foundations/index.d.ts +11 -0
  30. package/esm/Foundations/semanticTokens.d.ts +71 -0
  31. package/esm/Foundations/shadows.d.ts +22 -0
  32. package/esm/Foundations/sizes.d.ts +51 -0
  33. package/esm/Foundations/spacing.d.ts +35 -0
  34. package/esm/Foundations/typography.d.ts +44 -0
  35. package/esm/Foundations/utils.d.ts +39 -0
  36. package/esm/SourceCode.d.ts +4 -0
  37. package/esm/customHooks/useIsMounted.d.ts +8 -0
  38. package/esm/index.d.ts +5 -0
  39. package/esm/useIsDarkTheme.d.ts +2 -0
  40. package/package.json +1 -1
@@ -0,0 +1,51 @@
1
+ export declare const sizes: {
2
+ icon: {
3
+ default: string;
4
+ "3xs": string;
5
+ "2xs": string;
6
+ xs: string;
7
+ sm: string;
8
+ md: string;
9
+ lg: string;
10
+ xl: string;
11
+ "2xl": string;
12
+ "3xl": string;
13
+ "4xl": string;
14
+ "5xl": string;
15
+ "6xl": string;
16
+ "7xl": string;
17
+ "8xl": string;
18
+ };
19
+ container: {
20
+ "2xl": string;
21
+ "3xl": string;
22
+ "4xl": string;
23
+ };
24
+ };
25
+ export declare const iconSizeExtraSmall = "16px";
26
+ export declare const iconSizeSmall = "20px";
27
+ export declare const iconSizeDefault = "22px";
28
+ export declare const iconSizeLarge = "48px";
29
+ export declare const gridImageHeight = 150;
30
+ export declare const modalFixedHeight = 600;
31
+ export declare const sidebarWidth = 378;
32
+ export declare const wideSidebarWidth = 560;
33
+ export declare const inputMaxWidth = 352;
34
+ export declare const numberEditorMaxWidth = 176;
35
+ export declare const multiLineEditorMaxWidth = 352;
36
+ export declare const multiLineEditorMinHeight = 80;
37
+ export declare const dateTimeMaxWidth = 210;
38
+ export declare const dateTimeOffsetMaxWidth = 208;
39
+ export declare const dateTimeOffsetTimeZoneMaxWidth = 134;
40
+ export declare const optionListMaxWidth = 352;
41
+ export declare const relationMaxWidth = 352;
42
+ export declare const searchGridItemSize: {
43
+ large: number;
44
+ default: number;
45
+ small: number;
46
+ };
47
+ export declare const searchTabsWidth = "280px";
48
+ export declare const navbarHeight = "3rem";
49
+ export declare const navbarPlusPageHeaderHeight = "6.4rem";
50
+ export declare const containerPadding = "1rem";
51
+ //# sourceMappingURL=sizes.d.ts.map
@@ -0,0 +1,35 @@
1
+ export declare const baseSpacing = 8;
2
+ export declare const space1 = "0.25rem";
3
+ export declare const space2 = "0.5rem";
4
+ export declare const space3 = "0.75rem";
5
+ export declare const space4 = "1rem";
6
+ export declare const space5 = "1.25rem";
7
+ export declare const space6 = "1.5rem";
8
+ export declare const space7 = "1.75rem";
9
+ export declare const space8 = "2rem";
10
+ export declare const space9 = "2.25rem";
11
+ export declare const space10 = "2.5rem";
12
+ export declare const space12 = "3rem";
13
+ export declare const space14 = "3.5rem";
14
+ export declare const space16 = "4rem";
15
+ export declare const space20 = "5rem";
16
+ export declare const space24 = "6rem";
17
+ export declare const space28 = "7rem";
18
+ export declare const space32 = "8rem";
19
+ export declare const space36 = "9rem";
20
+ export declare const space40 = "10rem";
21
+ export declare const space44 = "11rem";
22
+ export declare const space48 = "12rem";
23
+ export declare const space52 = "13rem";
24
+ export declare const space56 = "14rem";
25
+ export declare const space60 = "15rem";
26
+ export declare const space64 = "16rem";
27
+ export declare const space72 = "18rem";
28
+ export declare const space80 = "20rem";
29
+ export declare const space96 = "24rem";
30
+ export declare const spacepx = "1px";
31
+ export declare const space05 = "0.125rem";
32
+ export declare const space15 = "0.375rem";
33
+ export declare const space25 = "0.625rem";
34
+ export declare const space35 = "0.875rem";
35
+ //# sourceMappingURL=spacing.d.ts.map
@@ -0,0 +1,44 @@
1
+ export declare const fontFamilyH1: string;
2
+ export declare const fontWeightH1: string | number;
3
+ export declare const fontStyleH1: string;
4
+ export declare const textCaseH1: string;
5
+ export declare const fontColorH1: string;
6
+ export declare const fontSizeH1: string;
7
+ export declare const fontFamilyH2: string;
8
+ export declare const fontWeightH2: string | number;
9
+ export declare const fontStyleH2: string;
10
+ export declare const textCaseH2: string;
11
+ export declare const fontColorH2: string;
12
+ export declare const fontSizeH2: string;
13
+ export declare const fontFamilyH3: string;
14
+ export declare const fontWeightH3: string | number;
15
+ export declare const fontStyleH3: string;
16
+ export declare const textCaseH3: string;
17
+ export declare const fontColorH3: string;
18
+ export declare const fontSizeH3: string;
19
+ export declare const fontFamilyH4: string;
20
+ export declare const fontWeightH4: string | number;
21
+ export declare const fontStyleH4: string;
22
+ export declare const textCaseH4: string;
23
+ export declare const fontColorH4: string;
24
+ export declare const fontSizeH4: string;
25
+ export declare const fontFamilyH5: string;
26
+ export declare const fontWeightH5: string | number;
27
+ export declare const fontStyleH5: string;
28
+ export declare const textCaseH5: string;
29
+ export declare const fontColorH5: string;
30
+ export declare const fontSizeH5: string;
31
+ export declare const fontFamilyBase: string;
32
+ export declare const fontFamilyMono = "SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace";
33
+ export declare const pageHeaderBg: string;
34
+ export declare const pageHeaderColor: string;
35
+ export declare const pageHeaderFont: string;
36
+ export declare const pageHeaderFontWeight: string | number;
37
+ export declare const pageHeaderTextTransform: string;
38
+ export declare const pageHeaderDarkMode: boolean;
39
+ export declare const pageHeaderHeight = "3.45rem";
40
+ export declare const pageHeaderFontSize: string;
41
+ export declare const navbarFontFamily: string;
42
+ export declare const navbarFontWeight: string | number;
43
+ export declare const navbarTextTransform: string;
44
+ //# sourceMappingURL=typography.d.ts.map
@@ -0,0 +1,39 @@
1
+ import { ColorName } from "./colors";
2
+ export declare const documentStyle: CSSStyleDeclaration;
3
+ export declare const normalizeColor: (color: string) => string;
4
+ export declare const getStyle: (className: string) => string;
5
+ export declare const normalizeFontNames: (fonts: string | null) => string;
6
+ export declare const transparentize: (color: string, amount: number) => string;
7
+ export declare const capitalizeString: (str: string) => string;
8
+ export declare const isFunction: (f: unknown) => f is (...args: never[]) => never;
9
+ export declare const copyToClipboard: (text: string) => Promise<void>;
10
+ export declare const EMPTY_IMMUTABLE_ARRAY: readonly [];
11
+ /**
12
+ * Helper function returning an empty immutable array.
13
+ * This can for example be used as a default value for array props when so desired.
14
+ * Note: Errors will be thrown at runtime when code tries to modify the returned array.
15
+ * @returns An empty immutable array
16
+ */
17
+ export declare const getEmptyImmutableArray: <T = ReadonlyArray<unknown>>() => NonNullable<T>;
18
+ export declare const EMPTY_IMMUTABLE_OBJECT: Readonly<{}>;
19
+ /**
20
+ * Helper function returning an empty immutable object.
21
+ * This can for example be used as a default value for object props when so desired.
22
+ * Note: Errors will be thrown at runtime when code tries to modify the returned object.
23
+ * @returns An empty immutable array
24
+ */
25
+ export declare const getEmptyImmutableObject: <T = Readonly<unknown>>() => NonNullable<T>;
26
+ export type Nullable<T> = T | null;
27
+ export type Optional<T> = T | undefined;
28
+ export interface LabelValuePair<T> {
29
+ value: T;
30
+ label: string;
31
+ }
32
+ export interface KeyValuePair<T, K> {
33
+ key: T;
34
+ value: K;
35
+ }
36
+ export declare const isValidColorName: (color?: string) => color is ColorName;
37
+ export declare const isLTR: boolean;
38
+ export declare const isRTL: boolean;
39
+ //# sourceMappingURL=utils.d.ts.map
@@ -0,0 +1,4 @@
1
+ import { Source } from "@storybook/addon-docs";
2
+ declare const SourceCode: typeof Source;
3
+ export default SourceCode;
4
+ //# sourceMappingURL=SourceCode.d.ts.map
@@ -0,0 +1,8 @@
1
+ import { RefObject } from "react";
2
+ /**
3
+ * Returns a RefObject to check if the component is mounted.
4
+ * @returns An object with readonly current property to check the mounted state.
5
+ */
6
+ declare const useIsMounted: () => RefObject<boolean>;
7
+ export default useIsMounted;
8
+ //# sourceMappingURL=useIsMounted.d.ts.map
package/esm/index.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ export { BlokThemeDark, BlokThemeLight } from "./BlokTheme";
2
+ export * from "./Components";
3
+ export * from "./Components/CoreComponents";
4
+ export * from "./Foundations";
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,2 @@
1
+ export declare const useIsDarkTheme: () => boolean;
2
+ //# sourceMappingURL=useIsDarkTheme.d.ts.map
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sitecore/sc-contenthub-blok",
3
3
  "private": false,
4
- "version": "1.0.27",
4
+ "version": "1.0.28",
5
5
  "type": "module",
6
6
  "sideEffects": false,
7
7
  "main": "esm/index.js",