@vodafone_de/brix-components 17.1.2 → 18.0.0
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/dist/{BorderRadius-Co-IV3fn.js → BorderRadius-0jhn76gB.js} +2 -2
- package/dist/{BorderWidth-OZWeXaq_.js → BorderWidth-CwrNKc0Q.js} +2 -2
- package/dist/ButtonAppearanceHelper-3qIbHGWJ.js +102 -0
- package/dist/CornerStyle-n77nckhh.js +7 -0
- package/dist/{colorUtils-CfSj2Iqa.js → colorUtils-c9PiZEci.js} +1 -1
- package/dist/components/Accordion/index.js +8 -4
- package/dist/components/Accordion/validate.d.ts +2 -2
- package/dist/components/AccordionGroup/validate.d.ts +2 -2
- package/dist/components/ArtDirectedImage/index.js +3 -3
- package/dist/components/ArtDirectedImage/validate.d.ts +0 -9
- package/dist/components/Badge/index.js +1 -1
- package/dist/components/Badge/validate.d.ts +1 -1
- package/dist/components/BottomBar/index.js +5 -5
- package/dist/components/Button/ButtonAppearanceHelper.test.d.ts +1 -0
- package/dist/components/Button/index.js +2 -2
- package/dist/components/Button/validate.d.ts +1 -1
- package/dist/components/ButtonAsLink/index.js +1 -1
- package/dist/components/ButtonGroup/validate.d.ts +1 -1
- package/dist/components/Calendar/components/Footer/helpers/getFooterText.test.d.ts +1 -0
- package/dist/components/Calendar/index.js +66 -62
- package/dist/components/Callout/index.js +1 -1
- package/dist/components/Card/index.js +1 -1
- package/dist/components/Carousel/index.js +1 -1
- package/dist/components/Checkbox/index.js +2 -2
- package/dist/components/Collapsible/index.js +1 -1
- package/dist/components/ColorSwatch/index.js +2 -2
- package/dist/components/ConsentMessage/index.js +1 -1
- package/dist/components/Container/index.js +1 -1
- package/dist/components/DateInput/index.js +2 -2
- package/dist/components/Dialog/index.js +8 -3
- package/dist/components/Dialog/validate.d.ts +1 -1
- package/dist/components/DiscoveryCard/index.js +5 -5
- package/dist/components/DiscoveryCard/validate.d.ts +3 -12
- package/dist/components/DiscoveryCardGroup/index.js +2 -2
- package/dist/components/DiscoveryCardGroup/validate.d.ts +9 -36
- package/dist/components/EnergySnippet/validate.d.ts +1 -1
- package/dist/components/FeatureCardGroup/components/FeatureCard/index.js +9 -8
- package/dist/components/FeatureCardGroup/components/FeatureCard/validate.d.ts +2 -11
- package/dist/components/FeatureCardGroup/index.js +1 -1
- package/dist/components/FeatureCardGroup/validate.d.ts +6 -15
- package/dist/components/Fieldset/index.js +8 -3
- package/dist/components/Fieldset/validate.d.ts +3 -3
- package/dist/components/FilterGroup/index.js +2 -2
- package/dist/components/FilterGroup/validate.d.ts +5 -5
- package/dist/components/Footnote/index.js +1 -1
- package/dist/components/FootnoteContent/index.js +1 -1
- package/dist/components/FootnoteSection/index.js +1 -1
- package/dist/components/FootnoteSection/validate.d.ts +2 -2
- package/dist/components/Form/index.js +1 -1
- package/dist/components/Form/validate.d.ts +4 -4
- package/dist/components/GoogleMap/index.js +31 -19
- package/dist/components/GoogleMap/props.d.ts +13 -1
- package/dist/components/GoogleMap/styled.d.ts +1 -1
- package/dist/components/GoogleMap/validate.d.ts +12 -3
- package/dist/components/Grid/index.js +2 -2
- package/dist/components/GridItem/index.js +2 -2
- package/dist/components/IconButton/index.js +4 -4
- package/dist/components/IconButton/validate.d.ts +1 -1
- package/dist/components/IconLoader/validate.d.ts +1 -1
- package/dist/components/IconSnippet/index.js +14 -24
- package/dist/components/IconSnippet/validate.d.ts +3 -3
- package/dist/components/IconSnippetList/index.js +1 -1
- package/dist/components/IconSnippetList/validate.d.ts +3 -3
- package/dist/components/Image/index.js +4 -52
- package/dist/components/Image/validate.d.ts +0 -9
- package/dist/components/ImageHeader/index.js +25 -19
- package/dist/components/ImageHeader/styled.d.ts +17 -0
- package/dist/components/ImageHeader/validate.d.ts +3 -12
- package/dist/components/InfoBanner/index.js +1 -1
- package/dist/components/InfoBanner/validate.d.ts +2 -2
- package/dist/components/InlineLink/index.js +1 -1
- package/dist/components/Input/index.js +1 -1
- package/dist/components/Input/validate.d.ts +1 -0
- package/dist/components/Legend/index.d.ts +1 -1
- package/dist/components/Legend/index.js +54 -68
- package/dist/components/Legend/validate.d.ts +6 -6
- package/dist/components/Link/index.js +1 -1
- package/dist/components/Link/validate.d.ts +1 -1
- package/dist/components/LinkAsButton/index.js +1 -1
- package/dist/components/LinkAsButton/validate.d.ts +1 -1
- package/dist/components/LinkList/index.js +25 -15
- package/dist/components/LinkList/styled.d.ts +1 -1
- package/dist/components/LinkListItem/index.js +15 -342
- package/dist/components/LinkListItem/props.d.ts +0 -4
- package/dist/components/LinkListItem/styled.d.ts +1 -1
- package/dist/components/LinkListItem/validate.d.ts +2 -3
- package/dist/components/LoadingSpinner/index.js +11 -10
- package/dist/components/LocalStyle/index.js +1 -1
- package/dist/components/MediaText/index.js +2 -2
- package/dist/components/MediaText/validate.d.ts +1 -10
- package/dist/components/Notification/index.js +20 -34
- package/dist/components/Notification/validate.d.ts +3 -3
- package/dist/components/OpenTextFootnoteAdapter/index.js +3 -3
- package/dist/components/PasswordInput/index.js +2 -2
- package/dist/components/PickerGroup/components/Picker/index.js +2 -2
- package/dist/components/PickerGroup/components/Picker/validate.d.ts +1 -1
- package/dist/components/PickerGroup/index.js +1 -1
- package/dist/components/PickerGroup/validate.d.ts +1 -1
- package/dist/components/Price/index.d.ts +0 -1
- package/dist/components/Price/index.js +61 -8
- package/dist/components/Price/props.d.ts +6 -6
- package/dist/components/ProductCard/index.js +4 -4
- package/dist/components/ProductCard/validate.d.ts +3 -12
- package/dist/components/QuickLinkList/components/QuickLink/index.js +2 -2
- package/dist/components/QuickLinkList/index.js +1 -1
- package/dist/components/RadioGroup/index.js +2 -2
- package/dist/components/Rating/index.js +1 -1
- package/dist/components/RichText/index.js +1 -1
- package/dist/components/RichText/parseHtml.d.ts +2 -1
- package/dist/components/RichTextContentful/getOptions.d.ts +6 -2
- package/dist/components/RichTextContentful/helpers/listHelpers.d.ts +1 -0
- package/dist/components/RichTextContentful/index.js +1 -1
- package/dist/components/RichTextContentful/props.d.ts +2 -1
- package/dist/components/RichTextContentful/styled.d.ts +5 -1
- package/dist/components/SearchInput/index.js +2 -2
- package/dist/components/SelectInput/index.js +1 -1
- package/dist/components/SuggestInput/components/SuggestInputList/index.d.ts +1 -1
- package/dist/components/SuggestInput/components/SuggestInputList/props.d.ts +0 -2
- package/dist/components/SuggestInput/index.js +20 -22
- package/dist/components/Switch/index.js +2 -2
- package/dist/components/TabGroup/index.js +11 -4
- package/dist/components/TabGroup/validate.d.ts +2 -2
- package/dist/components/Table/index.js +2 -2
- package/dist/components/TabularPrice/index.js +3 -2
- package/dist/components/TextList/components/TextListItem/index.js +1 -1
- package/dist/components/TextList/index.js +1 -1
- package/dist/components/Textarea/index.js +1 -1
- package/dist/components/TimeInput/index.js +2 -2
- package/dist/components/ToggleButtonProvider/validate.d.ts +8 -8
- package/dist/components/Tray/index.d.ts +1 -1
- package/dist/components/Tray/index.js +20 -14
- package/dist/components/Tray/validate.d.ts +1 -1
- package/dist/components/UtilityLink/index.js +1 -18
- package/dist/components/Video/componentName.d.ts +1 -0
- package/dist/components/Video/i18n.d.ts +42 -0
- package/dist/components/Video/index.d.ts +5 -0
- package/dist/components/Video/index.js +902 -0
- package/dist/components/Video/props.d.ts +52 -0
- package/dist/components/Video/styled.d.ts +2 -0
- package/dist/components/Video/validate.d.ts +84 -0
- package/dist/components/Video/validate.test.d.ts +1 -0
- package/dist/components/YouTubeVideo/index.js +1 -1
- package/dist/contentful/props/index.d.ts +2 -0
- package/dist/contentful/registry/ContentFulComponentName.d.ts +1 -1
- package/dist/contentful/registry/SupportedBrixProps.d.ts +2 -2
- package/dist/contentful/registry/index.js +1 -1
- package/dist/contentful/validation/index.d.ts +1 -0
- package/dist/contentful/validation/index.js +38 -9
- package/dist/{cssVars-DIZd9rHN.js → cssVars-DKs5LlTN.js} +112 -108
- package/dist/foundations/BrixComponentProps/componentNames.d.ts +1 -1
- package/dist/foundations/BrixComponentProps/validate.d.ts +3 -0
- package/dist/foundations/GlobalStyle/index.js +1 -1
- package/dist/foundations/colorMaps.d.ts +18 -0
- package/dist/foundations/cssVars.d.ts +1 -7
- package/dist/foundations/cssVars.test.d.ts +1 -0
- package/dist/foundations/layout/index.js +23 -6
- package/dist/foundations/typographyAndIconSizeCssVars.d.ts +7 -0
- package/dist/getSizesFromGridConfig-C-GBct4J.js +28 -0
- package/dist/{index-XoIBkRyI.js → index-BLp5wi_X.js} +199 -171
- package/dist/{index-B7QEcUdq.js → index-BXTweg2t.js} +26 -52
- package/dist/{index-BR6u6rvI.js → index-CW-UuGll.js} +2 -2
- package/dist/{index-iCvdBgcJ.js → index-C_6tWuWh.js} +1 -1
- package/dist/{index-C9M-9a7m.js → index-Cms5ie2I.js} +4 -4
- package/dist/{index-DQ_p1dIc.js → index-CpuHeI4h.js} +2 -2
- package/dist/{index-BIa9NKUU.js → index-DqdKVD9N.js} +3 -3
- package/dist/{index-B0jIyAgf.js → index-E0RMtc9X.js} +1 -1
- package/dist/{index-CWByESA7.js → index-h88pZ6zH.js} +2 -2
- package/dist/{index-Dn3We7oE.js → index-p9ZTAIzJ.js} +3 -3
- package/dist/index-xzvddlgp.js +345 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +227 -222
- package/dist/opentext/index.js +1 -1
- package/dist/opentext/map/googleMap.d.ts +2 -1
- package/dist/{props-BPxy0GPb.js → props-Bod9bL2v.js} +4 -4
- package/dist/{props-P3bM0HEk.js → props-E4PNCuS6.js} +1 -4
- package/dist/props-n71pckjd.js +5 -0
- package/dist/{styled-DRNdxc1V.js → styled-BJ9cE7xy.js} +2 -2
- package/dist/styled-BrSdmb0C.js +52 -0
- package/dist/{styled-bzTYGIm_.js → styled-DDY0xAl_.js} +1 -1
- package/dist/{styled-DhKlciPC.js → styled-Dfbxuq_p.js} +1 -1
- package/dist/styled-R9Zq1ahD.js +21 -0
- package/dist/{styled-DYgC4qQm.js → styled-ldBsCamo.js} +2 -2
- package/dist/{youTubeVideo-BOudL3DM.js → youTubeVideo-CsdIB_iu.js} +30 -56
- package/package.json +2 -1
- package/dist/ButtonAppearanceHelper-BQUk7S3X.js +0 -92
- package/dist/components/AccordionGroup/stories/scrollToViewFixedHeaderStoryObj.d.ts +0 -2
- package/dist/components/Carousel/stories/productCards.d.ts +0 -8
- package/dist/components/Flex/stories/alignCenterArgs.d.ts +0 -2
- package/dist/components/Flex/stories/alignEndArgs.d.ts +0 -2
- package/dist/components/Flex/stories/alignStartArgs.d.ts +0 -2
- package/dist/components/Flex/stories/autoAndFullItemArgs.d.ts +0 -2
- package/dist/components/Flex/stories/autoAndFullItemVerticalArgs.d.ts +0 -2
- package/dist/components/Flex/stories/fullAndAutoItemArgs.d.ts +0 -2
- package/dist/components/Flex/stories/fullAndAutoItemVerticalArgs.d.ts +0 -2
- package/dist/components/Flex/stories/justifyBetweenArgs.d.ts +0 -2
- package/dist/components/Flex/stories/justifyBetweenVerticalArgs.d.ts +0 -2
- package/dist/components/Flex/stories/justifyCenterArgs.d.ts +0 -2
- package/dist/components/Flex/stories/justifyCenterVerticalArgs.d.ts +0 -2
- package/dist/components/Flex/stories/justifyEndArgs.d.ts +0 -2
- package/dist/components/Flex/stories/justifyEndVerticalArgs.d.ts +0 -2
- package/dist/components/Flex/stories/justifyStartArgs.d.ts +0 -2
- package/dist/components/Flex/stories/justifyStartVerticalArgs.d.ts +0 -2
- package/dist/components/Flex/stories/twoFullItemsArgs.d.ts +0 -2
- package/dist/components/Flex/stories/twoFullItemsVerticalArgs.d.ts +0 -2
- package/dist/components/Flex/stories/xlGapSpacingArgs.d.ts +0 -2
- package/dist/components/Grid/stories/alignGridCenterArgs.d.ts +0 -2
- package/dist/components/Grid/stories/alignGridItemArgs.d.ts +0 -2
- package/dist/components/Grid/stories/alignGridRightArgs.d.ts +0 -2
- package/dist/components/Grid/stories/grid12Args.d.ts +0 -2
- package/dist/components/Grid/stories/grid222222Args.d.ts +0 -2
- package/dist/components/Grid/stories/grid3333Args.d.ts +0 -2
- package/dist/components/Grid/stories/grid363Args.d.ts +0 -2
- package/dist/components/Grid/stories/grid444Args.d.ts +0 -2
- package/dist/components/Grid/stories/grid64Args.d.ts +0 -2
- package/dist/components/Grid/stories/grid66Args.d.ts +0 -2
- package/dist/components/Grid/stories/grid75Args.d.ts +0 -2
- package/dist/components/Grid/stories/nestingArgs.d.ts +0 -2
- package/dist/components/Grid/stories/noSpacingArgs.d.ts +0 -2
- package/dist/components/Grid/stories/offsetArgs.d.ts +0 -2
- package/dist/components/Grid/stories/responsiveArgs.d.ts +0 -2
- package/dist/components/Grid/stories/stretchArgs.d.ts +0 -2
- package/dist/components/Grid/stories/tagOrderedListArgs.d.ts +0 -2
- package/dist/components/Grid/stories/tagUnorderedListArgs.d.ts +0 -2
- package/dist/getSizesFromGridConfig-BqDW79mt.js +0 -48
package/dist/opentext/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { M, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, C, D, E, F, G, H, I, J, K, L, N, O, P, Q, R, S, T, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak } from "../youTubeVideo-
|
|
1
|
+
import { M, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, C, D, E, F, G, H, I, J, K, L, N, O, P, Q, R, S, T, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak } from "../youTubeVideo-CsdIB_iu.js";
|
|
2
2
|
export {
|
|
3
3
|
M as MapAccordion,
|
|
4
4
|
a as MapAccordionGroup,
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { GoogleMapProps } from '../../components/GoogleMap';
|
|
3
3
|
import { CornerStyle } from '../../foundations/types/CornerStyle';
|
|
4
|
-
export interface DeprecatedGoogleMapProps extends Omit<GoogleMapProps, 'roundedCorners'> {
|
|
4
|
+
export interface DeprecatedGoogleMapProps extends Omit<GoogleMapProps, 'roundedCorners' | 'height'> {
|
|
5
5
|
corners?: CornerStyle;
|
|
6
|
+
viewportHeight: GoogleMapProps['height'];
|
|
6
7
|
}
|
|
7
8
|
export declare const MapGoogleMap: FC<DeprecatedGoogleMapProps>;
|
|
@@ -12,9 +12,9 @@ export {
|
|
|
12
12
|
notificationStatusSuccess as b,
|
|
13
13
|
notificationStatusWarning as c,
|
|
14
14
|
notificationStatuses as d,
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
15
|
+
buttonGroupComponentName as e,
|
|
16
|
+
flexComponentName as f,
|
|
17
|
+
buttonComponentName as g,
|
|
18
|
+
buttonAsLinkComponentName as h,
|
|
19
19
|
notificationStatusError as n
|
|
20
20
|
};
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { f as fontWeightRegular, a as fontWeightBold } from "./FontWeight-C8c-UnWu.js";
|
|
2
1
|
const priceOrientationHorizontal = "horizontal";
|
|
3
2
|
const priceOrientationVertical = "vertical";
|
|
4
3
|
const priceOrientations = [priceOrientationHorizontal, priceOrientationVertical];
|
|
@@ -9,7 +8,6 @@ const priceSizes = [priceSizeSm, priceSizeMd, priceSizeLg];
|
|
|
9
8
|
const priceAlignLeft = "left";
|
|
10
9
|
const priceAlignCenter = "center";
|
|
11
10
|
const priceAligns = [priceAlignLeft, priceAlignCenter];
|
|
12
|
-
const tabularPricePrefixWeights = [fontWeightRegular, fontWeightBold];
|
|
13
11
|
export {
|
|
14
12
|
priceAlignLeft as a,
|
|
15
13
|
priceAligns as b,
|
|
@@ -20,6 +18,5 @@ export {
|
|
|
20
18
|
priceSizeMd as g,
|
|
21
19
|
priceSizeSm as h,
|
|
22
20
|
priceSizes as i,
|
|
23
|
-
priceAlignCenter as p
|
|
24
|
-
tabularPricePrefixWeights as t
|
|
21
|
+
priceAlignCenter as p
|
|
25
22
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import styled from "styled-components";
|
|
2
|
-
import { g as getButtonAppearance } from "./ButtonAppearanceHelper-
|
|
2
|
+
import { g as getButtonAppearance } from "./ButtonAppearanceHelper-3qIbHGWJ.js";
|
|
3
3
|
import IconLoader from "./components/IconLoader/index.js";
|
|
4
4
|
import { translateLayoutPropsToCss } from "./foundations/layout/index.js";
|
|
5
5
|
import { v as viewport } from "./index-CG4uiVbZ.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 { getOpacity } from "./foundations/token/getOpacity/index.js";
|
|
11
11
|
import { g as getSpacing } from "./index-l-i-mIeP.js";
|
|
12
|
-
import { b as borderRadiusMd } from "./BorderRadius-
|
|
12
|
+
import { b as borderRadiusMd } from "./BorderRadius-0jhn76gB.js";
|
|
13
13
|
import { p as primaryAppearance } from "./ButtonAppearances-BEMZJMeh.js";
|
|
14
14
|
import { f as fontWeightRegular } from "./FontWeight-C8c-UnWu.js";
|
|
15
15
|
import { a as opacityDisabled } from "./Opacity-smkGiwsf.js";
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import styled from "styled-components";
|
|
2
|
+
import { translateLayoutPropsToCss } from "./foundations/layout/index.js";
|
|
3
|
+
import { getBorderRadius } from "./foundations/token/getBorderRadius/index.js";
|
|
4
|
+
import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
|
|
5
|
+
import { b as borderRadiusMd, a as borderRadiusNone } from "./BorderRadius-0jhn76gB.js";
|
|
6
|
+
import { s as spacingMd } from "./Spacing-Dj-qX3Z5.js";
|
|
7
|
+
import { s as shouldForwardProp } from "./shouldForwardProp-CONMmlMa.js";
|
|
8
|
+
const ImageContainerStyled = styled.div.withConfig({
|
|
9
|
+
shouldForwardProp,
|
|
10
|
+
displayName: "ImageContainerStyled",
|
|
11
|
+
componentId: "sc-z3qszb-0"
|
|
12
|
+
})({
|
|
13
|
+
overflow: "hidden",
|
|
14
|
+
position: "relative"
|
|
15
|
+
}, ({
|
|
16
|
+
aspectRatio
|
|
17
|
+
}) => ({
|
|
18
|
+
aspectRatio
|
|
19
|
+
}), ({
|
|
20
|
+
roundedCorners
|
|
21
|
+
}) => ({
|
|
22
|
+
borderRadius: roundedCorners ? getBorderRadius(borderRadiusMd) : getBorderRadius(borderRadiusNone)
|
|
23
|
+
}), ({
|
|
24
|
+
objectFit = "cover"
|
|
25
|
+
}) => ({
|
|
26
|
+
"& img": {
|
|
27
|
+
objectFit
|
|
28
|
+
}
|
|
29
|
+
}), ({
|
|
30
|
+
width,
|
|
31
|
+
height,
|
|
32
|
+
aspectRatio
|
|
33
|
+
}) => ({
|
|
34
|
+
width: width ? width : height ? "auto" : "100%",
|
|
35
|
+
height: height ? height : width ? "auto" : aspectRatio ? "auto" : "100%",
|
|
36
|
+
"& img": {
|
|
37
|
+
position: !width && !height && !aspectRatio ? "relative" : "absolute",
|
|
38
|
+
top: 0,
|
|
39
|
+
left: 0,
|
|
40
|
+
height: "100%",
|
|
41
|
+
width: "100%"
|
|
42
|
+
}
|
|
43
|
+
}), ({
|
|
44
|
+
bottomSpacing = spacingMd
|
|
45
|
+
}) => getBottomSpacing({
|
|
46
|
+
bottomSpacing
|
|
47
|
+
}), ({
|
|
48
|
+
layout
|
|
49
|
+
}) => layout && translateLayoutPropsToCss(layout));
|
|
50
|
+
export {
|
|
51
|
+
ImageContainerStyled as I
|
|
52
|
+
};
|
|
@@ -7,7 +7,7 @@ import { getBorderRadius } from "./foundations/token/getBorderRadius/index.js";
|
|
|
7
7
|
import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
|
|
8
8
|
import { g as getSpacing } from "./index-l-i-mIeP.js";
|
|
9
9
|
import { getTextColor } from "./foundations/token/getTextColor/index.js";
|
|
10
|
-
import { b as borderRadiusMd } from "./BorderRadius-
|
|
10
|
+
import { b as borderRadiusMd } from "./BorderRadius-0jhn76gB.js";
|
|
11
11
|
import { s as spacingMd } from "./Spacing-Dj-qX3Z5.js";
|
|
12
12
|
import { a as colorTextNeutral } from "./TextColor-DsntmDNw.js";
|
|
13
13
|
import { g as getCssVar } from "./getCssVar-BP6T9pFM.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import styled from "styled-components";
|
|
2
|
-
import { C as CardStyled } from "./styled-
|
|
2
|
+
import { C as CardStyled } from "./styled-DDY0xAl_.js";
|
|
3
3
|
import { D as DemoBoxStyled } from "./styled-D9CSzn1O.js";
|
|
4
4
|
import { v as viewport } from "./index-CG4uiVbZ.js";
|
|
5
5
|
import { g as getSpacing } from "./index-l-i-mIeP.js";
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import styled from "styled-components";
|
|
2
|
+
import forcedColors from "./foundations/media-query/forcedColors/index.js";
|
|
3
|
+
import { getBorderColor } from "./foundations/token/getBorderColor/index.js";
|
|
4
|
+
import { getBorderWidth } from "./foundations/token/getBorderWidth/index.js";
|
|
5
|
+
import { c as colorBorderFocus } from "./BorderColor-BACbvI20.js";
|
|
6
|
+
import { b as borderWidthFocus } from "./BorderWidth-CwrNKc0Q.js";
|
|
7
|
+
const UtilityLinkStyled = styled("a").withConfig({
|
|
8
|
+
displayName: "UtilityLinkStyled",
|
|
9
|
+
componentId: "sc-otjsul-0"
|
|
10
|
+
})({
|
|
11
|
+
"&:focus-within": {
|
|
12
|
+
...forcedColors({
|
|
13
|
+
outline: `${getBorderWidth(borderWidthFocus)} solid CanvasText`
|
|
14
|
+
}),
|
|
15
|
+
outline: `${getBorderWidth(borderWidthFocus)} solid ${getBorderColor(colorBorderFocus)}`,
|
|
16
|
+
textDecoration: "underline"
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
export {
|
|
20
|
+
UtilityLinkStyled as U
|
|
21
|
+
};
|
|
@@ -10,8 +10,8 @@ import { g as getSpacing } from "./index-l-i-mIeP.js";
|
|
|
10
10
|
import { getTextColor } from "./foundations/token/getTextColor/index.js";
|
|
11
11
|
import { a as colorBackgroundNeutral, d as colorBackgroundSubtle } from "./BackgroundColor-Ba4D10TC.js";
|
|
12
12
|
import { c as colorBorderFocus, a as colorBorderNeutral, b as colorBorderUnselected, d as colorBorderSuccess, e as colorBorderCritical } from "./BorderColor-BACbvI20.js";
|
|
13
|
-
import { b as borderRadiusMd } from "./BorderRadius-
|
|
14
|
-
import {
|
|
13
|
+
import { b as borderRadiusMd } from "./BorderRadius-0jhn76gB.js";
|
|
14
|
+
import { a as borderWidthUnselected } from "./BorderWidth-CwrNKc0Q.js";
|
|
15
15
|
import { c as spacingSm, a as spacingXs } from "./Spacing-Dj-qX3Z5.js";
|
|
16
16
|
import { c as colorTextPlaceholder, a as colorTextNeutral } from "./TextColor-DsntmDNw.js";
|
|
17
17
|
import { a as shouldForwardPropExcluding, s as shouldForwardProp } from "./shouldForwardProp-CONMmlMa.js";
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import { createElement } from "react";
|
|
2
2
|
import AccordionGroup from "./components/AccordionGroup/index.js";
|
|
3
3
|
import Accordion from "./components/Accordion/index.js";
|
|
4
|
-
import { r as renderInlineRichTextFromOpenText, O as OpenTextFootnoteAdapter } from "./index-
|
|
5
|
-
import { B as Badge } from "./index-
|
|
4
|
+
import { r as renderInlineRichTextFromOpenText, O as OpenTextFootnoteAdapter } from "./index-CpuHeI4h.js";
|
|
5
|
+
import { B as Badge } from "./index-h88pZ6zH.js";
|
|
6
6
|
import Body from "./components/Body/index.js";
|
|
7
7
|
import BottomBar from "./components/BottomBar/index.js";
|
|
8
8
|
import Button from "./components/Button/index.js";
|
|
9
|
-
import { B as ButtonAsLink } from "./index-
|
|
9
|
+
import { B as ButtonAsLink } from "./index-DqdKVD9N.js";
|
|
10
10
|
import ButtonGroup from "./components/ButtonGroup/index.js";
|
|
11
11
|
import Calendar from "./components/Calendar/index.js";
|
|
12
12
|
import Card from "./components/Card/index.js";
|
|
13
|
-
import { C as Carousel, a as CarouselItem } from "./index-
|
|
13
|
+
import { C as Carousel, a as CarouselItem } from "./index-Cms5ie2I.js";
|
|
14
14
|
import Checkbox from "./components/Checkbox/index.js";
|
|
15
15
|
import CheckboxGroup from "./components/CheckboxGroup/index.js";
|
|
16
16
|
import ColorSwatch from "./components/ColorSwatch/index.js";
|
|
17
17
|
import ColorSwatchGroup from "./components/ColorSwatchGroup/index.js";
|
|
18
18
|
import ConsentMessage from "./components/ConsentMessage/index.js";
|
|
19
|
-
import { C as Container } from "./index-
|
|
19
|
+
import { C as Container } from "./index-C_6tWuWh.js";
|
|
20
20
|
import DateInput from "./components/DateInput/index.js";
|
|
21
21
|
import Dialog from "./components/Dialog/index.js";
|
|
22
22
|
import DiscoveryCardGroup from "./components/DiscoveryCardGroup/index.js";
|
|
@@ -30,7 +30,8 @@ import FootnoteContent from "./components/FootnoteContent/index.js";
|
|
|
30
30
|
import { F as FootnoteLink } from "./index-DcEZ9vor.js";
|
|
31
31
|
import Form from "./components/Form/index.js";
|
|
32
32
|
import GoogleMap from "./components/GoogleMap/index.js";
|
|
33
|
-
import {
|
|
33
|
+
import { c as cornerRounded } from "./CornerStyle-n77nckhh.js";
|
|
34
|
+
import { G as Grid, b as GridItem } from "./index-E0RMtc9X.js";
|
|
34
35
|
import Heading from "./components/Heading/index.js";
|
|
35
36
|
import HifiIcon from "./components/HifiIcon/index.js";
|
|
36
37
|
import Icon from "./components/Icon/index.js";
|
|
@@ -44,32 +45,33 @@ import InfoBanner from "./components/InfoBanner/index.js";
|
|
|
44
45
|
import Input from "./components/Input/index.js";
|
|
45
46
|
import Label from "./components/Label/index.js";
|
|
46
47
|
import Link from "./components/Link/index.js";
|
|
47
|
-
import { L as LinkAsButton } from "./index-
|
|
48
|
+
import { L as LinkAsButton } from "./index-CW-UuGll.js";
|
|
48
49
|
import LinkList from "./components/LinkList/index.js";
|
|
49
|
-
import LinkListItem from "./
|
|
50
|
+
import { L as LinkListItem } from "./index-xzvddlgp.js";
|
|
50
51
|
import LoadingSpinner from "./components/LoadingSpinner/index.js";
|
|
51
52
|
import MediaText from "./components/MediaText/index.js";
|
|
52
53
|
import Notification from "./components/Notification/index.js";
|
|
53
|
-
import { P as Picker } from "./index-
|
|
54
|
+
import { P as Picker } from "./index-p9ZTAIzJ.js";
|
|
54
55
|
import PickerGroup from "./components/PickerGroup/index.js";
|
|
55
|
-
import
|
|
56
|
+
import Price from "./components/Price/index.js";
|
|
56
57
|
import ProductCard from "./components/ProductCard/index.js";
|
|
57
58
|
import QuickLinkList from "./components/QuickLinkList/index.js";
|
|
58
59
|
import RadioGroup from "./components/RadioGroup/index.js";
|
|
59
60
|
import Rating from "./components/Rating/index.js";
|
|
60
61
|
import ArtDirectedImage from "./components/ArtDirectedImage/index.js";
|
|
61
|
-
import { R as RichText, T as TableWrapper, f as TextList, g as TextListItem } from "./index-
|
|
62
|
+
import { R as RichText, T as TableWrapper, f as TextList, g as TextListItem } from "./index-BLp5wi_X.js";
|
|
62
63
|
import SearchInput from "./components/SearchInput/index.js";
|
|
63
64
|
import SelectInput from "./components/SelectInput/index.js";
|
|
64
65
|
import Stepper from "./components/Stepper/index.js";
|
|
65
66
|
import SuggestInput from "./components/SuggestInput/index.js";
|
|
66
67
|
import Switch from "./components/Switch/index.js";
|
|
67
68
|
import TabGroup from "./components/TabGroup/index.js";
|
|
68
|
-
import "
|
|
69
|
+
import "./props-B5OwQmNC.js";
|
|
69
70
|
import "./index-Dgu9iIhb.js";
|
|
71
|
+
import "./props-GrMT6XLD.js";
|
|
70
72
|
import "./hooks/useLinkComponent/index.js";
|
|
71
73
|
import "./components/InlineLink/index.js";
|
|
72
|
-
import "./
|
|
74
|
+
import { T as TabularPrice } from "./index-BXTweg2t.js";
|
|
73
75
|
import Textarea from "./components/Textarea/index.js";
|
|
74
76
|
import TimeInput from "./components/TimeInput/index.js";
|
|
75
77
|
import Tray from "./components/Tray/index.js";
|
|
@@ -206,13 +208,13 @@ const MapFootnoteLink = (props) => {
|
|
|
206
208
|
const MapForm = (props) => {
|
|
207
209
|
return /* @__PURE__ */ createElement(Form, { ...props, key: props.uid });
|
|
208
210
|
};
|
|
209
|
-
const cornerRounded = "rounded";
|
|
210
211
|
const MapGoogleMap = (props) => {
|
|
211
212
|
const {
|
|
212
213
|
corners,
|
|
214
|
+
viewportHeight,
|
|
213
215
|
...rest
|
|
214
216
|
} = props;
|
|
215
|
-
return /* @__PURE__ */ createElement(GoogleMap, { ...rest, key: rest.uid, roundedCorners: corners !== void 0 ? corners === cornerRounded : void 0 });
|
|
217
|
+
return /* @__PURE__ */ createElement(GoogleMap, { ...rest, key: rest.uid, roundedCorners: corners !== void 0 ? corners === cornerRounded : void 0, height: viewportHeight });
|
|
216
218
|
};
|
|
217
219
|
const MapGrid = (props) => {
|
|
218
220
|
return /* @__PURE__ */ createElement(Grid, { ...props, key: props.uid, gap: props.spacing && props.spacing.toLowerCase() });
|
|
@@ -393,53 +395,25 @@ const MapRadioGroup = (props) => {
|
|
|
393
395
|
const MapRating = (props) => {
|
|
394
396
|
return /* @__PURE__ */ createElement(Rating, { ...props, key: props.uid });
|
|
395
397
|
};
|
|
398
|
+
const toArtDirectedSource = (image) => ({
|
|
399
|
+
...image,
|
|
400
|
+
srcSet: image.src,
|
|
401
|
+
aspectRatio: image.aspectRatio || "16/9"
|
|
402
|
+
});
|
|
396
403
|
const MapResponsiveImage = ({
|
|
397
404
|
images,
|
|
398
405
|
...props
|
|
399
406
|
}) => {
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
srcSet: images.sm.src,
|
|
405
|
-
aspectRatio: images.sm.aspectRatio || "16/9"
|
|
406
|
-
},
|
|
407
|
-
...images.md && {
|
|
408
|
-
md: {
|
|
409
|
-
...images.md,
|
|
410
|
-
srcSet: images.md.src,
|
|
411
|
-
aspectRatio: images.md.aspectRatio || "16/9"
|
|
412
|
-
}
|
|
413
|
-
},
|
|
414
|
-
...images.lg && {
|
|
415
|
-
lg: {
|
|
416
|
-
...images.lg,
|
|
417
|
-
srcSet: images.lg.src,
|
|
418
|
-
aspectRatio: images.lg.aspectRatio || "16/9"
|
|
419
|
-
}
|
|
420
|
-
}
|
|
421
|
-
}, image: {
|
|
422
|
-
...images.sm,
|
|
423
|
-
aspectRatio: images.sm.aspectRatio || "16/9"
|
|
424
|
-
}, ...props, key: props.uid });
|
|
425
|
-
}
|
|
426
|
-
return /* @__PURE__ */ createElement(ArtDirectedImage, { sources: {
|
|
427
|
-
sm: {
|
|
428
|
-
...images.sm,
|
|
429
|
-
srcSet: images.sm.src,
|
|
430
|
-
aspectRatio: images.sm.aspectRatio || "16/9"
|
|
431
|
-
},
|
|
432
|
-
md: {
|
|
433
|
-
...images.md,
|
|
434
|
-
srcSet: images.md.src,
|
|
435
|
-
aspectRatio: images.md.aspectRatio || "16/9"
|
|
407
|
+
const sources = {
|
|
408
|
+
sm: toArtDirectedSource(images.sm),
|
|
409
|
+
...images.md && {
|
|
410
|
+
md: toArtDirectedSource(images.md)
|
|
436
411
|
},
|
|
437
|
-
lg
|
|
438
|
-
|
|
439
|
-
srcSet: images.lg.src,
|
|
440
|
-
aspectRatio: images.lg.aspectRatio || "16/9"
|
|
412
|
+
...images.lg && {
|
|
413
|
+
lg: toArtDirectedSource(images.lg)
|
|
441
414
|
}
|
|
442
|
-
}
|
|
415
|
+
};
|
|
416
|
+
return /* @__PURE__ */ createElement(ArtDirectedImage, { sources, image: {
|
|
443
417
|
...images.sm,
|
|
444
418
|
aspectRatio: images.sm.aspectRatio || "16/9"
|
|
445
419
|
}, ...props, key: props.uid });
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vodafone_de/brix-components",
|
|
3
3
|
"description": "Brix is the digital design system for vodafone.de",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "18.0.0",
|
|
5
5
|
"exports": {
|
|
6
6
|
"./package.json": "./package.json",
|
|
7
7
|
".": {
|
|
@@ -27,6 +27,7 @@
|
|
|
27
27
|
"@contentful/rich-text-react-renderer": "^16.2.1",
|
|
28
28
|
"@vis.gl/react-google-maps": "^1.8.3",
|
|
29
29
|
"html-react-parser": "^6.1.2",
|
|
30
|
+
"plyr": "^3.8.4",
|
|
30
31
|
"polished": "^4.3.1",
|
|
31
32
|
"react": "^19.2.6",
|
|
32
33
|
"react-day-picker": "^9.14.0",
|
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
import forcedColors from "./foundations/media-query/forcedColors/index.js";
|
|
2
|
-
import { e as ease_in_sine } from "./easing-Dm-pO8SY.js";
|
|
3
|
-
import { getBorderColor } from "./foundations/token/getBorderColor/index.js";
|
|
4
|
-
import { getBorderWidth } from "./foundations/token/getBorderWidth/index.js";
|
|
5
|
-
import { getHoverColor } from "./foundations/token/getHoverColor/index.js";
|
|
6
|
-
import { getObjectColor } from "./foundations/token/getObjectColor/index.js";
|
|
7
|
-
import { getPressColor } from "./foundations/token/getPressColor/index.js";
|
|
8
|
-
import { c as colorBorderFocus } from "./BorderColor-BACbvI20.js";
|
|
9
|
-
import { a as borderWidthFocus, c as borderWidthSelected } from "./BorderWidth-OZWeXaq_.js";
|
|
10
|
-
import { a as colorObjectNeutral, d as colorObjectBrand, e as colorObjectInverse } from "./ObjectColor-CSHEae46.js";
|
|
11
|
-
import { g as getForegroundColor } from "./colorUtils-CfSj2Iqa.js";
|
|
12
|
-
const ButtonAppearanceColor = {
|
|
13
|
-
primary: colorObjectBrand,
|
|
14
|
-
secondary: colorObjectNeutral,
|
|
15
|
-
tertiary: colorObjectNeutral
|
|
16
|
-
};
|
|
17
|
-
const getButtonAppearance = (appearance) => {
|
|
18
|
-
const background = getObjectColor(ButtonAppearanceColor[appearance]);
|
|
19
|
-
const color = getForegroundColor(ButtonAppearanceColor[appearance]);
|
|
20
|
-
const hoverBackgroundColor = getHoverColor(ButtonAppearanceColor[appearance]);
|
|
21
|
-
const pressedBackgroundColor = getPressColor(ButtonAppearanceColor[appearance]);
|
|
22
|
-
const focusColor = getBorderColor(colorBorderFocus);
|
|
23
|
-
let style = {
|
|
24
|
-
...forcedColors({
|
|
25
|
-
background: "ButtonFace",
|
|
26
|
-
color: "ButtonText"
|
|
27
|
-
}),
|
|
28
|
-
border: "unset",
|
|
29
|
-
background,
|
|
30
|
-
color,
|
|
31
|
-
transitionProperty: "background, color, box-shadow",
|
|
32
|
-
transitionDuration: "0.2s",
|
|
33
|
-
transitionTimingFunction: ease_in_sine,
|
|
34
|
-
/* No visible box-shadow. as transition endpoint for focus */
|
|
35
|
-
boxShadow: `inset transparent 0px 0px 0px ${hoverBackgroundColor}`,
|
|
36
|
-
"&:visited": {
|
|
37
|
-
...forcedColors({
|
|
38
|
-
background: "ButtonFace",
|
|
39
|
-
color: "ButtonText"
|
|
40
|
-
}),
|
|
41
|
-
color,
|
|
42
|
-
background
|
|
43
|
-
},
|
|
44
|
-
"&:hover": {
|
|
45
|
-
...forcedColors({
|
|
46
|
-
background: "ButtonFace",
|
|
47
|
-
color: "ButtonText"
|
|
48
|
-
}),
|
|
49
|
-
color,
|
|
50
|
-
background: hoverBackgroundColor,
|
|
51
|
-
/* No visible box-shadow. as transition point for focus and from tertiary */
|
|
52
|
-
boxShadow: `inset transparent 0px 0px 0px`
|
|
53
|
-
},
|
|
54
|
-
"&:active": {
|
|
55
|
-
...forcedColors({
|
|
56
|
-
background: "ButtonFace",
|
|
57
|
-
color: "ButtonText"
|
|
58
|
-
}),
|
|
59
|
-
color,
|
|
60
|
-
backgroundColor: pressedBackgroundColor
|
|
61
|
-
},
|
|
62
|
-
"&:focus-visible, &:focus-within": {
|
|
63
|
-
...forcedColors({
|
|
64
|
-
outline: `${getBorderWidth(borderWidthFocus)} solid CanvasText`,
|
|
65
|
-
background: "ButtonFace",
|
|
66
|
-
color: "ButtonText"
|
|
67
|
-
}),
|
|
68
|
-
boxShadow: `${focusColor} 0px 0px 0px ${getBorderWidth(borderWidthFocus)}`,
|
|
69
|
-
color,
|
|
70
|
-
background: hoverBackgroundColor,
|
|
71
|
-
outline: "none"
|
|
72
|
-
}
|
|
73
|
-
};
|
|
74
|
-
if ("tertiary" === appearance) {
|
|
75
|
-
const color2 = getForegroundColor(colorObjectInverse);
|
|
76
|
-
style = {
|
|
77
|
-
...style,
|
|
78
|
-
color: color2,
|
|
79
|
-
background: "transparent",
|
|
80
|
-
boxShadow: `inset ${background} 0px 0px 0px ${getBorderWidth(borderWidthSelected)}`,
|
|
81
|
-
"&:visited": {
|
|
82
|
-
color: color2,
|
|
83
|
-
background: "transparent"
|
|
84
|
-
}
|
|
85
|
-
};
|
|
86
|
-
}
|
|
87
|
-
return style;
|
|
88
|
-
};
|
|
89
|
-
export {
|
|
90
|
-
ButtonAppearanceColor as B,
|
|
91
|
-
getButtonAppearance as g
|
|
92
|
-
};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export declare const iPhone16Carousel: import("react/jsx-runtime").JSX.Element;
|
|
2
|
-
export declare const iPhone16ProCarousel: import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
export declare const iPhone16ProMaxCarousel: import("react/jsx-runtime").JSX.Element;
|
|
4
|
-
export declare const iPhone16PlusCarousel: import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
export declare const iPhone15Carousel: import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
export declare const onyxCarousel: import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export declare const galaxy25Carousel: import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export declare const galaxy7FoldCarousel: import("react/jsx-runtime").JSX.Element;
|