@vodafone_de/brix-components 7.0.6 → 7.0.8
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.
- package/README.md +1 -0
- package/dist/{FontWeight-DEBGHbtO.js → FontWeight-CR22KTex.js} +2 -2
- package/dist/components/Accordion/index.js +1 -1
- package/dist/components/Badge/index.js +1 -1
- package/dist/components/Body/index.js +1 -1
- package/dist/components/Button/index.js +2 -2
- package/dist/components/ButtonAsLink/index.js +1 -1
- package/dist/components/ButtonGroup/index.js +1 -1
- package/dist/components/Carousel/components/CarouselContext.d.ts +3 -2
- package/dist/components/Carousel/index.js +41 -52
- package/dist/components/Carousel/utils/useScrollSpy.d.ts +2 -0
- package/dist/components/ConsentMessage/index.js +1 -1
- package/dist/components/ConsentMessage/styled.d.ts +1 -1
- package/dist/components/DemoBox/index.js +1 -1
- package/dist/components/Dialog/index.js +1 -1
- package/dist/components/Dialog/styled.d.ts +1 -1
- package/dist/components/DiscoveryCard/index.js +5 -5
- package/dist/components/DiscoveryCard/styled.d.ts +1 -1
- package/dist/components/DiscoveryCardGroup/index.js +1 -1
- package/dist/components/GoogleMap/styled.d.ts +1 -1
- package/dist/components/Heading/index.js +1 -1
- package/dist/components/IconButton/index.js +1 -1
- package/dist/components/IconSnippet/index.js +3 -4
- package/dist/components/IconSnippet/props.d.ts +2 -2
- package/dist/components/IconSnippet/styled.d.ts +1 -1
- package/dist/components/ImageHeader/index.js +4 -4
- package/dist/components/ImageHeader/styled.d.ts +4 -4
- package/dist/components/InlineLink/index.js +1 -1
- package/dist/components/Legend/index.js +1 -1
- package/dist/components/Link/index.js +1 -1
- package/dist/components/LinkAsButton/index.js +1 -1
- package/dist/components/LinkListItem/index.js +1 -1
- package/dist/components/Notification/index.js +1 -1
- package/dist/components/PickerGroup/index.js +2 -2
- package/dist/components/Price/index.js +1 -1
- package/dist/components/ProductCard/index.js +3 -3
- package/dist/components/RichText/index.js +1 -1
- package/dist/components/SearchInput/index.js +1 -1
- package/dist/components/SearchInput/styled.d.ts +1 -1
- package/dist/components/Stepper/index.js +2 -2
- package/dist/components/TabularPrice/index.js +1 -1
- package/dist/components/TextList/index.js +1 -1
- package/dist/components/Tray/index.js +1 -1
- package/dist/components/YoutubeVideo/index.js +2 -1
- package/dist/hooks/useViewport/index.js +22 -5
- package/dist/{index-BRs8j3Vq.js → index-BeSd-V81.js} +1 -1
- package/dist/{index-DrySIh-D.js → index-C5GzK6_0.js} +1 -1
- package/dist/{index-57IF0yrd.js → index-C7meHOM4.js} +2 -2
- package/dist/{index-CKvLGUdD.js → index-ZHkR70j3.js} +1 -1
- package/dist/{index-WLBo71sp.js → index-aUJfXBUI.js} +1 -1
- package/dist/index.d.ts +0 -4
- package/dist/index.js +119 -129
- package/dist/{styled-DLS1p_AJ.js → styled-BSqC5P9h.js} +1 -1
- package/package.json +1 -1
- package/dist/components/MediaText/index.d.ts +0 -5
- package/dist/components/MediaText/index.js +0 -121
- package/dist/components/MediaText/props.d.ts +0 -42
- package/dist/components/MediaText/styled.d.ts +0 -4
- package/dist/components/Rating/assets/StarSVG.d.ts +0 -3
- package/dist/components/Rating/index.d.ts +0 -6
- package/dist/components/Rating/index.js +0 -153
- package/dist/components/Rating/props.d.ts +0 -22
- package/dist/components/Rating/styled.d.ts +0 -6
- package/dist/index-Cs0Hw0dj.js +0 -25
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
3
3
|
import { it as iconSizeLg } from "../../index-Cbojl4_Q.js";
|
|
4
4
|
import Image, { aspectRatio1_1 } from "../Image/index.js";
|
|
5
|
-
import { f as fontWeightBold } from "../../FontWeight-
|
|
5
|
+
import { f as fontWeightBold } from "../../FontWeight-CR22KTex.js";
|
|
6
6
|
import { a as textHeadingMd } from "../../HeadingSize-CfCRn3Lh.js";
|
|
7
7
|
import { s as spacingMd, b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
|
|
8
|
-
import { B as Badge } from "../../index-
|
|
8
|
+
import { B as Badge } from "../../index-ZHkR70j3.js";
|
|
9
9
|
import Body from "../Body/index.js";
|
|
10
10
|
import ColorSwatchGroup from "../ColorSwatchGroup/index.js";
|
|
11
11
|
import Heading from "../Heading/index.js";
|
|
12
12
|
import Link from "../Link/index.js";
|
|
13
|
-
import { P as Price, d as priceSizeMd, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-
|
|
13
|
+
import { P as Price, d as priceSizeMd, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-aUJfXBUI.js";
|
|
14
14
|
import styled from "styled-components";
|
|
15
15
|
import { getSpacing } from "../../foundations/token/getSpacing/index.js";
|
|
16
16
|
import Card from "../Card/index.js";
|
|
@@ -5,7 +5,7 @@ import { forwardRef, useState, useRef, useImperativeHandle } from "react";
|
|
|
5
5
|
import FormHelperLabel from "../FormHelperLabel/index.js";
|
|
6
6
|
import IconButton, { iconButtonShapeSquare } from "../IconButton/index.js";
|
|
7
7
|
import { b as spacingNone, s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
|
|
8
|
-
import { p as primaryAppearance } from "../../styled-
|
|
8
|
+
import { p as primaryAppearance } from "../../styled-BSqC5P9h.js";
|
|
9
9
|
import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
|
|
10
10
|
import Form from "../Form/index.js";
|
|
11
11
|
import styled from "styled-components";
|
|
@@ -10,4 +10,4 @@ export declare const CloseIconStyled: import('styled-components/dist/types').ISt
|
|
|
10
10
|
value: string;
|
|
11
11
|
}>> & string & Omit<import('react').FC<InlineIconProps>, keyof import('react').Component<any, {}, any>>;
|
|
12
12
|
export declare const SearchInputCloseButtonStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Pick<SearchInputProps, "disabled">>> & string;
|
|
13
|
-
export declare const SearchInputStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof import('react').InputHTMLAttributes<HTMLInputElement>> & import('react').InputHTMLAttributes<HTMLInputElement>, Omit<SearchInputProps, "uid" | "
|
|
13
|
+
export declare const SearchInputStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof import('react').InputHTMLAttributes<HTMLInputElement>> & import('react').InputHTMLAttributes<HTMLInputElement>, Omit<SearchInputProps, "uid" | "onReset" | "label" | "searchButtonLabel" | "onSearch">>> & string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { useState, useRef, useEffect } from "react";
|
|
4
|
-
import {
|
|
4
|
+
import { useViewport } from "../../hooks/useViewport/index.js";
|
|
5
5
|
import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
|
|
6
6
|
import styled from "styled-components";
|
|
7
7
|
import forcedColors from "../../foundations/media-query/forcedColors/index.js";
|
|
@@ -12,7 +12,7 @@ import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index
|
|
|
12
12
|
import { getFontWeight } from "../../foundations/token/getFontWeight/index.js";
|
|
13
13
|
import { getObjectColor } from "../../foundations/token/getObjectColor/index.js";
|
|
14
14
|
import { g as colorBorderBrand, a as colorBorderNeutral, h as colorBorderInverse } from "../../BorderColor-BummoQ1-.js";
|
|
15
|
-
import { f as fontWeightBold } from "../../FontWeight-
|
|
15
|
+
import { f as fontWeightBold } from "../../FontWeight-CR22KTex.js";
|
|
16
16
|
import { c as colorObjectBrand, a as colorObjectInverse } from "../../ObjectColor-BZDBuV8H.js";
|
|
17
17
|
import { s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
|
|
18
18
|
import { t as textBodyMd } from "../../TextBodySize-BcZR9mh2.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import "react/jsx-runtime";
|
|
3
|
-
import { a, T } from "../../index-
|
|
3
|
+
import { a, T } from "../../index-BeSd-V81.js";
|
|
4
4
|
import "../../tags-DI6H1biK.js";
|
|
5
5
|
import "../../Spacing-D0HQH9YJ.js";
|
|
6
6
|
import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
|
|
@@ -4,7 +4,7 @@ import { useState, useRef, useEffect } from "react";
|
|
|
4
4
|
import { createPortal } from "react-dom";
|
|
5
5
|
import ButtonGroup from "../ButtonGroup/index.js";
|
|
6
6
|
import Heading from "../Heading/index.js";
|
|
7
|
-
import { f as fontWeightBold } from "../../FontWeight-
|
|
7
|
+
import { f as fontWeightBold } from "../../FontWeight-CR22KTex.js";
|
|
8
8
|
import { a as textHeadingMd } from "../../HeadingSize-CfCRn3Lh.js";
|
|
9
9
|
import { s as spacingMd, b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
|
|
10
10
|
import styled from "styled-components";
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { useThirdPartyConsent } from "../../hooks/useThirdPartyConsent/index.js";
|
|
4
|
-
import ConsentMessage from "../ConsentMessage/index.js";
|
|
5
4
|
import styled from "styled-components";
|
|
6
5
|
import { getBorderRadius } from "../../foundations/token/getBorderRadius/index.js";
|
|
7
6
|
import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
|
|
8
7
|
import { b as borderRadiusMd } from "../../BorderRadius-ClUShVLu.js";
|
|
9
8
|
import { s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
|
|
9
|
+
import ConsentMessage from "../ConsentMessage/index.js";
|
|
10
10
|
const YoutubeVideoStyled = styled.div.withConfig({
|
|
11
11
|
displayName: "YoutubeVideoStyled",
|
|
12
12
|
componentId: "sc-1q2uytw-0"
|
|
@@ -17,6 +17,7 @@ const YoutubeVideoStyled = styled.div.withConfig({
|
|
|
17
17
|
position: "relative",
|
|
18
18
|
width: "100%",
|
|
19
19
|
paddingBottom: "56.25%",
|
|
20
|
+
/* 16:9 aspect ratio */
|
|
20
21
|
height: 0,
|
|
21
22
|
overflow: "hidden",
|
|
22
23
|
...roundedCorner && {
|
|
@@ -1,7 +1,24 @@
|
|
|
1
|
-
import "react";
|
|
2
|
-
import "../../index-Ck2bCrhT.js";
|
|
3
|
-
import {
|
|
4
|
-
|
|
1
|
+
import { useState, useEffect } from "react";
|
|
2
|
+
import { l as largeMediaQuery, m as mediumMediaQuery } from "../../index-Ck2bCrhT.js";
|
|
3
|
+
import { useMediaQuery } from "../useMediaQuery/index.js";
|
|
4
|
+
const viewportSm = "sm";
|
|
5
|
+
const viewportMd = "md";
|
|
6
|
+
const viewportLg = "lg";
|
|
7
|
+
const useViewport = () => {
|
|
8
|
+
const tablet = useMediaQuery(mediumMediaQuery);
|
|
9
|
+
const desktop = useMediaQuery(largeMediaQuery);
|
|
10
|
+
const [viewportState, setViewportState] = useState(viewportSm);
|
|
11
|
+
useEffect(() => {
|
|
12
|
+
if (desktop) {
|
|
13
|
+
setViewportState(viewportLg);
|
|
14
|
+
} else if (tablet) {
|
|
15
|
+
setViewportState(viewportMd);
|
|
16
|
+
} else {
|
|
17
|
+
setViewportState(viewportSm);
|
|
18
|
+
}
|
|
19
|
+
}, [tablet, desktop]);
|
|
20
|
+
return viewportState;
|
|
21
|
+
};
|
|
5
22
|
export {
|
|
6
|
-
|
|
23
|
+
useViewport
|
|
7
24
|
};
|
|
@@ -13,7 +13,7 @@ import { getBodySize } from "./foundations/token/getBodySize/index.js";
|
|
|
13
13
|
import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
|
|
14
14
|
import { getFontWeight } from "./foundations/token/getFontWeight/index.js";
|
|
15
15
|
import { getSpacing } from "./foundations/token/getSpacing/index.js";
|
|
16
|
-
import {
|
|
16
|
+
import { b as fontWeightRegular } from "./FontWeight-CR22KTex.js";
|
|
17
17
|
import { a as textBodySm, t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
|
|
18
18
|
import { f as filterProps } from "./filterProps-Cewck8OH.js";
|
|
19
19
|
import { t as textHeadingXs, b as textHeadingSm, a as textHeadingMd, c as textHeadingLg, d as textHeadingXl } from "./HeadingSize-CfCRn3Lh.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { iv as iconSizeSm } from "./index-Cbojl4_Q.js";
|
|
3
|
-
import { c as ButtonIconStyled } from "./styled-
|
|
3
|
+
import { c as ButtonIconStyled } from "./styled-BSqC5P9h.js";
|
|
4
4
|
import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-RvOG3QbI.js";
|
|
5
5
|
import styled from "styled-components";
|
|
6
6
|
import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { iv as iconSizeSm } from "./index-Cbojl4_Q.js";
|
|
3
|
-
import { l as leftPosition, c as ButtonIconStyled, b as buttonHeight, g as getButtonAppearance, p as primaryAppearance } from "./styled-
|
|
3
|
+
import { l as leftPosition, c as ButtonIconStyled, b as buttonHeight, g as getButtonAppearance, p as primaryAppearance } from "./styled-BSqC5P9h.js";
|
|
4
4
|
import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-RvOG3QbI.js";
|
|
5
5
|
import styled from "styled-components";
|
|
6
6
|
import { getBodySize } from "./foundations/token/getBodySize/index.js";
|
|
@@ -9,7 +9,7 @@ import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js"
|
|
|
9
9
|
import { getFontWeight } from "./foundations/token/getFontWeight/index.js";
|
|
10
10
|
import { getSpacing } from "./foundations/token/getSpacing/index.js";
|
|
11
11
|
import { b as borderRadiusMd } from "./BorderRadius-ClUShVLu.js";
|
|
12
|
-
import {
|
|
12
|
+
import { b as fontWeightRegular } from "./FontWeight-CR22KTex.js";
|
|
13
13
|
import { a as spacingXs, d as spacingXl, b as spacingNone, s as spacingMd } from "./Spacing-D0HQH9YJ.js";
|
|
14
14
|
import { t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
|
|
15
15
|
import { f as filterProps } from "./filterProps-Cewck8OH.js";
|
|
@@ -12,7 +12,7 @@ import { getFontWeight } from "./foundations/token/getFontWeight/index.js";
|
|
|
12
12
|
import { getObjectColor } from "./foundations/token/getObjectColor/index.js";
|
|
13
13
|
import { getSpacing } from "./foundations/token/getSpacing/index.js";
|
|
14
14
|
import { c as borderRadiusFull } from "./BorderRadius-ClUShVLu.js";
|
|
15
|
-
import { f as fontWeightBold } from "./FontWeight-
|
|
15
|
+
import { f as fontWeightBold } from "./FontWeight-CR22KTex.js";
|
|
16
16
|
import { a as textBodySm, t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
|
|
17
17
|
import { b as getForegroundColor } from "./colorUtils-BSfFfgbi.js";
|
|
18
18
|
import { f as filterProps } from "./filterProps-Cewck8OH.js";
|
|
@@ -8,7 +8,7 @@ import { getHeadingSize } from "./foundations/token/getHeadingSize/index.js";
|
|
|
8
8
|
import { getSpacing } from "./foundations/token/getSpacing/index.js";
|
|
9
9
|
import { getTextColor } from "./foundations/token/getTextColor/index.js";
|
|
10
10
|
import { getTextDecoration } from "./foundations/token/getTextDecoration/index.js";
|
|
11
|
-
import { f as fontWeightBold,
|
|
11
|
+
import { f as fontWeightBold, b as fontWeightRegular } from "./FontWeight-CR22KTex.js";
|
|
12
12
|
import { s as spacingMd, b as spacingNone, a as spacingXs } from "./Spacing-D0HQH9YJ.js";
|
|
13
13
|
import { g as colorTextCritical, a as colorTextNeutral } from "./TextColor-DsntmDNw.js";
|
|
14
14
|
import { f as filterProps } from "./filterProps-Cewck8OH.js";
|
package/dist/index.d.ts
CHANGED
|
@@ -26,8 +26,6 @@ export * from './components/RichText';
|
|
|
26
26
|
export { default as RichText } from './components/RichText';
|
|
27
27
|
export * from './components/ResponsiveImage';
|
|
28
28
|
export { default as ResponsiveImage } from './components/ResponsiveImage';
|
|
29
|
-
export * from './components/Rating';
|
|
30
|
-
export { default as Rating } from './components/Rating';
|
|
31
29
|
export * from './components/RadioGroup';
|
|
32
30
|
export { default as RadioGroup } from './components/RadioGroup';
|
|
33
31
|
export * from './components/ProductCard';
|
|
@@ -40,8 +38,6 @@ export * from './components/Overlay';
|
|
|
40
38
|
export { default as Overlay } from './components/Overlay';
|
|
41
39
|
export * from './components/Notification';
|
|
42
40
|
export { default as Notification } from './components/Notification';
|
|
43
|
-
export * from './components/MediaText';
|
|
44
|
-
export { default as MediaText } from './components/MediaText';
|
|
45
41
|
export * from './components/LoadingSpinner';
|
|
46
42
|
export { default as LoadingSpinner } from './components/LoadingSpinner';
|
|
47
43
|
export * from './components/LinkListItem';
|
package/dist/index.js
CHANGED
|
@@ -2,8 +2,8 @@ import { default as default2, YoutubeVideoIframeStyled, YoutubeVideoStyled } fro
|
|
|
2
2
|
import { default as default3 } from "./components/Tray/index.js";
|
|
3
3
|
import { default as default4 } from "./components/TimeInput/index.js";
|
|
4
4
|
import { default as default5 } from "./components/Textarea/index.js";
|
|
5
|
-
import { R, T, a } from "./index-
|
|
6
|
-
import { P, T as T2, c, i, g, f, h, p, a as a2, e, d, b } from "./index-
|
|
5
|
+
import { R, T, a } from "./index-BeSd-V81.js";
|
|
6
|
+
import { P, T as T2, c, i, g, f, h, p, a as a2, e, d, b } from "./index-aUJfXBUI.js";
|
|
7
7
|
import { default as default6 } from "./components/Switch/index.js";
|
|
8
8
|
import { default as default7 } from "./components/SuggestInput/index.js";
|
|
9
9
|
import { default as default8 } from "./components/Stepper/index.js";
|
|
@@ -11,67 +11,65 @@ import { default as default9 } from "./components/SelectInput/index.js";
|
|
|
11
11
|
import { default as default10 } from "./components/SearchInput/index.js";
|
|
12
12
|
import { S } from "./index-DQhtQZ85.js";
|
|
13
13
|
import { default as default11 } from "./components/ResponsiveImage/index.js";
|
|
14
|
-
import {
|
|
15
|
-
import { default as default13 } from "./components/
|
|
16
|
-
import { default as default14 } from "./components/
|
|
17
|
-
import { default as default15 } from "./components/
|
|
18
|
-
import { default as default16,
|
|
19
|
-
import { default as default17
|
|
20
|
-
import { default as default18,
|
|
21
|
-
import { default as default19 } from "./components/
|
|
22
|
-
import {
|
|
23
|
-
import { default as
|
|
24
|
-
import {
|
|
25
|
-
import { default as default22 } from "./components/
|
|
26
|
-
import { default as default23 } from "./components/
|
|
27
|
-
import { default as default24 } from "./components/
|
|
28
|
-
import { default as default25 } from "./components/
|
|
29
|
-
import { default as default26 } from "./components/
|
|
30
|
-
import { default as default27
|
|
31
|
-
import { default as default28,
|
|
32
|
-
import { default as default29 } from "./components/
|
|
33
|
-
import { default as default30,
|
|
34
|
-
import { default as default31
|
|
35
|
-
import { default as default32,
|
|
36
|
-
import { default as default33 } from "./components/
|
|
37
|
-
import { default as default34
|
|
38
|
-
import { default as default35 } from "./components/
|
|
39
|
-
import { default as default36 } from "./components/
|
|
40
|
-
import { default as default37 } from "./components/
|
|
41
|
-
import { default as default38
|
|
42
|
-
import { default as default39 } from "./components/
|
|
43
|
-
import { default as default40 } from "./components/
|
|
44
|
-
import { default as default41 } from "./components/
|
|
45
|
-
import { default as default42 } from "./components/
|
|
46
|
-
import { default as default43 } from "./components/
|
|
47
|
-
import { default as default44 } from "./components/
|
|
48
|
-
import { default as default45
|
|
49
|
-
import { default as default46 } from "./components/
|
|
50
|
-
import { default as default47 } from "./components/
|
|
51
|
-
import { default as default48 } from "./components/
|
|
52
|
-
import { default as default49 } from "./components/
|
|
53
|
-
import { default as default50 } from "./components/
|
|
54
|
-
import { default as default51
|
|
55
|
-
import { default as default52 } from "./components/
|
|
56
|
-
import { default as default53 } from "./components/
|
|
57
|
-
import { default as default54 } from "./components/
|
|
58
|
-
import { default as default55
|
|
59
|
-
import { default as default56 } from "./components/
|
|
60
|
-
import { default as default57 } from "./components/
|
|
61
|
-
import { default as default58
|
|
62
|
-
import { default as default59 } from "./components/
|
|
63
|
-
import { default as default60 } from "./components/
|
|
64
|
-
import { default as default61 } from "./components/
|
|
65
|
-
import { default as default62 } from "./components/
|
|
66
|
-
import {
|
|
67
|
-
import { default as
|
|
68
|
-
import {
|
|
69
|
-
import { default as default65,
|
|
70
|
-
import {
|
|
71
|
-
import { default as
|
|
72
|
-
import {
|
|
73
|
-
import { default as default68 } from "./components/AccordionGroup/index.js";
|
|
74
|
-
import { default as default69, accordionToggleCollapsed, accordionToggleCollapsing, accordionToggleExpanded } from "./components/Accordion/index.js";
|
|
14
|
+
import { default as default12 } from "./components/RadioGroup/index.js";
|
|
15
|
+
import { default as default13 } from "./components/ProductCard/index.js";
|
|
16
|
+
import { default as default14 } from "./components/PickerGroup/index.js";
|
|
17
|
+
import { default as default15, overlayAppearancePrimary, overlayAppearanceSecondary } from "./components/Overlay/index.js";
|
|
18
|
+
import { default as default16, notificationStatusError, notificationStatusInfo, notificationStatusSuccess, notificationStatusWarning } from "./components/Notification/index.js";
|
|
19
|
+
import { default as default17 } from "./components/LoadingSpinner/index.js";
|
|
20
|
+
import { default as default18, linkListItemVariantHorizontal, linkListItemVariantVertical } from "./components/LinkListItem/index.js";
|
|
21
|
+
import { default as default19, linkListVariantColumn, linkListVariantRow } from "./components/LinkList/index.js";
|
|
22
|
+
import { L } from "./index-C5GzK6_0.js";
|
|
23
|
+
import { default as default20 } from "./components/Link/index.js";
|
|
24
|
+
import { default as default21 } from "./components/Legend/index.js";
|
|
25
|
+
import { default as default22 } from "./components/Label/index.js";
|
|
26
|
+
import { default as default23 } from "./components/Input/index.js";
|
|
27
|
+
import { default as default24 } from "./components/InlineLink/index.js";
|
|
28
|
+
import { default as default25, imageHeaderPositionLeft, imageHeaderPositionRight, imageHeaderVariantFull, imageHeaderVariantSplit } from "./components/ImageHeader/index.js";
|
|
29
|
+
import { default as default26, aspectRatio16_9, aspectRatio1_1, aspectRatio21_9, aspectRatio32_9, aspectRatio3_4, aspectRatio48_9, horizontalAlignmentCenter, horizontalAlignmentLeft, horizontalAlignmentRight, objectFitContain, objectFitCover, objectFitNone, objectPositionCenter, objectPositionLeftBottom, objectPositionLeftCenter, objectPositionLeftTop, objectPositionRightBottom, objectPositionRightCenter, objectPositionRightTop } from "./components/Image/index.js";
|
|
30
|
+
import { default as default27 } from "./components/IconSnippetList/index.js";
|
|
31
|
+
import { default as default28, iconSnippetAlignCenter, iconSnippetAlignTop, iconSnippetPositionCenter, iconSnippetPositionLeft, iconSnippetSize3Xl, iconSnippetSizeLarge, iconSnippetSizeSmall } from "./components/IconSnippet/index.js";
|
|
32
|
+
import { default as default29, iconButtonShapeCircle, iconButtonShapeSquare } from "./components/IconButton/index.js";
|
|
33
|
+
import { default as default30, iconSize5xl, iconSize6xl, iconSize7xl, iconSize8xl, iconSize9xl } from "./components/Icon/index.js";
|
|
34
|
+
import { default as default31 } from "./components/HifiIcon/index.js";
|
|
35
|
+
import { default as default32, headingAlignCenter, headingAlignLeft } from "./components/Heading/index.js";
|
|
36
|
+
import { default as default33 } from "./components/GridItem/index.js";
|
|
37
|
+
import { default as default34 } from "./components/Grid/index.js";
|
|
38
|
+
import { default as default35 } from "./components/GoogleMap/index.js";
|
|
39
|
+
import { default as default36, inputStatusIcons } from "./components/FormHelperStatusIcon/index.js";
|
|
40
|
+
import { default as default37 } from "./components/FormHelperMessage/index.js";
|
|
41
|
+
import { default as default38 } from "./components/FormHelperLabel/index.js";
|
|
42
|
+
import { default as default39 } from "./components/FormElement/index.js";
|
|
43
|
+
import { default as default40 } from "./components/Form/index.js";
|
|
44
|
+
import { default as default41 } from "./components/FootnoteLink/index.js";
|
|
45
|
+
import { default as default42 } from "./components/FootnoteContent/index.js";
|
|
46
|
+
import { default as default43, flexItemAutoGrow, flexItemFullGrow } from "./components/FlexItem/index.js";
|
|
47
|
+
import { default as default44 } from "./components/Flex/index.js";
|
|
48
|
+
import { default as default45 } from "./components/FilterGroup/index.js";
|
|
49
|
+
import { default as default46 } from "./components/Fieldset/index.js";
|
|
50
|
+
import { default as default47 } from "./components/Divider/index.js";
|
|
51
|
+
import { default as default48 } from "./components/DiscoveryCardGroup/index.js";
|
|
52
|
+
import { default as default49, discoveryCardOrientationHorizontal, discoveryCardOrientationVertical } from "./components/DiscoveryCard/index.js";
|
|
53
|
+
import { default as default50 } from "./components/Dialog/index.js";
|
|
54
|
+
import { default as default51 } from "./components/DemoBox/index.js";
|
|
55
|
+
import { default as default52 } from "./components/DateInput/index.js";
|
|
56
|
+
import { default as default53, ContainerAppearanceColor } from "./components/Container/index.js";
|
|
57
|
+
import { default as default54 } from "./components/ConsentMessage/index.js";
|
|
58
|
+
import { default as default55 } from "./components/ColorSwatchGroup/index.js";
|
|
59
|
+
import { default as default56, colorSwatchSizeMedium, colorSwatchSizeSmall } from "./components/ColorSwatch/index.js";
|
|
60
|
+
import { default as default57 } from "./components/Collapsible/index.js";
|
|
61
|
+
import { default as default58 } from "./components/CheckboxGroup/index.js";
|
|
62
|
+
import { default as default59 } from "./components/Checkbox/index.js";
|
|
63
|
+
import { default as default60 } from "./components/Carousel/index.js";
|
|
64
|
+
import { default as default61 } from "./components/Card/index.js";
|
|
65
|
+
import { default as default62 } from "./components/ButtonGroup/index.js";
|
|
66
|
+
import { B } from "./index-C7meHOM4.js";
|
|
67
|
+
import { default as default63, buttonAutoWidth, buttonFullWidth } from "./components/Button/index.js";
|
|
68
|
+
import { default as default64 } from "./components/BottomBar/index.js";
|
|
69
|
+
import { default as default65, bodyAlignCenter, bodyAlignLeft, bodyAlignRight } from "./components/Body/index.js";
|
|
70
|
+
import { B as B2, a as a3 } from "./index-ZHkR70j3.js";
|
|
71
|
+
import { default as default66 } from "./components/AccordionGroup/index.js";
|
|
72
|
+
import { default as default67, accordionToggleCollapsed, accordionToggleCollapsing, accordionToggleExpanded } from "./components/Accordion/index.js";
|
|
75
73
|
import { getTextDecoration } from "./foundations/token/getTextDecoration/index.js";
|
|
76
74
|
import { getTextColor } from "./foundations/token/getTextColor/index.js";
|
|
77
75
|
import { getSpacing } from "./foundations/token/getSpacing/index.js";
|
|
@@ -92,7 +90,7 @@ import { l, m } from "./index-Ck2bCrhT.js";
|
|
|
92
90
|
import { noReducedMotion, reducedMotionQuery } from "./foundations/media-query/reducedMotion/index.js";
|
|
93
91
|
import { forcedColorsQuery } from "./foundations/media-query/forcedColors/index.js";
|
|
94
92
|
import { GlobalStyle } from "./foundations/GlobalStyle/index.js";
|
|
95
|
-
import {
|
|
93
|
+
import { useViewport } from "./hooks/useViewport/index.js";
|
|
96
94
|
import { checkThirdPartyConsentStorage, consentStorageFeature, consentStorageItemName, consentStorageKey, useThirdPartyConsent } from "./hooks/useThirdPartyConsent/index.js";
|
|
97
95
|
import { useReducedMotion } from "./hooks/useReducedMotion/index.js";
|
|
98
96
|
import { useMediaQuery } from "./hooks/useMediaQuery/index.js";
|
|
@@ -102,80 +100,75 @@ import { a as a4, i as i2 } from "./props-DDpgcryb.js";
|
|
|
102
100
|
import { e as e2, d as d2, c as c2, b as b2, f as f2, a as a5 } from "./styled-B0YKfXTz.js";
|
|
103
101
|
import { C } from "./styled-CYugcGtx.js";
|
|
104
102
|
export {
|
|
105
|
-
|
|
106
|
-
|
|
103
|
+
default67 as Accordion,
|
|
104
|
+
default66 as AccordionGroup,
|
|
107
105
|
B2 as Badge,
|
|
108
106
|
a3 as BadgeAppearanceColor,
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
107
|
+
default65 as Body,
|
|
108
|
+
default64 as BottomBar,
|
|
109
|
+
default63 as Button,
|
|
112
110
|
B as ButtonAsLink,
|
|
113
|
-
|
|
114
|
-
|
|
111
|
+
default62 as ButtonGroup,
|
|
112
|
+
default61 as Card,
|
|
115
113
|
C as CardAppearanceColor,
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
114
|
+
default60 as Carousel,
|
|
115
|
+
default59 as Checkbox,
|
|
116
|
+
default58 as CheckboxGroup,
|
|
117
|
+
default57 as Collapsible,
|
|
118
|
+
default56 as ColorSwatch,
|
|
119
|
+
default55 as ColorSwatchGroup,
|
|
120
|
+
default54 as ConsentMessage,
|
|
121
|
+
default53 as Container,
|
|
124
122
|
ContainerAppearanceColor,
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
123
|
+
default52 as DateInput,
|
|
124
|
+
default51 as DemoBox,
|
|
125
|
+
default50 as Dialog,
|
|
126
|
+
default49 as DiscoveryCard,
|
|
127
|
+
default48 as DiscoveryCardGroup,
|
|
128
|
+
default47 as Divider,
|
|
129
|
+
default46 as Fieldset,
|
|
130
|
+
default45 as FilterGroup,
|
|
131
|
+
default44 as Flex,
|
|
132
|
+
default43 as FlexItem,
|
|
133
|
+
default42 as FootnoteContent,
|
|
134
|
+
default41 as FootnoteLink,
|
|
135
|
+
default40 as Form,
|
|
136
|
+
default39 as FormElement,
|
|
137
|
+
default38 as FormHelperLabel,
|
|
138
|
+
default37 as FormHelperMessage,
|
|
139
|
+
default36 as FormHelperStatusIcon,
|
|
142
140
|
GlobalStyle,
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
default22 as Link,
|
|
141
|
+
default35 as GoogleMap,
|
|
142
|
+
default34 as Grid,
|
|
143
|
+
default33 as GridItem,
|
|
144
|
+
default32 as Heading,
|
|
145
|
+
default31 as HifiIcon,
|
|
146
|
+
default30 as Icon,
|
|
147
|
+
default29 as IconButton,
|
|
148
|
+
default28 as IconSnippet,
|
|
149
|
+
default27 as IconSnippetList,
|
|
150
|
+
default26 as Image,
|
|
151
|
+
default25 as ImageHeader,
|
|
152
|
+
default24 as InlineLink,
|
|
153
|
+
default23 as Input,
|
|
154
|
+
default22 as Label,
|
|
155
|
+
default21 as Legend,
|
|
156
|
+
default20 as Link,
|
|
160
157
|
L as LinkAsButton,
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
default15 as PickerGroup,
|
|
158
|
+
default19 as LinkList,
|
|
159
|
+
default18 as LinkListItem,
|
|
160
|
+
default17 as LoadingSpinner,
|
|
161
|
+
default16 as Notification,
|
|
162
|
+
default15 as Overlay,
|
|
163
|
+
default14 as PickerGroup,
|
|
168
164
|
P as Price,
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
default12 as Rating,
|
|
165
|
+
default13 as ProductCard,
|
|
166
|
+
default12 as RadioGroup,
|
|
172
167
|
default11 as ResponsiveImage,
|
|
173
168
|
R as RichText,
|
|
174
169
|
S as ScreenreaderOnly,
|
|
175
170
|
default10 as SearchInput,
|
|
176
171
|
default9 as SelectInput,
|
|
177
|
-
StarLabelStyled,
|
|
178
|
-
StarsWrapperStyled,
|
|
179
172
|
default8 as Stepper,
|
|
180
173
|
default7 as SuggestInput,
|
|
181
174
|
default6 as Switch,
|
|
@@ -268,9 +261,6 @@ export {
|
|
|
268
261
|
linkListItemVariantVertical,
|
|
269
262
|
linkListVariantColumn,
|
|
270
263
|
linkListVariantRow,
|
|
271
|
-
mediaTextOrientationLeft,
|
|
272
|
-
mediaTextOrientationRight,
|
|
273
|
-
mediaTextOrientationTop,
|
|
274
264
|
m as mediumMediaQuery,
|
|
275
265
|
noReducedMotion,
|
|
276
266
|
notificationStatusError,
|
|
@@ -303,5 +293,5 @@ export {
|
|
|
303
293
|
useMediaQuery,
|
|
304
294
|
useReducedMotion,
|
|
305
295
|
useThirdPartyConsent,
|
|
306
|
-
|
|
296
|
+
useViewport
|
|
307
297
|
};
|
|
@@ -19,7 +19,7 @@ import { getFontWeight } from "./foundations/token/getFontWeight/index.js";
|
|
|
19
19
|
import { getOpacity } from "./foundations/token/getOpacity/index.js";
|
|
20
20
|
import { getSpacing } from "./foundations/token/getSpacing/index.js";
|
|
21
21
|
import { b as borderRadiusMd } from "./BorderRadius-ClUShVLu.js";
|
|
22
|
-
import {
|
|
22
|
+
import { b as fontWeightRegular } from "./FontWeight-CR22KTex.js";
|
|
23
23
|
import { a as opacityDisabled } from "./Opacity-smkGiwsf.js";
|
|
24
24
|
import { a as spacingXs, d as spacingXl, b as spacingNone, s as spacingMd } from "./Spacing-D0HQH9YJ.js";
|
|
25
25
|
import { t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
|
package/package.json
CHANGED