@universityofmaryland/web-elements-library 1.3.0 → 1.3.2

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 (60) hide show
  1. package/README.md +1 -1
  2. package/dist/atomic/text-lockup/large.d.ts +1 -1
  3. package/dist/atomic/text-lockup/large.d.ts.map +1 -1
  4. package/dist/atomic/text-lockup/medium.d.ts +1 -1
  5. package/dist/atomic/text-lockup/medium.d.ts.map +1 -1
  6. package/dist/atomic/text-lockup/small.d.ts.map +1 -1
  7. package/dist/composite/__tests__/card/block.test.d.ts.map +1 -1
  8. package/dist/composite/__tests__/card/list.test.d.ts.map +1 -1
  9. package/dist/composite/__tests__/card/overlay.test.d.ts.map +1 -1
  10. package/dist/composite/__tests__/hero/custom/expand.test.d.ts.map +1 -1
  11. package/dist/composite/__tests__/hero/custom/grid.test.d.ts.map +1 -1
  12. package/dist/composite/__tests__/hero/custom/video-arrow.test.d.ts.map +1 -1
  13. package/dist/composite/__tests__/hero/logo.test.d.ts.map +1 -1
  14. package/dist/composite/__tests__/hero/minimal.test.d.ts.map +1 -1
  15. package/dist/composite/__tests__/hero/overlay.test.d.ts.map +1 -1
  16. package/dist/composite/__tests__/hero/stacked.test.d.ts.map +1 -1
  17. package/dist/composite/__tests__/hero/standard.test.d.ts.map +1 -1
  18. package/dist/composite/card/_types.d.ts +1 -1
  19. package/dist/composite/card/_types.d.ts.map +1 -1
  20. package/dist/composite/hero/_types.d.ts +1 -1
  21. package/dist/composite/hero/_types.d.ts.map +1 -1
  22. package/dist/composite/hero/custom/expand.d.ts +1 -1
  23. package/dist/composite/hero/custom/expand.d.ts.map +1 -1
  24. package/dist/composite/hero/custom/grid.d.ts +1 -1
  25. package/dist/composite/hero/custom/grid.d.ts.map +1 -1
  26. package/dist/composite/hero/custom/video-arrow.d.ts.map +1 -1
  27. package/dist/composite/hero/minimal.d.ts.map +1 -1
  28. package/dist/composite/hero/overlay.d.ts.map +1 -1
  29. package/dist/composite/hero/stacked.d.ts.map +1 -1
  30. package/dist/composite/hero/standard.d.ts.map +1 -1
  31. package/dist/index.js +1 -1
  32. package/package.json +1 -1
  33. package/dist/composite/hero/_constants.d.ts +0 -66
  34. package/dist/composite/hero/_constants.d.ts.map +0 -1
  35. package/dist/composite/hero/_utils.d.ts +0 -73
  36. package/dist/composite/hero/_utils.d.ts.map +0 -1
  37. package/dist/composite/hero/brand/index.d.ts +0 -2
  38. package/dist/composite/hero/brand/index.d.ts.map +0 -1
  39. package/dist/composite/hero/brand/video.d.ts +0 -22
  40. package/dist/composite/hero/brand/video.d.ts.map +0 -1
  41. package/dist/composite/hero/custom/video.d.ts +0 -22
  42. package/dist/composite/hero/custom/video.d.ts.map +0 -1
  43. package/dist/composite/hero/expand.d.ts +0 -24
  44. package/dist/composite/hero/expand.d.ts.map +0 -1
  45. package/dist/composite/hero/grid.d.ts +0 -26
  46. package/dist/composite/hero/grid.d.ts.map +0 -1
  47. package/dist/composite/hero/types.d.ts +0 -90
  48. package/dist/composite/hero/types.d.ts.map +0 -1
  49. package/dist/model/test-composite.d.ts +0 -7
  50. package/dist/model/test-composite.d.ts.map +0 -1
  51. package/dist/utilities/styles/animations.d.ts +0 -9
  52. package/dist/utilities/styles/animations.d.ts.map +0 -1
  53. package/dist/utilities/styles/assets.d.ts +0 -6
  54. package/dist/utilities/styles/assets.d.ts.map +0 -1
  55. package/dist/utilities/styles/index.d.ts +0 -11
  56. package/dist/utilities/styles/index.d.ts.map +0 -1
  57. package/dist/utilities/styles/media.d.ts +0 -6
  58. package/dist/utilities/styles/media.d.ts.map +0 -1
  59. package/dist/utilities/theme/styles.d.ts +0 -8
  60. package/dist/utilities/theme/styles.d.ts.map +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@universityofmaryland/web-elements-library",
3
- "version": "1.3.0",
3
+ "version": "1.3.2",
4
4
  "description": "UMD Web Elements",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",
@@ -1,66 +0,0 @@
1
- export declare const HERO_CLASSES: {
2
- readonly standard: "umd-hero-default";
3
- readonly overlay: "umd-hero-overlay";
4
- readonly stacked: "umd-hero-stacked";
5
- readonly minimal: "umd-hero-minimal";
6
- readonly logo: "umd-hero-logo";
7
- readonly grid: "umd-hero-grid";
8
- readonly expand: "umd-hero-expand";
9
- readonly asset: (variant: string) => string;
10
- readonly text: (variant: string) => string;
11
- readonly container: (variant: string) => string;
12
- readonly wrapper: (variant: string) => string;
13
- readonly content: (variant: string) => string;
14
- };
15
- export declare const HERO_SIZES: {
16
- readonly minHeight: {
17
- readonly small: "400px";
18
- readonly medium: "480px";
19
- readonly large: "640px";
20
- readonly extraLarge: "720px";
21
- };
22
- readonly maxWidth: {
23
- readonly text: {
24
- readonly small: "700px";
25
- readonly medium: "736px";
26
- readonly large: "808px";
27
- readonly extraLarge: "928px";
28
- };
29
- readonly headline: {
30
- readonly medium: "700px";
31
- readonly large: "816px";
32
- };
33
- };
34
- readonly aspectRatio: {
35
- readonly standard: "16 / 9";
36
- readonly stacked: "5 / 4";
37
- };
38
- };
39
- export declare const HERO_ANIMATION_DURATIONS: {
40
- readonly fast: "0.5s";
41
- readonly normal: "1s";
42
- readonly slow: "1.5s";
43
- readonly extraSlow: "2s";
44
- };
45
- export declare const HERO_ANIMATION_DELAYS: {
46
- readonly none: "0ms";
47
- readonly short: "300ms";
48
- readonly medium: "600ms";
49
- readonly long: "1000ms";
50
- readonly extraLong: "1500ms";
51
- };
52
- export declare const HERO_FONT_SIZES: {
53
- readonly headline: {
54
- readonly small: "48px";
55
- readonly medium: "64px";
56
- readonly large: "80px";
57
- readonly extraLarge: "96px";
58
- };
59
- };
60
- export declare const HERO_Z_INDEX: {
61
- readonly background: 1;
62
- readonly asset: 10;
63
- readonly overlay: 99;
64
- readonly text: 999;
65
- };
66
- //# sourceMappingURL=_constants.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"_constants.d.ts","sourceRoot":"","sources":["../../../source/composite/hero/_constants.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY;;;;;;;;8BAWN,MAAM;6BACP,MAAM;kCACD,MAAM;gCACR,MAAM;gCACN,MAAM;CACjB,CAAC;AAIX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;CA4Bb,CAAC;AAIX,eAAO,MAAM,wBAAwB;;;;;CAK3B,CAAC;AAIX,eAAO,MAAM,qBAAqB;;;;;;CAMxB,CAAC;AAIX,eAAO,MAAM,eAAe;;;;;;;CAOlB,CAAC;AAIX,eAAO,MAAM,YAAY;;;;;CAKf,CAAC"}
@@ -1,73 +0,0 @@
1
- import { ContentElement } from '../../_types';
2
- import { HeroThemeProps } from './_types';
3
- export declare const HERO_ANIMATIONS: {
4
- readonly slideUp: "\n @keyframes hero-slide-up {\n from {\n transform: translateY(25px);\n opacity: .2;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n }\n ";
5
- readonly scaleDown: "\n @keyframes hero-scale-down {\n from {\n transform: scale(1.1);\n }\n to {\n transform: scale(1);\n }\n }\n ";
6
- readonly fadeIn: "\n @keyframes hero-fade-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n ";
7
- readonly fadeOver: "\n @keyframes hero-fade-over {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n ";
8
- };
9
- export interface CreateHeadlineOptions {
10
- headline: ContentElement;
11
- variant?: 'extraLarge' | 'large' | 'medium';
12
- isThemeDark?: boolean;
13
- isThemeMaryland?: boolean;
14
- characterThreshold?: number;
15
- overrideFontSize?: string;
16
- textTransform?: 'uppercase' | 'none';
17
- includesAnimation?: boolean;
18
- animationConfig?: {
19
- animation: string;
20
- timeline?: string;
21
- rangeStart?: string;
22
- rangeEnd?: string;
23
- };
24
- }
25
- export declare const createHeroHeadline: ({ headline, variant, isThemeDark, isThemeMaryland, characterThreshold, overrideFontSize, textTransform, includesAnimation, animationConfig, }: CreateHeadlineOptions) => any;
26
- export declare const getHeroBackgroundColor: (props: HeroThemeProps) => string;
27
- export interface AnimationStyleOptions {
28
- includesAnimation?: boolean;
29
- animationName: string;
30
- duration?: string;
31
- delay?: string;
32
- mediaQuery?: string;
33
- prefersReducedMotion?: boolean;
34
- }
35
- export declare const createAnimationStyles: ({ includesAnimation, animationName, duration, delay, mediaQuery, prefersReducedMotion, }: AnimationStyleOptions) => {
36
- [x: string]: {
37
- "@media (prefers-reduced-motion: no-preference)": {
38
- animationDelay?: string | undefined;
39
- animation: string;
40
- };
41
- };
42
- } | {
43
- [x: string]: {
44
- animationDelay?: string | undefined;
45
- animation: string;
46
- };
47
- };
48
- export interface ContainerStyleOptions {
49
- minHeight?: string;
50
- padding?: string;
51
- backgroundColor?: string;
52
- additionalStyles?: Record<string, any>;
53
- }
54
- export declare const createHeroContainerStyles: ({ minHeight, padding, backgroundColor, additionalStyles, }: ContainerStyleOptions) => {
55
- padding?: string | undefined;
56
- backgroundColor?: string | undefined;
57
- position: string;
58
- overflow: string;
59
- };
60
- export interface TextContainerOptions {
61
- isTextCenter?: boolean;
62
- maxWidth?: string;
63
- hasAsset?: boolean;
64
- additionalStyles?: Record<string, any>;
65
- }
66
- export declare const createTextContainerStyles: ({ isTextCenter, maxWidth, hasAsset, additionalStyles, }: TextContainerOptions) => {
67
- textAlign?: string | undefined;
68
- justifyContent?: string | undefined;
69
- marginLeft?: string | undefined;
70
- marginRight?: string | undefined;
71
- padding: string;
72
- };
73
- //# sourceMappingURL=_utils.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"_utils.d.ts","sourceRoot":"","sources":["../../../source/composite/hero/_utils.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAA4B,cAAc,EAAE,MAAM,UAAU,CAAC;AAIpE,eAAO,MAAM,eAAe;;;;;CAuClB,CAAC;AAIX,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,cAAc,CAAC;IACzB,OAAO,CAAC,EAAE,YAAY,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACrC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAKD,eAAO,MAAM,kBAAkB,kJAU5B,qBAAqB,QAmCvB,CAAC;AAOF,eAAO,MAAM,sBAAsB,UAAW,cAAc,KAAG,MAO9D,CAAC;AAIF,MAAM,WAAW,qBAAqB;IACpC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAKD,eAAO,MAAM,qBAAqB,6FAO/B,qBAAqB;;;;;;;;;;;;CAmBvB,CAAC;AAIF,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACxC;AAKD,eAAO,MAAM,yBAAyB,+DAKnC,qBAAqB;;;;;CAavB,CAAC;AAIF,MAAM,WAAW,oBAAoB;IACnC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACxC;AAKD,eAAO,MAAM,yBAAyB,4DAKnC,oBAAoB;;;;;;CAkBtB,CAAC"}
@@ -1,2 +0,0 @@
1
- export { default as video } from './video';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../source/composite/hero/brand/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC"}
@@ -1,22 +0,0 @@
1
- interface AnimationProps {
2
- isAnimationOnLoad?: boolean;
3
- }
4
- interface VideoProps extends AnimationProps {
5
- video: HTMLVideoElement;
6
- }
7
- interface TextProps extends VideoProps {
8
- headline?: HTMLElement | null;
9
- text?: HTMLElement | null;
10
- }
11
- interface HeroBrandVideoProps extends TextProps {
12
- }
13
- declare const _default: (props: HeroBrandVideoProps) => {
14
- events: {
15
- load: () => void;
16
- };
17
- element: HTMLElement;
18
- className: string;
19
- styles: string;
20
- };
21
- export default _default;
22
- //# sourceMappingURL=video.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../../../source/composite/hero/brand/video.ts"],"names":[],"mappings":"AAKA,UAAU,cAAc;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,UAAU,UAAW,SAAQ,cAAc;IACzC,KAAK,EAAE,gBAAgB,CAAC;CACzB;AAED,UAAU,SAAU,SAAQ,UAAU;IACpC,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC3B;AAED,UAAU,mBAAoB,SAAQ,SAAS;CAAG;gCAoJ3B,mBAAmB;;;;;;;;AAA1C,wBA0FO"}
@@ -1,22 +0,0 @@
1
- interface AnimationProps {
2
- isAnimationOnLoad?: boolean;
3
- }
4
- interface VideoProps extends AnimationProps {
5
- video: HTMLVideoElement;
6
- }
7
- interface TextProps extends VideoProps {
8
- headline?: HTMLElement | null;
9
- text?: HTMLElement | null;
10
- }
11
- interface HeroBrandVideoProps extends TextProps {
12
- }
13
- declare const _default: (props: HeroBrandVideoProps) => {
14
- events: {
15
- load: () => void;
16
- };
17
- element: HTMLElement;
18
- className: string;
19
- styles: string;
20
- };
21
- export default _default;
22
- //# sourceMappingURL=video.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../../../source/composite/hero/custom/video.ts"],"names":[],"mappings":"AAKA,UAAU,cAAc;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,UAAU,UAAW,SAAQ,cAAc;IACzC,KAAK,EAAE,gBAAgB,CAAC;CACzB;AAED,UAAU,SAAU,SAAQ,UAAU;IACpC,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC3B;AAED,UAAU,mBAAoB,SAAQ,SAAS;CAAG;gCAoJ3B,mBAAmB;;;;;;;;AAA1C,wBA0FO"}
@@ -1,24 +0,0 @@
1
- interface ContentProps {
2
- eyebrow?: HTMLElement | null;
3
- headline?: HTMLElement | null;
4
- actions?: HTMLElement | null;
5
- additional?: HTMLSlotElement | null;
6
- }
7
- interface AssetProps {
8
- image?: HTMLImageElement;
9
- video?: HTMLVideoElement;
10
- }
11
- interface HeroExpandProps extends ContentProps, AssetProps {
12
- }
13
- declare const _default: (props: HeroExpandProps) => {
14
- events: {
15
- setTopPosition: ({ value }: {
16
- value: string | null;
17
- }) => void;
18
- };
19
- element: HTMLElement;
20
- className: string;
21
- styles: string;
22
- };
23
- export default _default;
24
- //# sourceMappingURL=expand.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"expand.d.ts","sourceRoot":"","sources":["../../../source/composite/hero/expand.ts"],"names":[],"mappings":"AAGA,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;CACrC;AAED,UAAU,UAAU;IAClB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B;AAED,UAAU,eAAgB,SAAQ,YAAY,EAAE,UAAU;CAAG;gCA0TtC,eAAe;;oCA+BC;YAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;SAAE;;;;;;AA/B/D,wBAgDO"}
@@ -1,26 +0,0 @@
1
- interface HeadlineProps {
2
- headline?: HTMLElement | null;
3
- }
4
- interface TextProps extends HeadlineProps {
5
- text?: HTMLElement | null;
6
- actions?: HTMLElement | null;
7
- }
8
- interface CornerProps {
9
- images: Array<HTMLImageElement>;
10
- isCornerLeft: boolean;
11
- }
12
- interface CenterProps {
13
- images: Array<HTMLImageElement>;
14
- video?: HTMLVideoElement | null;
15
- }
16
- interface HeroGridProps extends TextProps {
17
- corners: Array<CornerProps>;
18
- center: CenterProps;
19
- }
20
- declare const _default: (props: HeroGridProps) => {
21
- element: HTMLElement;
22
- className: string;
23
- styles: string;
24
- };
25
- export default _default;
26
- //# sourceMappingURL=grid.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../source/composite/hero/grid.ts"],"names":[],"mappings":"AAIA,UAAU,aAAa;IACrB,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC/B;AAED,UAAU,SAAU,SAAQ,aAAa;IACvC,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC9B;AAED,UAAU,WAAW;IACnB,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAChC,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,UAAU,WAAW;IACnB,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAChC,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;CACjC;AAED,UAAU,aAAc,SAAQ,SAAS;IACvC,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC5B,MAAM,EAAE,WAAW,CAAC;CACrB;gCAyQsB,aAAa;;;;;AAApC,wBAoGE"}
@@ -1,90 +0,0 @@
1
- import type { ContentElement, ImageElement, VideoElement, LinkElement } from '../../_types';
2
- export type HeroTheme = 'dark' | 'light' | 'gold' | 'maryland';
3
- export type HeroTextAlign = 'left' | 'center' | 'right';
4
- export type HeroHeight = 'small' | 'full' | 'default';
5
- export type HeroAnimation = {
6
- enabled: boolean;
7
- type?: 'slide-up' | 'scale' | 'fade';
8
- duration?: number;
9
- };
10
- export type HeroMediaAsset = {
11
- type: 'image';
12
- element: ImageElement | LinkElement;
13
- aspectRatio?: 'standard' | 'wide';
14
- scale?: boolean;
15
- } | {
16
- type: 'video';
17
- element: VideoElement;
18
- aspectRatio?: 'standard' | 'wide';
19
- };
20
- export interface HeroMinimalProps {
21
- headline: ContentElement;
22
- eyebrow?: ContentElement;
23
- theme?: HeroTheme;
24
- animation?: boolean;
25
- }
26
- export interface HeroStandardProps {
27
- media?: HeroMediaAsset;
28
- headline?: ContentElement;
29
- text?: ContentElement;
30
- actions?: ContentElement;
31
- eyebrow?: ContentElement;
32
- date?: ContentElement;
33
- theme?: HeroTheme;
34
- textAlign?: HeroTextAlign;
35
- height?: HeroHeight;
36
- animation?: boolean | HeroAnimation;
37
- }
38
- export interface HeroOverlayProps {
39
- media: HeroMediaAsset;
40
- headline?: ContentElement;
41
- text?: ContentElement;
42
- actions?: ContentElement;
43
- overlay?: {
44
- opacity?: number;
45
- color?: string;
46
- };
47
- theme?: HeroTheme;
48
- textAlign?: HeroTextAlign;
49
- isAligned?: boolean;
50
- hasBorder?: boolean;
51
- isTransparent?: boolean;
52
- isFullWidth?: boolean;
53
- isSticky?: boolean;
54
- isFixed?: boolean;
55
- hasBackground?: boolean;
56
- animation?: boolean;
57
- }
58
- export interface HeroStackedProps {
59
- media?: HeroMediaAsset;
60
- headline?: ContentElement;
61
- text?: ContentElement;
62
- actions?: ContentElement;
63
- eyebrow?: ContentElement;
64
- date?: ContentElement;
65
- theme?: HeroTheme;
66
- height?: HeroHeight;
67
- isWidthLarge?: boolean;
68
- animation?: boolean;
69
- }
70
- export interface HeroLogoProps {
71
- media?: HeroMediaAsset;
72
- logo?: HTMLElement;
73
- headline?: ContentElement;
74
- text?: ContentElement;
75
- actions?: ContentElement;
76
- eyebrow?: ContentElement;
77
- date?: ContentElement;
78
- theme?: HeroTheme;
79
- animation?: boolean;
80
- }
81
- export declare const isImageMedia: (media: HeroMediaAsset) => media is Extract<HeroMediaAsset, {
82
- type: "image";
83
- }>;
84
- export declare const isVideoMedia: (media: HeroMediaAsset) => media is Extract<HeroMediaAsset, {
85
- type: "video";
86
- }>;
87
- export declare const getThemeClass: (theme?: HeroTheme) => string;
88
- export declare const getTextAlignClass: (align?: HeroTextAlign) => string;
89
- export declare const getHeightClass: (height?: HeroHeight) => string;
90
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../source/composite/hero/types.ts"],"names":[],"mappings":"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"}
@@ -1,7 +0,0 @@
1
- declare const composite: {
2
- element: HTMLElement;
3
- className: string;
4
- styles: string;
5
- };
6
- export default composite;
7
- //# sourceMappingURL=test-composite.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"test-composite.d.ts","sourceRoot":"","sources":["../../source/model/test-composite.ts"],"names":[],"mappings":"AAyBA,QAAA,MAAM,SAAS;;;;CAWb,CAAC;AAWH,eAAe,SAAS,CAAC"}
@@ -1,9 +0,0 @@
1
- export declare const shrinkThenRemove: ({ container }: {
2
- container: HTMLElement;
3
- }) => void;
4
- export declare const scrollTo: ({ element, spread, frames, }: {
5
- element: HTMLElement;
6
- spread?: number;
7
- frames?: number;
8
- }) => void;
9
- //# sourceMappingURL=animations.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../source/utilities/styles/animations.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,kBAAmB;IAAE,SAAS,EAAE,WAAW,CAAA;CAAE,SAoCzE,CAAC;AAEF,eAAO,MAAM,QAAQ,iCAIlB;IACD,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,SAoCA,CAAC"}
@@ -1,6 +0,0 @@
1
- export declare const getResponsiveImageSize: ({ image, parentNode, maxWindowHeight, }: {
2
- image: HTMLImageElement;
3
- parentNode: HTMLElement;
4
- maxWindowHeight?: number;
5
- }) => number;
6
- //# sourceMappingURL=assets.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"assets.d.ts","sourceRoot":"","sources":["../../../source/utilities/styles/assets.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,4CAIhC;IACD,KAAK,EAAE,gBAAgB,CAAC;IACxB,UAAU,EAAE,WAAW,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,WAWA,CAAC"}
@@ -1,11 +0,0 @@
1
- import * as Styles from '@universityofmaryland/web-styles-library';
2
- export * as animations from './animations';
3
- export * as assets from './assets';
4
- export * as media from './media';
5
- export declare const combineStyles: (...styles: (string | null | undefined)[]) => string;
6
- export declare const Utility.theme.convertJSSObjectToStyles: ({ styleObj }: {
7
- styleObj: any;
8
- }) => string;
9
- export declare const convertPixelStringToNumber: (styleStr: string) => number;
10
- export declare const getStyleStringFromJssObject: (styleObj: Styles.JssEntry) => string;
11
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/utilities/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,0CAA0C,CAAC;AAMnE,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AAEjC,eAAO,MAAM,aAAa,cAAe,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,WACrC,CAAC;AAElC,eAAO,MAAM,wBAAwB,iBAAkB;IAAE,QAAQ,EAAE,GAAG,CAAA;CAAE,WAGhE,CAAC;AAET,eAAO,MAAM,0BAA0B,aAAc,MAAM,WACrB,CAAC;AAEvC,eAAO,MAAM,2BAA2B,aAAc,MAAM,CAAC,QAAQ,WAKjE,CAAC"}
@@ -1,6 +0,0 @@
1
- export declare const withViewTimelineAnimation: (styles: Record<string, any>) => {
2
- '@media (prefers-reduced-motion: no-preference)': {
3
- '@supports (animation-timeline: view())': Record<string, any>;
4
- };
5
- };
6
- //# sourceMappingURL=media.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"media.d.ts","sourceRoot":"","sources":["../../../source/utilities/styles/media.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB,WAAY,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;;;;CAInE,CAAC"}
@@ -1,8 +0,0 @@
1
- import * as Styles from '@universityofmaryland/web-styles-library';
2
- export declare const combineStyles: (...styles: (string | null | undefined)[]) => string;
3
- export declare const Utility.theme.convertJSSObjectToStyles: ({ styleObj }: {
4
- styleObj: any;
5
- }) => string;
6
- export declare const convertPixelStringToNumber: (styleStr: string) => number;
7
- export declare const getStyleStringFromJssObject: (styleObj: Styles.JssEntry) => string;
8
- //# sourceMappingURL=styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../source/utilities/theme/styles.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,MAAM,0CAA0C,CAAC;AASnE,eAAO,MAAM,aAAa,cAAe,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,WACrC,CAAC;AAKlC,eAAO,MAAM,wBAAwB,iBAAkB;IAAE,QAAQ,EAAE,GAAG,CAAA;CAAE,WAGhE,CAAC;AAKT,eAAO,MAAM,0BAA0B,aAAc,MAAM,WACrB,CAAC;AAKvC,eAAO,MAAM,2BAA2B,aAAc,MAAM,CAAC,QAAQ,WAKjE,CAAC"}