@vodafone_de/brix-components 3.1.8 → 3.1.9
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/LICENSE +393 -0
- package/README.md +4 -0
- package/{BorderWidth-DfOlyKK7.js → dist/BorderWidth-eg_mz82k.js} +2 -2
- package/{Spacing-D0HQH9YJ.js → dist/Spacing-B-7SYaM_.js} +6 -6
- package/{TextBodySize-BcZR9mh2.js → dist/TextBodySize-ovWXXu9n.js} +2 -2
- package/{TextColor-DsntmDNw.js → dist/TextColor-BXiR5Uq9.js} +4 -4
- package/{colorUtils-BYlfVHXJ.js → dist/colorUtils-uLZF5UIN.js} +5 -5
- package/{esm → dist}/components/Accordion/index.js +9 -8
- package/{esm → dist}/components/AccordionGroup/index.js +3 -2
- package/dist/components/Badge/index.js +11 -0
- package/{esm → dist}/components/Body/index.js +6 -5
- package/{esm → dist}/components/BottomBar/index.js +5 -4
- package/{esm → dist}/components/Button/index.js +4 -3
- package/dist/components/ButtonAsLink/index.js +7 -0
- package/{esm → dist}/components/ButtonGroup/index.js +3 -2
- package/{esm → dist}/components/Card/index.js +4 -3
- package/{esm → dist}/components/Carousel/index.js +11 -10
- package/{esm → dist}/components/Checkbox/index.js +10 -9
- package/{esm → dist}/components/CheckboxGroup/index.js +4 -3
- package/{esm → dist}/components/Collapsible/index.js +5 -4
- package/{esm → dist}/components/ColorSwatch/index.js +7 -6
- package/{esm → dist}/components/ColorSwatchGroup/index.js +6 -5
- package/{esm → dist}/components/Container/index.js +7 -6
- package/{esm → dist}/components/DateInput/index.js +5 -4
- package/{esm → dist}/components/DemoBox/index.js +4 -3
- package/{esm → dist}/components/Dialog/index.js +7 -6
- package/{esm → dist}/components/DiscoveryCard/index.js +11 -10
- package/{esm → dist}/components/DiscoveryCardGroup/index.js +3 -2
- package/{esm → dist}/components/Divider/index.js +4 -3
- package/{esm → dist}/components/Fieldset/index.js +5 -4
- package/{esm → dist}/components/FilterGroup/index.js +12 -11
- package/{esm → dist}/components/Flex/index.js +3 -2
- package/{esm → dist}/components/FlexItem/index.js +3 -2
- package/{esm → dist}/components/FootnoteContent/index.js +4 -3
- package/{esm → dist}/components/FootnoteLink/index.js +3 -2
- package/{esm → dist}/components/Form/index.js +3 -2
- package/{esm → dist}/components/FormElement/index.js +3 -2
- package/{esm → dist}/components/FormHelperLabel/index.js +2 -1
- package/{esm → dist}/components/FormHelperMessage/index.js +4 -3
- package/{esm → dist}/components/FormHelperStatusIcon/index.js +3 -2
- package/{esm → dist}/components/GoogleMap/index.js +11 -10
- package/{esm → dist}/components/Grid/index.js +4 -3
- package/{esm → dist}/components/GridItem/index.js +3 -2
- package/{esm → dist}/components/Heading/index.js +7 -6
- package/{esm → dist}/components/HifiIcon/index.js +4 -3
- package/{esm → dist}/components/Icon/index.js +2 -1
- package/{esm → dist}/components/IconButton/index.js +10 -9
- package/{esm → dist}/components/IconSnippet/index.js +6 -5
- package/{esm → dist}/components/IconSnippetList/index.js +3 -2
- package/{esm → dist}/components/Image/index.js +4 -3
- package/{esm → dist}/components/ImageHeader/index.js +11 -10
- package/{esm → dist}/components/InlineLink/index.js +6 -5
- package/{esm → dist}/components/Input/index.js +6 -5
- package/{esm → dist}/components/Label/index.js +3 -2
- package/{esm → dist}/components/Legend/index.js +2 -1
- package/{esm → dist}/components/Link/index.js +3 -2
- package/dist/components/LinkAsButton/index.js +7 -0
- package/{esm → dist}/components/LinkList/index.js +3 -2
- package/{esm → dist}/components/LinkListItem/index.js +15 -14
- package/{esm → dist}/components/LoadingSpinner/index.js +3 -2
- package/{esm → dist}/components/Notification/index.js +11 -10
- package/{esm → dist}/components/Overlay/index.js +3 -2
- package/{esm → dist}/components/PickerGroup/index.js +17 -16
- package/{esm → dist}/components/Price/index.js +4 -3
- package/{esm → dist}/components/ProductCard/index.js +7 -6
- package/{esm → dist}/components/RadioGroup/index.js +9 -8
- package/{esm → dist}/components/ResponsiveImage/index.js +5 -4
- package/{esm → dist}/components/RichText/index.js +2 -1
- package/dist/components/ScreenreaderOnly/index.js +6 -0
- package/{esm → dist}/components/SearchInput/index.js +7 -6
- package/{esm → dist}/components/SelectInput/index.js +11 -10
- package/{esm → dist}/components/Stepper/index.js +9 -8
- package/{esm → dist}/components/SuggestInput/index.js +13 -12
- package/{esm → dist}/components/Switch/index.js +10 -9
- package/dist/components/TabularPrice/index.js +8 -0
- package/dist/components/TextList/index.js +10 -0
- package/{esm → dist}/components/Textarea/index.js +9 -8
- package/{esm → dist}/components/Tray/index.js +10 -9
- package/{esm → dist}/foundations/GlobalStyle/index.js +3 -2
- package/{esm → dist}/foundations/media-query/viewport/index.js +1 -1
- package/{esm → dist}/foundations/token/getBackgroundColor/index.js +1 -1
- package/{esm → dist}/foundations/token/getBodySize/index.js +1 -1
- package/{esm → dist}/foundations/token/getBorderColor/index.js +1 -1
- package/{esm → dist}/foundations/token/getBorderRadius/index.js +1 -1
- package/{esm → dist}/foundations/token/getBorderWidth/index.js +1 -1
- package/{esm → dist}/foundations/token/getFontWeight/index.js +1 -1
- package/{esm → dist}/foundations/token/getHeadingSize/index.js +1 -1
- package/{esm → dist}/foundations/token/getHoverColor/index.js +1 -1
- package/{esm → dist}/foundations/token/getIconColor/index.js +1 -1
- package/{esm → dist}/foundations/token/getObjectColor/index.js +1 -1
- package/{esm → dist}/foundations/token/getOpacity/index.js +1 -1
- package/{esm → dist}/foundations/token/getPressColor/index.js +1 -1
- package/{esm → dist}/foundations/token/getSpacing/index.js +1 -1
- package/{esm → dist}/foundations/token/getTextColor/index.js +1 -1
- package/{esm → dist}/foundations/token/getTextDecoration/index.js +1 -1
- package/{esm → dist}/hooks/useViewport/index.js +1 -1
- package/{esm → dist}/icons/index.js +1 -1
- package/{index-DXcRBKzd.js → dist/index-DE9iZx_0.js} +10 -10
- package/{index-CgzBmq4n.js → dist/index-DH6pW0wc.js} +8 -8
- package/{index-D3VTZbkv.js → dist/index-DPQJSCi7.js} +10 -10
- package/{index-BjJ1C1T5.js → dist/index-DRQqmPiC.js} +8 -8
- package/{index-RUfLpIPk.js → dist/index-DauKVKW_.js} +12 -12
- package/{esm → dist}/index.js +10 -10
- package/{styled-B7ngqPIu.js → dist/styled-BWxYFp57.js} +3 -3
- package/{styled-P94o9QP6.js → dist/styled-Bq7qee_E.js} +6 -6
- package/{styled-B-SHnHIq.js → dist/styled-CN4Pw2Cl.js} +11 -11
- package/{styled-BOWAXJ4T.js → dist/styled-D4n7rxyh.js} +8 -8
- package/{styled-QeNVrhQW.js → dist/styled-DBibvE8t.js} +16 -16
- package/{styled-lW-VhQz3.js → dist/styled-DtPpPNNy.js} +3 -3
- package/{styled-AXUDObEN.js → dist/styled-Dtd8GcNo.js} +5 -5
- package/{styled-VjTKXjli.js → dist/styled-G3ZpnzDF.js} +12 -12
- package/package.json +15 -31
- package/BackgroundColor-C3dayRDw.cjs +0 -13
- package/BorderColor-Bl18ZGTj.cjs +0 -23
- package/BorderRadius-tg_0N_aM.cjs +0 -9
- package/BorderWidth-BLS_JGlE.cjs +0 -15
- package/CornerStyle-Dp7lKShv.cjs +0 -5
- package/FontWeight-D3-RZpaX.cjs +0 -7
- package/HeadingSize-cjNplkhN.cjs +0 -11
- package/IconColor-B-BmIdKj.cjs +0 -9
- package/ObjectColor-BrtIOUrJ.cjs +0 -21
- package/Opacity-gfDZhzig.cjs +0 -5
- package/SizeTypes-CoZ2p2qq.cjs +0 -7
- package/Spacing-Cu_j2b83.cjs +0 -15
- package/TextBodySize-DeP5RE2m.cjs +0 -5
- package/TextColor-BZDXH1wP.cjs +0 -15
- package/colorUtils-DlX47rtH.cjs +0 -93
- package/components/Accordion/index.js +0 -195
- package/components/AccordionGroup/index.js +0 -58
- package/components/Badge/index.js +0 -11
- package/components/Body/index.js +0 -75
- package/components/BottomBar/index.js +0 -78
- package/components/Button/index.js +0 -24
- package/components/ButtonAsLink/index.js +0 -6
- package/components/ButtonGroup/index.js +0 -33
- package/components/Card/index.js +0 -17
- package/components/Carousel/index.js +0 -496
- package/components/Checkbox/index.js +0 -217
- package/components/CheckboxGroup/index.js +0 -57
- package/components/Collapsible/index.js +0 -84
- package/components/ColorSwatch/index.js +0 -87
- package/components/ColorSwatchGroup/index.js +0 -42
- package/components/Container/index.js +0 -76
- package/components/DateInput/index.js +0 -85
- package/components/DemoBox/index.js +0 -20
- package/components/Dialog/index.js +0 -171
- package/components/DiscoveryCard/index.js +0 -130
- package/components/DiscoveryCardGroup/index.js +0 -52
- package/components/Divider/index.js +0 -29
- package/components/Fieldset/index.js +0 -40
- package/components/FilterGroup/index.js +0 -147
- package/components/Flex/index.js +0 -16
- package/components/FlexItem/index.js +0 -41
- package/components/FootnoteContent/index.js +0 -38
- package/components/FootnoteLink/index.js +0 -45
- package/components/Form/index.js +0 -19
- package/components/FormElement/index.js +0 -30
- package/components/FormHelperLabel/index.js +0 -20
- package/components/FormHelperMessage/index.js +0 -46
- package/components/FormHelperStatusIcon/index.js +0 -50
- package/components/GoogleMap/index.js +0 -195
- package/components/Grid/index.js +0 -38
- package/components/GridItem/index.js +0 -11
- package/components/Heading/index.js +0 -94
- package/components/HifiIcon/index.js +0 -30
- package/components/Icon/index.js +0 -38
- package/components/IconButton/index.js +0 -85
- package/components/IconSnippet/index.js +0 -112
- package/components/IconSnippetList/index.js +0 -24
- package/components/Image/index.js +0 -84
- package/components/ImageHeader/index.js +0 -262
- package/components/InlineLink/index.js +0 -42
- package/components/Input/index.js +0 -54
- package/components/Label/index.js +0 -21
- package/components/Legend/index.js +0 -59
- package/components/Link/index.js +0 -18
- package/components/LinkAsButton/index.js +0 -6
- package/components/LinkList/index.js +0 -64
- package/components/LinkListItem/index.js +0 -316
- package/components/LoadingSpinner/index.js +0 -69
- package/components/Notification/index.js +0 -181
- package/components/Overlay/index.js +0 -33
- package/components/PickerGroup/index.js +0 -281
- package/components/Price/index.js +0 -18
- package/components/ProductCard/index.js +0 -80
- package/components/RadioGroup/index.js +0 -196
- package/components/ResponsiveImage/index.js +0 -88
- package/components/RichText/index.js +0 -6
- package/components/ScreenreaderOnly/index.js +0 -5
- package/components/SearchInput/index.js +0 -139
- package/components/SelectInput/index.js +0 -159
- package/components/Stepper/index.js +0 -204
- package/components/SuggestInput/index.js +0 -386
- package/components/Switch/index.js +0 -168
- package/components/TabularPrice/index.js +0 -7
- package/components/TextList/index.js +0 -10
- package/components/Textarea/index.js +0 -155
- package/components/Tray/index.js +0 -217
- package/easing-CWOuUocw.cjs +0 -5
- package/esm/components/Badge/index.js +0 -10
- package/esm/components/ButtonAsLink/index.js +0 -6
- package/esm/components/LinkAsButton/index.js +0 -6
- package/esm/components/ScreenreaderOnly/index.js +0 -5
- package/esm/components/TabularPrice/index.js +0 -7
- package/esm/components/TextList/index.js +0 -9
- package/filterProps-D3K8rtOg.cjs +0 -12
- package/foundations/GlobalStyle/index.js +0 -228
- package/foundations/PatternProps/index.js +0 -1
- package/foundations/media-query/forcedColors/index.js +0 -12
- package/foundations/media-query/reducedMotion/index.js +0 -21
- package/foundations/media-query/viewport/index.js +0 -6
- package/foundations/token/getBackgroundColor/index.js +0 -5
- package/foundations/token/getBodySize/index.js +0 -15
- package/foundations/token/getBorderColor/index.js +0 -5
- package/foundations/token/getBorderRadius/index.js +0 -15
- package/foundations/token/getBorderWidth/index.js +0 -19
- package/foundations/token/getBottomSpacing/index.js +0 -14
- package/foundations/token/getFontWeight/index.js +0 -13
- package/foundations/token/getHeadingSize/index.js +0 -27
- package/foundations/token/getHoverColor/index.js +0 -7
- package/foundations/token/getIconColor/index.js +0 -5
- package/foundations/token/getObjectColor/index.js +0 -5
- package/foundations/token/getOpacity/index.js +0 -11
- package/foundations/token/getPressColor/index.js +0 -7
- package/foundations/token/getSpacing/index.js +0 -5
- package/foundations/token/getTextColor/index.js +0 -5
- package/foundations/token/getTextDecoration/index.js +0 -13
- package/getCssVar-CyR1mrKh.cjs +0 -5
- package/hooks/useFocusWithin/index.js +0 -36
- package/hooks/useForcedColors/index.js +0 -9
- package/hooks/useMediaQuery/index.js +0 -19
- package/hooks/useReducedMotion/index.js +0 -9
- package/hooks/useThirdPartyConsent/index.js +0 -54
- package/hooks/useViewport/index.js +0 -24
- package/icons/index.js +0 -603
- package/index-B5BTmO2E.cjs +0 -60
- package/index-BMP9PDyg.cjs +0 -78
- package/index-BxxkHUxs.cjs +0 -207
- package/index-CnLaY-bi.cjs +0 -78
- package/index-DORk60LP.cjs +0 -167
- package/index-DVXE2AnG.cjs +0 -23
- package/index-DuE6C2cO.cjs +0 -31
- package/index-_A9hEpl9.cjs +0 -7133
- package/index.js +0 -288
- package/props-DJ2g0nfk.cjs +0 -5
- package/renderInlineRichTextFromOpenText-CfOFMQ1v.cjs +0 -12
- package/shadow-CwqrYf1e.cjs +0 -3
- package/styled-B6YPXixY.cjs +0 -244
- package/styled-B_Yb1i3j.cjs +0 -132
- package/styled-C83gSQcc.cjs +0 -28
- package/styled-CL1J-PFC.cjs +0 -70
- package/styled-D36Jj6J7.cjs +0 -44
- package/styled-IZHOHnAD.cjs +0 -33
- package/styled-nCWTwQUZ.cjs +0 -164
- package/styled-rjPMMnSd.cjs +0 -123
- package/tags-CTaUxoCi.cjs +0 -28
- /package/{BackgroundColor-JObp_2xA.js → dist/BackgroundColor-JObp_2xA.js} +0 -0
- /package/{BorderColor-BummoQ1-.js → dist/BorderColor-BummoQ1-.js} +0 -0
- /package/{BorderRadius-ClUShVLu.js → dist/BorderRadius-ClUShVLu.js} +0 -0
- /package/{CornerStyle-JEbGNArR.js → dist/CornerStyle-JEbGNArR.js} +0 -0
- /package/{FontWeight-CR22KTex.js → dist/FontWeight-CR22KTex.js} +0 -0
- /package/{HeadingSize-CfCRn3Lh.js → dist/HeadingSize-CfCRn3Lh.js} +0 -0
- /package/{IconColor-CtC9WUgr.js → dist/IconColor-CtC9WUgr.js} +0 -0
- /package/{ObjectColor-BZDBuV8H.js → dist/ObjectColor-BZDBuV8H.js} +0 -0
- /package/{Opacity-smkGiwsf.js → dist/Opacity-smkGiwsf.js} +0 -0
- /package/{SizeTypes-Ck_RdzIf.js → dist/SizeTypes-Ck_RdzIf.js} +0 -0
- /package/{components → dist/components}/Accordion/index.d.ts +0 -0
- /package/{components → dist/components}/Accordion/props.d.ts +0 -0
- /package/{components → dist/components}/Accordion/styled.d.ts +0 -0
- /package/{components → dist/components}/AccordionGroup/AccordionGroupSingleExpand.d.ts +0 -0
- /package/{components → dist/components}/AccordionGroup/index.d.ts +0 -0
- /package/{components → dist/components}/AccordionGroup/props.d.ts +0 -0
- /package/{components → dist/components}/AccordionGroup/stories/scrollToViewFixedHeaderStoryObj.d.ts +0 -0
- /package/{components → dist/components}/AccordionGroup/styled.d.ts +0 -0
- /package/{components → dist/components}/Badge/index.d.ts +0 -0
- /package/{components → dist/components}/Badge/props.d.ts +0 -0
- /package/{components → dist/components}/Badge/styled.d.ts +0 -0
- /package/{components → dist/components}/Body/index.d.ts +0 -0
- /package/{components → dist/components}/Body/props.d.ts +0 -0
- /package/{components → dist/components}/Body/styled.d.ts +0 -0
- /package/{components → dist/components}/BottomBar/index.d.ts +0 -0
- /package/{components → dist/components}/BottomBar/props.d.ts +0 -0
- /package/{components → dist/components}/BottomBar/styled.d.ts +0 -0
- /package/{components → dist/components}/Button/ButtonAppearanceHelper.d.ts +0 -0
- /package/{components → dist/components}/Button/getButtonIcon.d.ts +0 -0
- /package/{components → dist/components}/Button/index.d.ts +0 -0
- /package/{components → dist/components}/Button/props.d.ts +0 -0
- /package/{components → dist/components}/Button/styled.d.ts +0 -0
- /package/{components → dist/components}/ButtonAsLink/index.d.ts +0 -0
- /package/{components → dist/components}/ButtonAsLink/props.d.ts +0 -0
- /package/{components → dist/components}/ButtonAsLink/styled.d.ts +0 -0
- /package/{components → dist/components}/ButtonGroup/index.d.ts +0 -0
- /package/{components → dist/components}/ButtonGroup/props.d.ts +0 -0
- /package/{components → dist/components}/Card/index.d.ts +0 -0
- /package/{components → dist/components}/Card/props.d.ts +0 -0
- /package/{components → dist/components}/Card/styled.d.ts +0 -0
- /package/{components → dist/components}/Carousel/components/CarouselContext.d.ts +0 -0
- /package/{components → dist/components}/Carousel/components/CarouselIndicator.d.ts +0 -0
- /package/{components → dist/components}/Carousel/components/CarouselInner.d.ts +0 -0
- /package/{components → dist/components}/Carousel/components/CarouselItem.d.ts +0 -0
- /package/{components → dist/components}/Carousel/components/CarouselNavigation.d.ts +0 -0
- /package/{components → dist/components}/Carousel/index.d.ts +0 -0
- /package/{components → dist/components}/Carousel/props.d.ts +0 -0
- /package/{components → dist/components}/Carousel/stories/productCards.d.ts +0 -0
- /package/{components → dist/components}/Carousel/styled.d.ts +0 -0
- /package/{components → dist/components}/Carousel/utils/carouselDefaultGridConfig.d.ts +0 -0
- /package/{components → dist/components}/Carousel/utils/getItemByScroll.d.ts +0 -0
- /package/{components → dist/components}/Carousel/utils/getItems.d.ts +0 -0
- /package/{components → dist/components}/Carousel/utils/scrollTo.d.ts +0 -0
- /package/{components → dist/components}/Carousel/utils/useScrollSpy.d.ts +0 -0
- /package/{components → dist/components}/Checkbox/assets/CheckedBox.d.ts +0 -0
- /package/{components → dist/components}/Checkbox/assets/UncheckedBox.d.ts +0 -0
- /package/{components → dist/components}/Checkbox/index.d.ts +0 -0
- /package/{components → dist/components}/Checkbox/props.d.ts +0 -0
- /package/{components → dist/components}/Checkbox/styled.d.ts +0 -0
- /package/{components → dist/components}/CheckboxGroup/index.d.ts +0 -0
- /package/{components → dist/components}/CheckboxGroup/props.d.ts +0 -0
- /package/{components → dist/components}/CheckboxGroup/styled.d.ts +0 -0
- /package/{components → dist/components}/Collapsible/index.d.ts +0 -0
- /package/{components → dist/components}/Collapsible/props.d.ts +0 -0
- /package/{components → dist/components}/Collapsible/styled.d.ts +0 -0
- /package/{components → dist/components}/ColorSwatch/index.d.ts +0 -0
- /package/{components → dist/components}/ColorSwatch/props.d.ts +0 -0
- /package/{components → dist/components}/ColorSwatch/styled.d.ts +0 -0
- /package/{components → dist/components}/ColorSwatchGroup/index.d.ts +0 -0
- /package/{components → dist/components}/ColorSwatchGroup/props.d.ts +0 -0
- /package/{components → dist/components}/ColorSwatchGroup/styled.d.ts +0 -0
- /package/{components → dist/components}/Container/index.d.ts +0 -0
- /package/{components → dist/components}/Container/props.d.ts +0 -0
- /package/{components → dist/components}/Container/styled.d.ts +0 -0
- /package/{components → dist/components}/DateInput/index.d.ts +0 -0
- /package/{components → dist/components}/DateInput/props.d.ts +0 -0
- /package/{components → dist/components}/DateInput/styled.d.ts +0 -0
- /package/{components → dist/components}/DemoBox/index.d.ts +0 -0
- /package/{components → dist/components}/DemoBox/props.d.ts +0 -0
- /package/{components → dist/components}/DemoBox/styled.d.ts +0 -0
- /package/{components → dist/components}/Dialog/index.d.ts +0 -0
- /package/{components → dist/components}/Dialog/props.d.ts +0 -0
- /package/{components → dist/components}/Dialog/styled.d.ts +0 -0
- /package/{components → dist/components}/DiscoveryCard/components/DiscoveryCardLinkedImage.d.ts +0 -0
- /package/{components → dist/components}/DiscoveryCard/index.d.ts +0 -0
- /package/{components → dist/components}/DiscoveryCard/props.d.ts +0 -0
- /package/{components → dist/components}/DiscoveryCard/styled.d.ts +0 -0
- /package/{components → dist/components}/DiscoveryCardGroup/index.d.ts +0 -0
- /package/{components → dist/components}/DiscoveryCardGroup/props.d.ts +0 -0
- /package/{components → dist/components}/DiscoveryCardGroup/styled.d.ts +0 -0
- /package/{components → dist/components}/Divider/index.d.ts +0 -0
- /package/{components → dist/components}/Divider/props.d.ts +0 -0
- /package/{components → dist/components}/Divider/styled.d.ts +0 -0
- /package/{components → dist/components}/Fieldset/index.d.ts +0 -0
- /package/{components → dist/components}/Fieldset/props.d.ts +0 -0
- /package/{components → dist/components}/Fieldset/styled.d.ts +0 -0
- /package/{components → dist/components}/FilterGroup/index.d.ts +0 -0
- /package/{components → dist/components}/FilterGroup/props.d.ts +0 -0
- /package/{components → dist/components}/FilterGroup/styled.d.ts +0 -0
- /package/{components → dist/components}/Flex/index.d.ts +0 -0
- /package/{components → dist/components}/Flex/props.d.ts +0 -0
- /package/{components → dist/components}/Flex/stories/autoAndFullItemArgs.d.ts +0 -0
- /package/{components → dist/components}/Flex/stories/autoAndFullItemVerticalArgs.d.ts +0 -0
- /package/{components → dist/components}/Flex/stories/fullAndAutoItemArgs.d.ts +0 -0
- /package/{components → dist/components}/Flex/stories/fullAndAutoItemVerticalArgs.d.ts +0 -0
- /package/{components → dist/components}/Flex/stories/justifyBetweenArgs.d.ts +0 -0
- /package/{components → dist/components}/Flex/stories/justifyBetweenVerticalArgs.d.ts +0 -0
- /package/{components → dist/components}/Flex/stories/justifyCenterArgs.d.ts +0 -0
- /package/{components → dist/components}/Flex/stories/justifyCenterVerticalArgs.d.ts +0 -0
- /package/{components → dist/components}/Flex/stories/justifyEndArgs.d.ts +0 -0
- /package/{components → dist/components}/Flex/stories/justifyEndVerticalArgs.d.ts +0 -0
- /package/{components → dist/components}/Flex/stories/justifyStartArgs.d.ts +0 -0
- /package/{components → dist/components}/Flex/stories/justifyStartVerticalArgs.d.ts +0 -0
- /package/{components → dist/components}/Flex/stories/twoFullItemsArgs.d.ts +0 -0
- /package/{components → dist/components}/Flex/stories/twoFullItemsVerticalArgs.d.ts +0 -0
- /package/{components → dist/components}/Flex/stories/xlGapSpacingArgs.d.ts +0 -0
- /package/{components → dist/components}/Flex/styled.d.ts +0 -0
- /package/{components → dist/components}/FlexItem/index.d.ts +0 -0
- /package/{components → dist/components}/FlexItem/props.d.ts +0 -0
- /package/{components → dist/components}/FlexItem/styled.d.ts +0 -0
- /package/{components → dist/components}/FootnoteContent/index.d.ts +0 -0
- /package/{components → dist/components}/FootnoteContent/props.d.ts +0 -0
- /package/{components → dist/components}/FootnoteContent/styled.d.ts +0 -0
- /package/{components → dist/components}/FootnoteLink/index.d.ts +0 -0
- /package/{components → dist/components}/FootnoteLink/props.d.ts +0 -0
- /package/{components → dist/components}/FootnoteLink/styled.d.ts +0 -0
- /package/{components → dist/components}/Form/index.d.ts +0 -0
- /package/{components → dist/components}/Form/props.d.ts +0 -0
- /package/{components → dist/components}/Form/styled.d.ts +0 -0
- /package/{components → dist/components}/FormElement/index.d.ts +0 -0
- /package/{components → dist/components}/FormElement/props.d.ts +0 -0
- /package/{components → dist/components}/FormElement/styled.d.ts +0 -0
- /package/{components → dist/components}/FormHelperLabel/index.d.ts +0 -0
- /package/{components → dist/components}/FormHelperLabel/props.d.ts +0 -0
- /package/{components → dist/components}/FormHelperMessage/index.d.ts +0 -0
- /package/{components → dist/components}/FormHelperMessage/props.d.ts +0 -0
- /package/{components → dist/components}/FormHelperMessage/styled.d.ts +0 -0
- /package/{components → dist/components}/FormHelperStatusIcon/index.d.ts +0 -0
- /package/{components → dist/components}/FormHelperStatusIcon/props.d.ts +0 -0
- /package/{components → dist/components}/FormHelperStatusIcon/styled.d.ts +0 -0
- /package/{components → dist/components}/GoogleMap/components/ConsentMessage/bg.d.ts +0 -0
- /package/{components → dist/components}/GoogleMap/components/ConsentMessage/index.d.ts +0 -0
- /package/{components → dist/components}/GoogleMap/components/ConsentMessage/props.d.ts +0 -0
- /package/{components → dist/components}/GoogleMap/components/ConsentMessage/styled.d.ts +0 -0
- /package/{components → dist/components}/GoogleMap/components/Map/MapInner.d.ts +0 -0
- /package/{components → dist/components}/GoogleMap/components/Map/MapProvider.d.ts +0 -0
- /package/{components → dist/components}/GoogleMap/components/Map/props.d.ts +0 -0
- /package/{components → dist/components}/GoogleMap/index.d.ts +0 -0
- /package/{components → dist/components}/GoogleMap/props.d.ts +0 -0
- /package/{components → dist/components}/GoogleMap/styled.d.ts +0 -0
- /package/{components → dist/components}/Grid/getColumnWidth.d.ts +0 -0
- /package/{components → dist/components}/Grid/getOffset.d.ts +0 -0
- /package/{components → dist/components}/Grid/helpers.d.ts +0 -0
- /package/{components → dist/components}/Grid/index.d.ts +0 -0
- /package/{components → dist/components}/Grid/props.d.ts +0 -0
- /package/{components → dist/components}/Grid/stories/alignGridCenterArgs.d.ts +0 -0
- /package/{components → dist/components}/Grid/stories/alignGridItemArgs.d.ts +0 -0
- /package/{components → dist/components}/Grid/stories/alignGridRightArgs.d.ts +0 -0
- /package/{components → dist/components}/Grid/stories/grid12Args.d.ts +0 -0
- /package/{components → dist/components}/Grid/stories/grid222222Args.d.ts +0 -0
- /package/{components → dist/components}/Grid/stories/grid3333Args.d.ts +0 -0
- /package/{components → dist/components}/Grid/stories/grid363Args.d.ts +0 -0
- /package/{components → dist/components}/Grid/stories/grid444Args.d.ts +0 -0
- /package/{components → dist/components}/Grid/stories/grid64Args.d.ts +0 -0
- /package/{components → dist/components}/Grid/stories/grid66Args.d.ts +0 -0
- /package/{components → dist/components}/Grid/stories/grid75Args.d.ts +0 -0
- /package/{components → dist/components}/Grid/stories/nestingArgs.d.ts +0 -0
- /package/{components → dist/components}/Grid/stories/noSpacingArgs.d.ts +0 -0
- /package/{components → dist/components}/Grid/stories/offsetArgs.d.ts +0 -0
- /package/{components → dist/components}/Grid/stories/responsiveArgs.d.ts +0 -0
- /package/{components → dist/components}/Grid/stories/stretchArgs.d.ts +0 -0
- /package/{components → dist/components}/Grid/stories/tagOrderedListArgs.d.ts +0 -0
- /package/{components → dist/components}/Grid/stories/tagUnorderedListArgs.d.ts +0 -0
- /package/{components → dist/components}/Grid/styled.d.ts +0 -0
- /package/{components → dist/components}/GridItem/index.d.ts +0 -0
- /package/{components → dist/components}/GridItem/props.d.ts +0 -0
- /package/{components → dist/components}/GridItem/styled.d.ts +0 -0
- /package/{components → dist/components}/Heading/index.d.ts +0 -0
- /package/{components → dist/components}/Heading/props.d.ts +0 -0
- /package/{components → dist/components}/Heading/styled.d.ts +0 -0
- /package/{components → dist/components}/HifiIcon/index.d.ts +0 -0
- /package/{components → dist/components}/HifiIcon/props.d.ts +0 -0
- /package/{components → dist/components}/HifiIcon/styled.d.ts +0 -0
- /package/{components → dist/components}/Icon/index.d.ts +0 -0
- /package/{components → dist/components}/Icon/props.d.ts +0 -0
- /package/{components → dist/components}/IconButton/index.d.ts +0 -0
- /package/{components → dist/components}/IconButton/props.d.ts +0 -0
- /package/{components → dist/components}/IconButton/styled.d.ts +0 -0
- /package/{components → dist/components}/IconSnippet/index.d.ts +0 -0
- /package/{components → dist/components}/IconSnippet/props.d.ts +0 -0
- /package/{components → dist/components}/IconSnippet/styled.d.ts +0 -0
- /package/{components → dist/components}/IconSnippetList/index.d.ts +0 -0
- /package/{components → dist/components}/IconSnippetList/props.d.ts +0 -0
- /package/{components → dist/components}/IconSnippetList/styled.d.ts +0 -0
- /package/{components → dist/components}/Image/index.d.ts +0 -0
- /package/{components → dist/components}/Image/props.d.ts +0 -0
- /package/{components → dist/components}/Image/styled.d.ts +0 -0
- /package/{components → dist/components}/ImageHeader/index.d.ts +0 -0
- /package/{components → dist/components}/ImageHeader/props.d.ts +0 -0
- /package/{components → dist/components}/ImageHeader/styled.d.ts +0 -0
- /package/{components → dist/components}/InlineLink/index.d.ts +0 -0
- /package/{components → dist/components}/InlineLink/props.d.ts +0 -0
- /package/{components → dist/components}/InlineLink/styled.d.ts +0 -0
- /package/{components → dist/components}/Input/index.d.ts +0 -0
- /package/{components → dist/components}/Input/props.d.ts +0 -0
- /package/{components → dist/components}/Input/styled.d.ts +0 -0
- /package/{components → dist/components}/Label/index.d.ts +0 -0
- /package/{components → dist/components}/Label/props.d.ts +0 -0
- /package/{components → dist/components}/Label/styled.d.ts +0 -0
- /package/{components → dist/components}/Legend/index.d.ts +0 -0
- /package/{components → dist/components}/Legend/props.d.ts +0 -0
- /package/{components → dist/components}/Legend/styled.d.ts +0 -0
- /package/{components → dist/components}/Link/getLinkIcon.d.ts +0 -0
- /package/{components → dist/components}/Link/index.d.ts +0 -0
- /package/{components → dist/components}/Link/props.d.ts +0 -0
- /package/{components → dist/components}/Link/styled.d.ts +0 -0
- /package/{components → dist/components}/LinkAsButton/index.d.ts +0 -0
- /package/{components → dist/components}/LinkAsButton/props.d.ts +0 -0
- /package/{components → dist/components}/LinkAsButton/styled.d.ts +0 -0
- /package/{components → dist/components}/LinkList/index.d.ts +0 -0
- /package/{components → dist/components}/LinkList/props.d.ts +0 -0
- /package/{components → dist/components}/LinkList/styled.d.ts +0 -0
- /package/{components → dist/components}/LinkListItem/index.d.ts +0 -0
- /package/{components → dist/components}/LinkListItem/props.d.ts +0 -0
- /package/{components → dist/components}/LinkListItem/styled.d.ts +0 -0
- /package/{components → dist/components}/LoadingSpinner/LoadingSpinnerSVG.d.ts +0 -0
- /package/{components → dist/components}/LoadingSpinner/index.d.ts +0 -0
- /package/{components → dist/components}/LoadingSpinner/props.d.ts +0 -0
- /package/{components → dist/components}/LoadingSpinner/styled.d.ts +0 -0
- /package/{components → dist/components}/Notification/index.d.ts +0 -0
- /package/{components → dist/components}/Notification/notificationStatusVariants.d.ts +0 -0
- /package/{components → dist/components}/Notification/props.d.ts +0 -0
- /package/{components → dist/components}/Notification/styled.d.ts +0 -0
- /package/{components → dist/components}/Overlay/index.d.ts +0 -0
- /package/{components → dist/components}/Overlay/props.d.ts +0 -0
- /package/{components → dist/components}/Overlay/styled.d.ts +0 -0
- /package/{components → dist/components}/PickerGroup/Pickers.d.ts +0 -0
- /package/{components → dist/components}/PickerGroup/components/Picker/index.d.ts +0 -0
- /package/{components → dist/components}/PickerGroup/components/Picker/props.d.ts +0 -0
- /package/{components → dist/components}/PickerGroup/components/Picker/styled.d.ts +0 -0
- /package/{components → dist/components}/PickerGroup/components/PickerElementIcon/index.d.ts +0 -0
- /package/{components → dist/components}/PickerGroup/components/PickerElementIcon/styled.d.ts +0 -0
- /package/{components → dist/components}/PickerGroup/components/PickerElementImage/index.d.ts +0 -0
- /package/{components → dist/components}/PickerGroup/components/PickerElementImage/styled.d.ts +0 -0
- /package/{components → dist/components}/PickerGroup/components/PickerElementLabel/styled.d.ts +0 -0
- /package/{components → dist/components}/PickerGroup/components/PickerElementSuffix/styled.d.ts +0 -0
- /package/{components → dist/components}/PickerGroup/index.d.ts +0 -0
- /package/{components → dist/components}/PickerGroup/props.d.ts +0 -0
- /package/{components → dist/components}/Price/index.d.ts +0 -0
- /package/{components → dist/components}/Price/props.d.ts +0 -0
- /package/{components → dist/components}/Price/styled.d.ts +0 -0
- /package/{components → dist/components}/ProductCard/index.d.ts +0 -0
- /package/{components → dist/components}/ProductCard/props.d.ts +0 -0
- /package/{components → dist/components}/ProductCard/styled.d.ts +0 -0
- /package/{components → dist/components}/RadioGroup/components/Radio/assets/RadioSVG.d.ts +0 -0
- /package/{components → dist/components}/RadioGroup/components/Radio/index.d.ts +0 -0
- /package/{components → dist/components}/RadioGroup/components/Radio/props.d.ts +0 -0
- /package/{components → dist/components}/RadioGroup/components/Radio/styled.d.ts +0 -0
- /package/{components → dist/components}/RadioGroup/index.d.ts +0 -0
- /package/{components → dist/components}/RadioGroup/props.d.ts +0 -0
- /package/{components → dist/components}/ResponsiveImage/index.d.ts +0 -0
- /package/{components → dist/components}/ResponsiveImage/props.d.ts +0 -0
- /package/{components → dist/components}/ResponsiveImage/styled.d.ts +0 -0
- /package/{components → dist/components}/RichText/index.d.ts +0 -0
- /package/{components → dist/components}/RichText/parseHtml.d.ts +0 -0
- /package/{components → dist/components}/RichText/props.d.ts +0 -0
- /package/{components → dist/components}/ScreenreaderOnly/index.d.ts +0 -0
- /package/{components → dist/components}/ScreenreaderOnly/props.d.ts +0 -0
- /package/{components → dist/components}/ScreenreaderOnly/styled.d.ts +0 -0
- /package/{components → dist/components}/SearchInput/index.d.ts +0 -0
- /package/{components → dist/components}/SearchInput/props.d.ts +0 -0
- /package/{components → dist/components}/SearchInput/styled.d.ts +0 -0
- /package/{components → dist/components}/SelectInput/index.d.ts +0 -0
- /package/{components → dist/components}/SelectInput/props.d.ts +0 -0
- /package/{components → dist/components}/SelectInput/styled.d.ts +0 -0
- /package/{components → dist/components}/Stepper/index.d.ts +0 -0
- /package/{components → dist/components}/Stepper/props.d.ts +0 -0
- /package/{components → dist/components}/Stepper/styled.d.ts +0 -0
- /package/{components → dist/components}/SuggestInput/SuggestInputFormElement.d.ts +0 -0
- /package/{components → dist/components}/SuggestInput/components/SuggestInputList/index.d.ts +0 -0
- /package/{components → dist/components}/SuggestInput/components/SuggestInputList/props.d.ts +0 -0
- /package/{components → dist/components}/SuggestInput/components/SuggestInputList/styled.d.ts +0 -0
- /package/{components → dist/components}/SuggestInput/index.d.ts +0 -0
- /package/{components → dist/components}/SuggestInput/props.d.ts +0 -0
- /package/{components → dist/components}/SuggestInput/styled.d.ts +0 -0
- /package/{components → dist/components}/Switch/getHandleIcon.d.ts +0 -0
- /package/{components → dist/components}/Switch/index.d.ts +0 -0
- /package/{components → dist/components}/Switch/props.d.ts +0 -0
- /package/{components → dist/components}/Switch/styled.d.ts +0 -0
- /package/{components → dist/components}/TabularPrice/index.d.ts +0 -0
- /package/{components → dist/components}/TabularPrice/props.d.ts +0 -0
- /package/{components → dist/components}/TabularPrice/styled.d.ts +0 -0
- /package/{components → dist/components}/TextList/index.d.ts +0 -0
- /package/{components → dist/components}/TextList/props.d.ts +0 -0
- /package/{components → dist/components}/TextList/styled.d.ts +0 -0
- /package/{components → dist/components}/Textarea/index.d.ts +0 -0
- /package/{components → dist/components}/Textarea/props.d.ts +0 -0
- /package/{components → dist/components}/Textarea/styled.d.ts +0 -0
- /package/{components → dist/components}/Tray/index.d.ts +0 -0
- /package/{components → dist/components}/Tray/props.d.ts +0 -0
- /package/{components → dist/components}/Tray/styled.d.ts +0 -0
- /package/{easing-Dm-pO8SY.js → dist/easing-Dm-pO8SY.js} +0 -0
- /package/{filterProps-Cewck8OH.js → dist/filterProps-Cewck8OH.js} +0 -0
- /package/{foundations → dist/foundations}/GlobalStyle/index.d.ts +0 -0
- /package/{foundations → dist/foundations}/PatternProps/index.d.ts +0 -0
- /package/{esm → dist}/foundations/PatternProps/index.js +0 -0
- /package/{foundations → dist/foundations}/cssObjects/screenreaderOnly.d.ts +0 -0
- /package/{foundations → dist/foundations}/cssVars.d.ts +0 -0
- /package/{foundations → dist/foundations}/media-query/forcedColors/index.d.ts +0 -0
- /package/{esm → dist}/foundations/media-query/forcedColors/index.js +0 -0
- /package/{foundations → dist/foundations}/media-query/reducedMotion/index.d.ts +0 -0
- /package/{esm → dist}/foundations/media-query/reducedMotion/index.js +0 -0
- /package/{foundations → dist/foundations}/media-query/viewport/index.d.ts +0 -0
- /package/{foundations → dist/foundations}/tags.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/base/baseColors.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/base/shadow.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/breakpoint.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/easing.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/getBackgroundColor/index.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/getBodySize/index.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/getBorderColor/index.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/getBorderRadius/index.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/getBorderWidth/index.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/getBottomSpacing/index.d.ts +0 -0
- /package/{esm → dist}/foundations/token/getBottomSpacing/index.js +0 -0
- /package/{foundations → dist/foundations}/token/getFontWeight/index.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/getHeadingSize/index.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/getHoverColor/index.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/getIconColor/index.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/getObjectColor/index.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/getOpacity/index.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/getPressColor/index.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/getSpacing/index.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/getTextColor/index.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/getTextDecoration/index.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/types/BackgroundColor.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/types/BorderColor.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/types/BorderRadius.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/types/BorderWidth.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/types/FontWeight.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/types/HeadingSize.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/types/IconColor.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/types/ObjectColor.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/types/Opacity.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/types/Spacing.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/types/TextBodySize.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/types/TextColor.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/types/TextDecoration.d.ts +0 -0
- /package/{foundations → dist/foundations}/token/types/Viewport.d.ts +0 -0
- /package/{foundations → dist/foundations}/types/ButtonAppearances.d.ts +0 -0
- /package/{foundations → dist/foundations}/types/CornerStyle.d.ts +0 -0
- /package/{foundations → dist/foundations}/types/PositionType.d.ts +0 -0
- /package/{foundations → dist/foundations}/types/PositionedIconInterface.d.ts +0 -0
- /package/{foundations → dist/foundations}/types/SizeTypes.d.ts +0 -0
- /package/{foundations → dist/foundations}/types/SystemIconWithPosition.d.ts +0 -0
- /package/{foundations → dist/foundations}/types/Theme.d.ts +0 -0
- /package/{getCssVar-BP6T9pFM.js → dist/getCssVar-BP6T9pFM.js} +0 -0
- /package/{hooks → dist/hooks}/useFocusWithin/index.d.ts +0 -0
- /package/{esm → dist}/hooks/useFocusWithin/index.js +0 -0
- /package/{hooks → dist/hooks}/useForcedColors/index.d.ts +0 -0
- /package/{esm → dist}/hooks/useForcedColors/index.js +0 -0
- /package/{hooks → dist/hooks}/useMediaQuery/index.d.ts +0 -0
- /package/{esm → dist}/hooks/useMediaQuery/index.js +0 -0
- /package/{hooks → dist/hooks}/useReducedMotion/index.d.ts +0 -0
- /package/{esm → dist}/hooks/useReducedMotion/index.js +0 -0
- /package/{hooks → dist/hooks}/useThirdPartyConsent/index.d.ts +0 -0
- /package/{esm → dist}/hooks/useThirdPartyConsent/index.js +0 -0
- /package/{hooks → dist/hooks}/useViewport/index.d.ts +0 -0
- /package/{icons → dist/icons}/index.d.ts +0 -0
- /package/{index-Cbojl4_Q.js → dist/index-Cbojl4_Q.js} +0 -0
- /package/{index-Ck2bCrhT.js → dist/index-Ck2bCrhT.js} +0 -0
- /package/{index-DQhtQZ85.js → dist/index-DQhtQZ85.js} +0 -0
- /package/{index.d.ts → dist/index.d.ts} +0 -0
- /package/{props-DDpgcryb.js → dist/props-DDpgcryb.js} +0 -0
- /package/{renderInlineRichTextFromOpenText-RvOG3QbI.js → dist/renderInlineRichTextFromOpenText-RvOG3QbI.js} +0 -0
- /package/{shadow-u158mzuN.js → dist/shadow-u158mzuN.js} +0 -0
- /package/{tags-DI6H1biK.js → dist/tags-DI6H1biK.js} +0 -0
|
@@ -1,228 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
4
|
-
const styled = require("styled-components");
|
|
5
|
-
const styled$1 = require("../../styled-B6YPXixY.cjs");
|
|
6
|
-
const foundations_mediaQuery_viewport = require("../../index-DuE6C2cO.cjs");
|
|
7
|
-
const colorVodafoneRed = "colorVodafoneRed";
|
|
8
|
-
const colorVodafoneRedTint = "colorVodafoneRedTint";
|
|
9
|
-
const colorRed = "colorRed";
|
|
10
|
-
const colorRedTint = "colorRedTint";
|
|
11
|
-
const colorVodafoneDarkRed = "colorVodafoneDarkRed";
|
|
12
|
-
const colorVodafoneDarkRedTint = "colorVodafoneDarkRedTint";
|
|
13
|
-
const colorTurquoise = "colorTurquoise";
|
|
14
|
-
const colorTurquoiseTint = "colorTurquoiseTint";
|
|
15
|
-
const colorFreshOrange = "colorFreshOrange";
|
|
16
|
-
const colorFreshOrangeTint = "colorFreshOrangeTint";
|
|
17
|
-
const colorLemonYellow = "colorLemonYellow";
|
|
18
|
-
const colorLemonYellowTint = "colorLemonYellowTint";
|
|
19
|
-
const colorSpringGreen = "colorSpringGreen";
|
|
20
|
-
const colorSpringGreenTint = "colorSpringGreenTint";
|
|
21
|
-
const colorBlue = "colorBlue";
|
|
22
|
-
const colorBlueTint = "colorBlueTint";
|
|
23
|
-
const colorAquaBlue = "colorAquaBlue";
|
|
24
|
-
const colorAquaBlueTint = "colorAquaBlueTint";
|
|
25
|
-
const colorVodafoneWhite = "colorVodafoneWhite";
|
|
26
|
-
const colorVodafoneWhiteAlpha = "colorVodafoneWhiteAlpha";
|
|
27
|
-
const colorBlack05 = "colorBlack05";
|
|
28
|
-
const colorBlack25 = "colorBlack25";
|
|
29
|
-
const colorBlack50 = "colorBlack50";
|
|
30
|
-
const colorBlack60 = "colorBlack60";
|
|
31
|
-
const colorBlack85 = "colorBlack85";
|
|
32
|
-
const colorBlack95 = "colorBlack95";
|
|
33
|
-
const colorBlack95Alpha = "colorBlack95Alpha";
|
|
34
|
-
const colorVodafoneGradient = "colorVodafoneGradient";
|
|
35
|
-
const backgroundColors = {
|
|
36
|
-
colorBackgroundBrand: {
|
|
37
|
-
Light: colorVodafoneDarkRed,
|
|
38
|
-
Dark: colorVodafoneDarkRedTint
|
|
39
|
-
},
|
|
40
|
-
colorBackgroundBrandGradient: {
|
|
41
|
-
Light: colorVodafoneGradient
|
|
42
|
-
},
|
|
43
|
-
colorBackgroundNeutral: {
|
|
44
|
-
Light: colorVodafoneWhite,
|
|
45
|
-
Dark: colorBlack85
|
|
46
|
-
},
|
|
47
|
-
colorBackgroundSubtle: {
|
|
48
|
-
Light: colorBlack05,
|
|
49
|
-
Dark: colorBlack95
|
|
50
|
-
},
|
|
51
|
-
colorBackgroundOverlay: {
|
|
52
|
-
Light: colorVodafoneWhiteAlpha,
|
|
53
|
-
Dark: colorBlack95Alpha
|
|
54
|
-
},
|
|
55
|
-
colorBackgroundOverlayStatic: {
|
|
56
|
-
Light: colorBlack95Alpha,
|
|
57
|
-
Dark: colorBlack95Alpha
|
|
58
|
-
}
|
|
59
|
-
};
|
|
60
|
-
const borderColors = {
|
|
61
|
-
colorBorderBrand: {
|
|
62
|
-
Light: colorVodafoneRed,
|
|
63
|
-
Dark: colorVodafoneRedTint
|
|
64
|
-
},
|
|
65
|
-
colorBorderNeutral: {
|
|
66
|
-
Light: colorBlack95,
|
|
67
|
-
Dark: colorVodafoneWhite
|
|
68
|
-
},
|
|
69
|
-
colorBorderSubtle: {
|
|
70
|
-
Light: colorBlack25,
|
|
71
|
-
Dark: colorBlack50
|
|
72
|
-
},
|
|
73
|
-
colorBorderInverse: {
|
|
74
|
-
Light: colorVodafoneWhite,
|
|
75
|
-
Dark: colorBlack95
|
|
76
|
-
},
|
|
77
|
-
colorBorderAccent: {
|
|
78
|
-
Light: colorLemonYellow,
|
|
79
|
-
Dark: colorLemonYellowTint
|
|
80
|
-
},
|
|
81
|
-
colorBorderSuccess: {
|
|
82
|
-
Light: colorSpringGreen,
|
|
83
|
-
Dark: colorSpringGreenTint
|
|
84
|
-
},
|
|
85
|
-
colorBorderCritical: {
|
|
86
|
-
Light: colorRed,
|
|
87
|
-
Dark: colorRedTint
|
|
88
|
-
},
|
|
89
|
-
colorBorderWarning: {
|
|
90
|
-
Light: colorFreshOrange,
|
|
91
|
-
Dark: colorFreshOrangeTint
|
|
92
|
-
},
|
|
93
|
-
colorBorderInformation: {
|
|
94
|
-
Light: colorBlue,
|
|
95
|
-
Dark: colorBlueTint
|
|
96
|
-
},
|
|
97
|
-
colorBorderSelected: {
|
|
98
|
-
Light: colorTurquoise,
|
|
99
|
-
Dark: colorTurquoiseTint
|
|
100
|
-
},
|
|
101
|
-
colorBorderUnselected: {
|
|
102
|
-
Light: colorBlack50,
|
|
103
|
-
Dark: colorBlack25
|
|
104
|
-
},
|
|
105
|
-
colorBorderFocus: {
|
|
106
|
-
Light: colorAquaBlue,
|
|
107
|
-
Dark: colorAquaBlueTint
|
|
108
|
-
}
|
|
109
|
-
};
|
|
110
|
-
const iconColors = {
|
|
111
|
-
colorIconBrand: {
|
|
112
|
-
Light: colorRed,
|
|
113
|
-
Dark: colorRedTint
|
|
114
|
-
},
|
|
115
|
-
colorIconNeutral: {
|
|
116
|
-
Light: colorBlack95,
|
|
117
|
-
Dark: colorVodafoneWhite
|
|
118
|
-
},
|
|
119
|
-
colorIconNeutralStatic: {
|
|
120
|
-
Light: colorBlack95
|
|
121
|
-
},
|
|
122
|
-
colorIconInverse: {
|
|
123
|
-
Light: colorVodafoneWhite,
|
|
124
|
-
Dark: colorBlack95
|
|
125
|
-
},
|
|
126
|
-
colorIconInverseStatic: {
|
|
127
|
-
Light: colorVodafoneWhite,
|
|
128
|
-
Dark: colorVodafoneWhite
|
|
129
|
-
},
|
|
130
|
-
colorIconSuccess: {
|
|
131
|
-
Light: colorSpringGreen,
|
|
132
|
-
Dark: colorSpringGreenTint
|
|
133
|
-
},
|
|
134
|
-
colorIconCritical: {
|
|
135
|
-
Light: colorRed,
|
|
136
|
-
Dark: colorRedTint
|
|
137
|
-
},
|
|
138
|
-
colorIconWarning: {
|
|
139
|
-
Light: colorFreshOrange,
|
|
140
|
-
Dark: colorFreshOrangeTint
|
|
141
|
-
},
|
|
142
|
-
colorIconInformation: {
|
|
143
|
-
Light: colorBlue,
|
|
144
|
-
Dark: colorBlueTint
|
|
145
|
-
}
|
|
146
|
-
};
|
|
147
|
-
const objectColors = {
|
|
148
|
-
colorObjectBrand: {
|
|
149
|
-
Light: colorVodafoneRed,
|
|
150
|
-
Dark: colorVodafoneRedTint
|
|
151
|
-
},
|
|
152
|
-
colorObjectNeutral: {
|
|
153
|
-
Light: colorBlack95,
|
|
154
|
-
Dark: colorVodafoneWhite
|
|
155
|
-
},
|
|
156
|
-
colorObjectSubtle: {
|
|
157
|
-
Light: colorBlack25,
|
|
158
|
-
Dark: colorBlack50
|
|
159
|
-
},
|
|
160
|
-
colorObjectInverse: {
|
|
161
|
-
Light: colorVodafoneWhite,
|
|
162
|
-
Dark: colorBlack95
|
|
163
|
-
},
|
|
164
|
-
colorObjectAccent: {
|
|
165
|
-
Light: colorLemonYellow,
|
|
166
|
-
Dark: colorLemonYellowTint
|
|
167
|
-
},
|
|
168
|
-
colorObjectSuccess: {
|
|
169
|
-
Light: colorSpringGreen,
|
|
170
|
-
Dark: colorSpringGreenTint
|
|
171
|
-
},
|
|
172
|
-
colorObjectCritical: {
|
|
173
|
-
Light: colorRed,
|
|
174
|
-
Dark: colorRedTint
|
|
175
|
-
},
|
|
176
|
-
colorObjectWarning: {
|
|
177
|
-
Light: colorFreshOrange,
|
|
178
|
-
Dark: colorFreshOrangeTint
|
|
179
|
-
},
|
|
180
|
-
colorObjectInformation: {
|
|
181
|
-
Light: colorBlue,
|
|
182
|
-
Dark: colorBlueTint
|
|
183
|
-
},
|
|
184
|
-
colorObjectSelected: {
|
|
185
|
-
Light: colorTurquoise,
|
|
186
|
-
Dark: colorTurquoiseTint
|
|
187
|
-
},
|
|
188
|
-
colorObjectUnselected: {
|
|
189
|
-
Light: colorBlack50,
|
|
190
|
-
Dark: colorBlack25
|
|
191
|
-
}
|
|
192
|
-
};
|
|
193
|
-
const textColors = {
|
|
194
|
-
colorTextBrand: {
|
|
195
|
-
Light: colorRed,
|
|
196
|
-
Dark: colorRedTint
|
|
197
|
-
},
|
|
198
|
-
colorTextNeutral: {
|
|
199
|
-
Light: colorBlack95,
|
|
200
|
-
Dark: colorVodafoneWhite
|
|
201
|
-
},
|
|
202
|
-
colorTextNeutralStatic: {
|
|
203
|
-
Light: colorBlack95,
|
|
204
|
-
Dark: colorBlack95
|
|
205
|
-
},
|
|
206
|
-
colorTextInverse: {
|
|
207
|
-
Light: colorVodafoneWhite,
|
|
208
|
-
Dark: colorBlack95
|
|
209
|
-
},
|
|
210
|
-
colorTextInverseStatic: {
|
|
211
|
-
Light: colorVodafoneWhite,
|
|
212
|
-
Dark: colorVodafoneWhite
|
|
213
|
-
},
|
|
214
|
-
colorTextCritical: {
|
|
215
|
-
Light: colorRed,
|
|
216
|
-
Dark: colorRedTint
|
|
217
|
-
},
|
|
218
|
-
colorTextPlaceholder: {
|
|
219
|
-
Light: colorBlack60,
|
|
220
|
-
Dark: colorBlack25
|
|
221
|
-
}
|
|
222
|
-
};
|
|
223
|
-
const cssVars = styled.css([":root{--fontSize14:14px;--fontSize16:16px;--fontSize18:18px;--fontSize20:20px;--fontSize24:24px;--fontSize28:28px;--fontSize32:32px;--fontSize40:40px;--fontSize56:56px;--fontSize64:64px;--lineHeight112:1.125;--lineHeight114:1.1428571429;--lineHeight120:1.2;--lineHeight125:1.25;--lineHeight128:1.2857142857;--lineHeight133:1.3333333333;--lineHeight140:1.4;--lineHeight144:1.4444444444;--fontWeightLight:300;--fontWeightRegular:400;--fontWeightBold:700;--shadow28:rgba(0,0,0,0.2) 0px 2px 8px;--spacing0:0px;--spacing4:4px;--spacing8:8px;--spacing12:12px;--spacing16:16px;--spacing20:20px;--spacing24:24px;--spacing28:28px;--spacing32:32px;--spacing40:40px;--spacing48:48px;--spacing56:56px;--spacing64:64px;--spacing72:72px;--spacing80:80px;--spacingNone:var(--spacing0);--spacing2Xs:var(--spacing4);--spacingXs:var(--spacing8);--spacingSm:var(--spacing12);--spacingMd:var(--spacing16);--spacingLg:var(--spacing20);--spacingXl:var(--spacing24);--spacing2Xl:var(--spacing24);--spacing3Xl:var(--spacing32);--spacing4Xl:var(--spacing40);--spacing5Xl:var(--spacing48);--spacing6Xl:var(--spacing48);--spacing7Xl:var(--spacing48);@media screen and (min-width:", "){--spacingMd:var(--spacing20);--spacingLg:var(--spacing20);--spacingXl:var(--spacing28);--spacing2Xl:var(--spacing32);--spacing3Xl:var(--spacing40);--spacing4Xl:var(--spacing48);--spacing5Xl:var(--spacing56);--spacing6Xl:var(--spacing56);--spacing7Xl:var(--spacing56);}@media screen and (min-width:", "){--spacingSm:var(--spacing16);--spacingLg:var(--spacing24);--spacingXl:var(--spacing32);--spacing2Xl:var(--spacing40);--spacing3Xl:var(--spacing48);--spacing4Xl:var(--spacing56);--spacing5Xl:var(--spacing64);--spacing6Xl:var(--spacing72);--spacing7Xl:var(--spacing80);}--borderRadius0:0px;--borderRadius3:3px;--borderRadius6:6px;--borderRadius100:100px;--textDecorationNone:none;--textDecorationUnderline:underline;--textDecorationStrikethrough:line-through;--opacity60:0.6;--opacity38:0.38;--borderWidth0:0px;--borderWidth1:1px;--borderWidth2:2px;--borderWidth4:4px;--colorVodafoneRed:#e60000;--colorVodafoneRedTint:#ea1a1a;--colorRed:#bd0000;--colorRedTint:#f06666;--colorVodafoneDarkRed:#820000;--colorVodafoneDarkRedTint:#8a0f0f;--colorTurquoise:#00697c;--colorTurquoiseTint:#0096ad;--colorAubergine:#5e2750;--colorAubergineTint:#b04a98;--colorFreshOrange:#eb6100;--colorFreshOrangeTint:#eb9700;--colorLemonYellow:#fecb00;--colorLemonYellowTint:#fecb00;--colorSpringGreen:#008a00;--colorSpringGreenTint:#b7bf10;--colorBlue:#005ea5;--colorBlueTint:#5f9bc8;--colorAquaBlue:#0096ad;--colorAquaBlueTint:#00b0ca;--colorVodafoneWhite:#ffffff;--colorVodafoneWhiteAlpha:#ffffffb3;--colorBlack05:#f2f2f2;--colorBlack25:#bebebe;--colorBlack50:#7e7e7e;--colorBlack60:#666666;--colorBlack85:#262626;--colorBlack95:#0d0d0d;--colorBlack95Alpha:#0d0d0db3;--colorVodafoneGradient:linear-gradient(45deg,#8a0f0f 0%,#e60000 100%);--colorObjectBrand:var(--", ");--colorObjectNeutral:var(--", ");--colorObjectSubtle:var(--", ");--colorObjectInverse:var(--", ");--colorObjectAccent:var(--", ");--colorObjectSuccess:var(--", ");--colorObjectCritical:var(--", ");--colorObjectWarning:var(--", ");--colorObjectInformation:var(--", ");--colorObjectSelected:var(--", ");--colorObjectUnselected:var(--", ");--colorObjectBrandHover:color-mix(in srgb,var(--colorObjectBrand),#000 8%);--colorObjectNeutralHover:color-mix(in srgb,var(--colorObjectNeutral),#fff 8%);--colorObjectSubtleHover:color-mix(in srgb,var(--colorObjectSubtle),#000 8%);--colorObjectInverseHover:color-mix(in srgb,var(--colorObjectInverse),#000 8%);--colorObjectAccentHover:color-mix(in srgb,var(--colorObjectAccent),#000 8%);--colorObjectSuccessHover:color-mix(in srgb,var(--colorObjectSuccess),#000 8%);--colorObjectCriticalHover:color-mix(in srgb,var(--colorObjectCritical),#000 8%);--colorObjectWarningHover:color-mix(in srgb,var(--colorObjectWarning),#000 8%);--colorObjectInformationHover:color-mix(in srgb,var(--colorObjectInformation),#000 8%);--colorObjectSelectedHover:color-mix(in srgb,var(--colorObjectSelected),#000 8%);--colorObjectUnselectedHover:color-mix(in srgb,var(--colorObjectUnselected),#000 8%);--colorObjectBrandPress:color-mix(in srgb,var(--colorObjectBrand),#000 16%);--colorObjectNeutralPress:color-mix(in srgb,var(--colorObjectNeutral),#fff 16%);--colorObjectSubtlePress:color-mix(in srgb,var(--colorObjectSubtle),#000 16%);--colorObjectInversePress:color-mix(in srgb,var(--colorObjectInverse),#000 16%);--colorObjectAccentPress:color-mix(in srgb,var(--colorObjectAccent),#000 16%);--colorObjectSuccessPress:color-mix(in srgb,var(--colorObjectSuccess),#000 16%);--colorObjectCriticalPress:color-mix(in srgb,var(--colorObjectCritical),#000 16%);--colorObjectWarningPress:color-mix(in srgb,var(--colorObjectWarning),#000 16%);--colorObjectInformationPress:color-mix(in srgb,var(--colorObjectInformation),#000 16%);--colorObjectSelectedPress:color-mix(in srgb,var(--colorObjectSelected),#000 16%);--colorObjectUnselectedPress:color-mix(in srgb,var(--colorObjectUnselected),#000 16%);--colorBackgroundBrand:var(--", ");--colorBackgroundBrandGradient:var(--", ");--colorBackgroundNeutral:var(--", ");--colorBackgroundSubtle:var(--", ");--colorBackgroundOverlay:var(--", ");--colorBackgroundOverlayStatic:var(--", ");--colorBackgroundBrandHover:color-mix(in srgb,var(--colorBackgroundBrand),#000 8%);--colorBackgroundNeutralHover:color-mix(in srgb,var(--colorBackgroundNeutral),#000 8%);--colorBackgroundSubtleHover:color-mix(in srgb,var(--colorBackgroundSubtle),#000 8%);--colorBackgroundBrandPress:color-mix(in srgb,var(--colorBackgroundBrand),#000 16%);--colorBackgroundNeutralPress:color-mix(in srgb,var(--colorBackgroundNeutral),#000 16%);--colorBackgroundSubtlePress:color-mix(in srgb,var(--colorBackgroundSubtle),#000 16%);--colorTextBrand:var(--", ");--colorTextNeutral:var(--", ");--colorTextNeutralStatic:var(--", ");--colorTextInverse:var(--", ");--colorTextInverseStatic:var(--", ");--colorTextCritical:var(--", ");--colorTextPlaceholder:var(--", ");--colorBorderBrand:var(--", ");--colorBorderNeutral:var(--", ");--colorBorderSubtle:var(--", ");--colorBorderInverse:var(--", ");--colorBorderAccent:var(--", ");--colorBorderSuccess:var(--", ");--colorBorderCritical:var(--", ");--colorBorderWarning:var(--", ");--colorBorderInformation:var(--", ");--colorBorderSelected:var(--", ");--colorBorderUnselected:var(--", ");--colorBorderFocus:var(--", ");--colorIconBrand:var(--", ");--colorIconNeutral:var(--", ");--colorIconNeutralStatic:var(--", ");--colorIconInverse:var(--", ");--colorIconInverseStatic:var(--", ");--colorIconSuccess:var(--", ");--colorIconCritical:var(--", ");--colorIconWarning:var(--", ");--colorIconInformation:var(--", ");--", ":", ";.Dark{--colorObjectBrand:var(--", ");--colorObjectNeutral:var(--", ");--colorObjectSubtle:var(--", ");--colorObjectInverse:var(--", ");--colorObjectAccent:var(--", ");--colorObjectSuccess:var(--", ");--colorObjectCritical:var(--", ");--colorObjectWarning:var(--", ");--colorObjectInformation:var(--", ");--colorObjectSelected:var(--", ");--colorObjectUnselected:var(--", ");--colorObjectBrandHover:color-mix(in srgb,var(--colorObjectBrand),#000 8%);--colorObjectNeutralHover:color-mix(in srgb,var(--colorObjectNeutral),#000 8%);--colorObjectSubtleHover:color-mix(in srgb,var(--colorObjectSubtle),#000 8%);--colorObjectInverseHover:color-mix(in srgb,var(--colorObjectInverse),#fff 8%);--colorObjectAccentHover:color-mix(in srgb,var(--colorObjectAccent),#000 8%);--colorObjectSuccessHover:color-mix(in srgb,var(--colorObjectSuccess),#000 8%);--colorObjectCriticalHover:color-mix(in srgb,var(--colorObjectCritical),#000 8%);--colorObjectWarningHover:color-mix(in srgb,var(--colorObjectWarning),#000 8%);--colorObjectInformationHover:color-mix(in srgb,var(--colorObjectInformation),#000 8%);--colorObjectSelectedHover:color-mix(in srgb,var(--colorObjectSelected),#000 8%);--colorObjectUnselectedHover:color-mix(in srgb,var(--colorObjectUnselected),#000 8%);--colorObjectBrandPress:color-mix(in srgb,var(--colorObjectBrand),#000 16%);--colorObjectNeutralPress:color-mix(in srgb,var(--colorObjectNeutral),#000 16%);--colorObjectSubtlePress:color-mix(in srgb,var(--colorObjectSubtle),#000 16%);--colorObjectInversePress:color-mix(in srgb,var(--colorObjectInverse),#fff 16%);--colorObjectAccentPress:color-mix(in srgb,var(--colorObjectAccent),#000 16%);--colorObjectSuccessPress:color-mix(in srgb,var(--colorObjectSuccess),#000 16%);--colorObjectCriticalPress:color-mix(in srgb,var(--colorObjectCritical),#000 16%);--colorObjectWarningPress:color-mix(in srgb,var(--colorObjectWarning),#000 16%);--colorObjectInformationPress:color-mix(in srgb,var(--colorObjectInformation),#000 16%);--colorObjectSelectedPress:color-mix(in srgb,var(--colorObjectSelected),#000 16%);--colorObjectUnselectedPress:color-mix(in srgb,var(--colorObjectUnselected),#000 16%);--colorBackgroundBrand:var(--", ");--colorBackgroundNeutral:var(--", ");--colorBackgroundSubtle:var(--", ");--colorBackgroundOverlay:var(--", ");--colorBackgroundOverlayStatic:var(--", ");--colorBackgroundBrandHover:color-mix(in srgb,var(--colorBackgroundBrand),#000 8%);--colorBackgroundNeutralHover:color-mix(in srgb,var(--colorBackgroundNeutral),#fff 8%);--colorBackgroundSubtleHover:color-mix(in srgb,var(--colorBackgroundSubtle),#fff 8%);--colorBackgroundBrandPress:color-mix(in srgb,var(--colorBackgroundBrand),#000 16%);--colorBackgroundNeutralPress:color-mix(in srgb,var(--colorBackgroundNeutral),#fff 16%);--colorBackgroundSubtlePress:color-mix(in srgb,var(--colorBackgroundSubtle),#fff 16%);--colorTextBrand:var(--", ");--colorTextNeutral:var(--", ");--colorTextNeutralStatic:var(--", ");--colorTextInverse:var(--", ");--colorTextInverseStatic:var(--", ");--colorTextCritical:var(--", ");--colorTextPlaceholder:var(--", ");--colorBorderBrand:var(--", ");--colorBorderNeutral:var(--", ");--colorBorderSubtle:var(--", ");--colorBorderInverse:var(--", ");--colorBorderAccent:var(--", ");--colorBorderSuccess:var(--", ");--colorBorderCritical:var(--", ");--colorBorderWarning:var(--", ");--colorBorderInformation:var(--", ");--colorBorderSelected:var(--", ");--colorBorderUnselected:var(--", ");--colorBorderFocus:var(--", ");--colorIconBrand:var(--", ");--colorIconNeutral:var(--", ");--colorIconNeutralStatic:var(--", ");--colorIconInverse:var(--", ");--colorIconInverseStatic:var(--", ");--colorIconSuccess:var(--", ");--colorIconCritical:var(--", ");--colorIconWarning:var(--", ");--colorIconInformation:var(--", ");--", ":", ";}.DarkMobile{@media screen and (max-width:", "){--colorObjectBrand:var(--", ");--colorObjectNeutral:var(--", ");--colorObjectSubtle:var(--", ");--colorObjectInverse:var(--", ");--colorObjectAccent:var(--", ");--colorObjectSuccess:var(--", ");--colorObjectCritical:var(--", ");--colorObjectWarning:var(--", ");--colorObjectInformation:var(--", ");--colorObjectSelected:var(--", ");--colorObjectUnselected:var(--", ");--colorObjectBrandHover:color-mix(in srgb,var(--colorObjectBrand),#000 8%);--colorObjectNeutralHover:color-mix(in srgb,var(--colorObjectNeutral),#000 8%);--colorObjectSubtleHover:color-mix(in srgb,var(--colorObjectSubtle),#000 8%);--colorObjectInverseHover:color-mix(in srgb,var(--colorObjectInverse),#fff 8%);--colorObjectAccentHover:color-mix(in srgb,var(--colorObjectAccent),#000 8%);--colorObjectSuccessHover:color-mix(in srgb,var(--colorObjectSuccess),#000 8%);--colorObjectCriticalHover:color-mix(in srgb,var(--colorObjectCritical),#000 8%);--colorObjectWarningHover:color-mix(in srgb,var(--colorObjectWarning),#000 8%);--colorObjectInformationHover:color-mix(in srgb,var(--colorObjectInformation),#000 8%);--colorObjectSelectedHover:color-mix(in srgb,var(--colorObjectSelected),#000 8%);--colorObjectUnselectedHover:color-mix(in srgb,var(--colorObjectUnselected),#000 8%);--colorObjectBrandPress:color-mix(in srgb,var(--colorObjectBrand),#000 16%);--colorObjectNeutralPress:color-mix(in srgb,var(--colorObjectNeutral),#000 16%);--colorObjectSubtlePress:color-mix(in srgb,var(--colorObjectSubtle),#000 16%);--colorObjectInversePress:color-mix(in srgb,var(--colorObjectInverse),#fff 16%);--colorObjectAccentPress:color-mix(in srgb,var(--colorObjectAccent),#000 16%);--colorObjectSuccessPress:color-mix(in srgb,var(--colorObjectSuccess),#000 16%);--colorObjectCriticalPress:color-mix(in srgb,var(--colorObjectCritical),#000 16%);--colorObjectWarningPress:color-mix(in srgb,var(--colorObjectWarning),#000 16%);--colorObjectInformationPress:color-mix(in srgb,var(--colorObjectInformation),#000 16%);--colorObjectSelectedPress:color-mix(in srgb,var(--colorObjectSelected),#000 16%);--colorObjectUnselectedPress:color-mix(in srgb,var(--colorObjectUnselected),#000 16%);--colorBackgroundBrand:var(--", ");--colorBackgroundNeutral:var(--", ");--colorBackgroundSubtle:var(--", ");--colorBackgroundBrandHover:color-mix(in srgb,var(--colorBackgroundBrand),#000 8%);--colorBackgroundNeutralHover:color-mix(in srgb,var(--colorBackgroundNeutral),#fff 8%);--colorBackgroundSubtleHover:color-mix(in srgb,var(--colorBackgroundSubtle),#fff 8%);--colorBackgroundBrandPress:color-mix(in srgb,var(--colorBackgroundBrand),#000 16%);--colorBackgroundNeutralPress:color-mix(in srgb,var(--colorBackgroundNeutral),#fff 16%);--colorBackgroundSubtlePress:color-mix(in srgb,var(--colorBackgroundSubtle),#fff 16%);--colorTextBrand:var(--", ");--colorTextNeutral:var(--", ");--colorTextNeutralStatic:var(--", ");--colorTextInverse:var(--", ");--colorTextInverseStatic:var(--", ");--colorTextCritical:var(--", ");--colorTextPlaceholder:var(--", ");--colorBorderBrand:var(--", ");--colorBorderNeutral:var(--", ");--colorBorderSubtle:var(--", ");--colorBorderInverse:var(--", ");--colorBorderAccent:var(--", ");--colorBorderSuccess:var(--", ");--colorBorderCritical:var(--", ");--colorBorderWarning:var(--", ");--colorBorderInformation:var(--", ");--colorBorderSelected:var(--", ");--colorBorderUnselected:var(--", ");--colorBorderFocus:var(--", ");--colorIconBrand:var(--", ");--colorIconNeutral:var(--", ");--colorIconNeutralStatic:var(--", ");--colorIconInverse:var(--", ");--colorIconInverseStatic:var(--", ");--colorIconSuccess:var(--", ");--colorIconCritical:var(--", ");--colorIconWarning:var(--", ");--colorIconInformation:var(--", ");--", ":", ";}}}:root{--bodyMdFontSize:var(--fontSize16);--bodyMdLineHeight:var(--lineHeight125);@media screen and (min-width:", "){--bodyMdFontSize:var(--fontSize18);--bodyMdLineHeight:var(--lineHeight144);}--bodySmFontSize:var(--fontSize14);--bodySmLineHeight:var(--lineHeight128);--headingXlFontSize:var(--fontSize32);--headingXlLineHeight:var(--lineHeight125);@media screen and (min-width:", "){--headingXlFontSize:var(--fontSize56);--headingXlLineHeight:var(--lineHeight114);}@media screen and (min-width:", "){--headingXlFontSize:var(--fontSize64);--headingXlLineHeight:var(--lineHeight112);}--headingLgFontSize:var(--fontSize28);--headingLgLineHeight:var(--lineHeight128);@media screen and (min-width:", "){--headingLgFontSize:var(--fontSize40);--headingLgLineHeight:var(--lineHeight120);}@media screen and (min-width:", "){--headingLgFontSize:var(--fontSize56);--headingLgLineHeight:var(--lineHeight114);}--headingMdFontSize:var(--fontSize24);--headingMdLineHeight:var(--lineHeight133);@media screen and (min-width:", "){--headingMdFontSize:var(--fontSize32);--headingMdLineHeight:var(--lineHeight125);}@media screen and (min-width:", "){--headingMdFontSize:var(--fontSize40);--headingMdLineHeight:var(--lineHeight120);}--headingSmFontSize:var(--fontSize20);--headingSmLineHeight:var(--lineHeight140);@media screen and (min-width:", "){--headingSmFontSize:var(--fontSize24);--headingSmLineHeight:var(--lineHeight133);}@media screen and (min-width:", "){--headingSmFontSize:var(--fontSize28);--headingSmLineHeight:var(--lineHeight128);}--headingXsFontSize:var(--fontSize18);--headingXsLineHeight:var(--lineHeight144);@media screen and (min-width:", "){--headingXsFontSize:var(--fontSize20);--headingXsLineHeight:var(--lineHeight140);}@media screen and (min-width:", "){--headingXsFontSize:var(--fontSize20);--headingXsLineHeight:var(--lineHeight140);}}:root{--iconSize2xs:16px;--iconSizeXs:20px;--iconSizeSm:20px;--iconSizeMd:24px;--iconSizeLg:32px;--iconSizeXl:36px;--iconSize2xl:40px;--iconSize3xl:48px;--iconSize4xl:56px;--iconSize5xl:64px;--iconSize6xl:72px;--iconSize7xl:84px;--iconSize8xl:96px;--iconSize9xl:120px;@media screen and (min-width:", "){--iconSize2xs:16px;--iconSizeXs:20px;--iconSizeSm:24px;--iconSizeMd:32px;--iconSizeLg:36px;--iconSizeXl:40px;--iconSize2xl:48px;--iconSize3xl:56px;--iconSize4xl:64px;--iconSize5xl:72px;--iconSize6xl:84px;--iconSize7xl:96px;--iconSize8xl:120px;--iconSize9xl:192px;}}"], foundations_mediaQuery_viewport.breakpoint_medium, foundations_mediaQuery_viewport.breakpoint_large, objectColors.colorObjectBrand.Light, objectColors.colorObjectNeutral.Light, objectColors.colorObjectSubtle.Light, objectColors.colorObjectInverse.Light, objectColors.colorObjectAccent.Light, objectColors.colorObjectSuccess.Light, objectColors.colorObjectCritical.Light, objectColors.colorObjectWarning.Light, objectColors.colorObjectInformation.Light, objectColors.colorObjectSelected.Light, objectColors.colorObjectUnselected.Light, backgroundColors.colorBackgroundBrand.Light, backgroundColors.colorBackgroundBrandGradient.Light, backgroundColors.colorBackgroundNeutral.Light, backgroundColors.colorBackgroundSubtle.Light, backgroundColors.colorBackgroundOverlay.Light, backgroundColors.colorBackgroundOverlayStatic.Light, textColors.colorTextBrand.Light, textColors.colorTextNeutral.Light, textColors.colorTextNeutralStatic.Light, textColors.colorTextInverse.Light, textColors.colorTextInverseStatic.Light, textColors.colorTextCritical.Light, textColors.colorTextPlaceholder.Light, borderColors.colorBorderBrand.Light, borderColors.colorBorderNeutral.Light, borderColors.colorBorderSubtle.Light, borderColors.colorBorderInverse.Light, borderColors.colorBorderAccent.Light, borderColors.colorBorderSuccess.Light, borderColors.colorBorderCritical.Light, borderColors.colorBorderWarning.Light, borderColors.colorBorderInformation.Light, borderColors.colorBorderSelected.Light, borderColors.colorBorderUnselected.Light, borderColors.colorBorderFocus.Light, iconColors.colorIconBrand.Light, iconColors.colorIconNeutral.Light, iconColors.colorIconNeutralStatic.Light, iconColors.colorIconInverse.Light, iconColors.colorIconInverseStatic.Light, iconColors.colorIconSuccess.Light, iconColors.colorIconCritical.Light, iconColors.colorIconWarning.Light, iconColors.colorIconInformation.Light, styled$1.loadingSpinnerOverlayCssVar, styled$1.loadingSpinnerOverlays.Light, objectColors.colorObjectBrand.Dark, objectColors.colorObjectNeutral.Dark, objectColors.colorObjectSubtle.Dark, objectColors.colorObjectInverse.Dark, objectColors.colorObjectAccent.Dark, objectColors.colorObjectSuccess.Dark, objectColors.colorObjectCritical.Dark, objectColors.colorObjectWarning.Dark, objectColors.colorObjectInformation.Dark, objectColors.colorObjectSelected.Dark, objectColors.colorObjectUnselected.Dark, backgroundColors.colorBackgroundBrand.Dark, backgroundColors.colorBackgroundNeutral.Dark, backgroundColors.colorBackgroundSubtle.Dark, backgroundColors.colorBackgroundOverlay.Dark, backgroundColors.colorBackgroundOverlayStatic.Dark, textColors.colorTextBrand.Dark, textColors.colorTextNeutral.Dark, textColors.colorTextNeutralStatic.Dark, textColors.colorTextInverse.Dark, textColors.colorTextInverseStatic.Dark, textColors.colorTextCritical.Dark, textColors.colorTextPlaceholder.Dark, borderColors.colorBorderBrand.Dark, borderColors.colorBorderNeutral.Dark, borderColors.colorBorderSubtle.Dark, borderColors.colorBorderInverse.Dark, borderColors.colorBorderAccent.Dark, borderColors.colorBorderSuccess.Dark, borderColors.colorBorderCritical.Dark, borderColors.colorBorderWarning.Dark, borderColors.colorBorderInformation.Dark, borderColors.colorBorderSelected.Dark, borderColors.colorBorderUnselected.Dark, borderColors.colorBorderFocus.Dark, iconColors.colorIconBrand.Dark, iconColors.colorIconNeutral.Dark, iconColors.colorIconBrand.Dark, iconColors.colorIconInverse.Dark, iconColors.colorIconInverseStatic.Dark, iconColors.colorIconSuccess.Dark, iconColors.colorIconCritical.Dark, iconColors.colorIconWarning.Dark, iconColors.colorIconInformation.Dark, styled$1.loadingSpinnerOverlayCssVar, styled$1.loadingSpinnerOverlays.Dark, foundations_mediaQuery_viewport.breakpoint_medium, objectColors.colorObjectBrand.Dark, objectColors.colorObjectNeutral.Dark, objectColors.colorObjectSubtle.Dark, objectColors.colorObjectInverse.Dark, objectColors.colorObjectAccent.Dark, objectColors.colorObjectSuccess.Dark, objectColors.colorObjectCritical.Dark, objectColors.colorObjectWarning.Dark, objectColors.colorObjectInformation.Dark, objectColors.colorObjectSelected.Dark, objectColors.colorObjectUnselected.Dark, backgroundColors.colorBackgroundBrand.Dark, backgroundColors.colorBackgroundNeutral.Dark, backgroundColors.colorBackgroundSubtle.Dark, textColors.colorTextBrand.Dark, textColors.colorTextNeutral.Dark, textColors.colorTextNeutralStatic.Dark, textColors.colorTextInverse.Dark, textColors.colorTextInverseStatic.Dark, textColors.colorTextCritical.Dark, textColors.colorTextPlaceholder.Dark, borderColors.colorBorderBrand.Dark, borderColors.colorBorderNeutral.Dark, borderColors.colorBorderSubtle.Dark, borderColors.colorBorderInverse.Dark, borderColors.colorBorderAccent.Dark, borderColors.colorBorderSuccess.Dark, borderColors.colorBorderCritical.Dark, borderColors.colorBorderWarning.Dark, borderColors.colorBorderInformation.Dark, borderColors.colorBorderSelected.Dark, borderColors.colorBorderUnselected.Dark, borderColors.colorBorderFocus.Dark, iconColors.colorIconBrand.Dark, iconColors.colorIconNeutral.Dark, iconColors.colorIconBrand.Dark, iconColors.colorIconInverse.Dark, iconColors.colorIconInverseStatic.Dark, iconColors.colorIconSuccess.Dark, iconColors.colorIconCritical.Dark, iconColors.colorIconWarning.Dark, iconColors.colorIconInformation.Dark, styled$1.loadingSpinnerOverlayCssVar, styled$1.loadingSpinnerOverlays.Dark, foundations_mediaQuery_viewport.breakpoint_medium, foundations_mediaQuery_viewport.breakpoint_medium, foundations_mediaQuery_viewport.breakpoint_large, foundations_mediaQuery_viewport.breakpoint_medium, foundations_mediaQuery_viewport.breakpoint_large, foundations_mediaQuery_viewport.breakpoint_medium, foundations_mediaQuery_viewport.breakpoint_large, foundations_mediaQuery_viewport.breakpoint_medium, foundations_mediaQuery_viewport.breakpoint_large, foundations_mediaQuery_viewport.breakpoint_medium, foundations_mediaQuery_viewport.breakpoint_large, foundations_mediaQuery_viewport.breakpoint_medium);
|
|
224
|
-
const getWebFont = (_localWebfont = false) => {
|
|
225
|
-
return "https://www.vodafone.de/simplicity/assets/css/fonts/VodafoneVF_Wght_W.woff2";
|
|
226
|
-
};
|
|
227
|
-
const GlobalStyle = styled.createGlobalStyle(['@font-face{font-family:"VodafoneVari";src:url(', ' ) format("woff2");font-style:normal;font-display:swap;}@font-face{font-family:"Vodafone";src:url(https://www.vodafone.de/simplicity/assets/css/fonts/VodafoneRg.eot);src:url(https://www.vodafone.de/simplicity/assets/css/fonts/VodafoneRg.woff2) format("woff2"),url(https://www.vodafone.de/simplicity/assets/css/fonts/VodafoneRg.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Vodafone";src:url(https://www.vodafone.de/simplicity/assets/css/fonts/vodafonergbd-webfont.eot);src:url(https://www.vodafone.de/simplicity/assets/css/fonts/vodafonergbd-webfont.woff2) format("woff2"),url(https://www.vodafone.de/simplicity/assets/css/fonts/vodafonergbd-webfont.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Vodafone";src:url(https://www.vodafone.de/simplicity/assets/css/fonts/VodafoneLt.eot);src:url(https://www.vodafone.de/simplicity/assets/css/fonts/VodafoneLt.woff2) format("woff2"),url(https://www.vodafone.de/simplicity/assets/css/fonts/VodafoneLt.woff) format("woff");font-weight:100;font-style:normal;font-display:swap}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,button,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:top;}p{vertical-align:baseline;}html{line-height:1;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}ol,ul{list-style:none;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle;}q,blockquote{quotes:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none;}a img{border:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}html{font-size:14px}body{color:#333;font-family:"VodafoneVari","Arial",Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1;background:#fff;}*{box-sizing:border-box;}input,textarea{font-family:"VodafoneVari","Arial",sans-serif;border:none;box-shadow:none;max-width:100%;}input:focus{border:none;}hr{margin-block-start:0;}select{-moz-appearance:none;-webkit-appearance:none;appearance:none;}.HideOverflowY{overflow-y:hidden;}.HasObscuringBottomBar{scroll-padding-bottom:var(--bottomBarHeight);padding-bottom:var(--bottomBarHeight)}', ""], (props) => getWebFont(props.localWebfont), cssVars);
|
|
228
|
-
exports.GlobalStyle = GlobalStyle;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const forcedColorsQuery = `(forced-colors: active)`;
|
|
4
|
-
const forcedColors = (stylesInViewport) => {
|
|
5
|
-
return {
|
|
6
|
-
[`@media ${forcedColorsQuery}`]: {
|
|
7
|
-
...stylesInViewport
|
|
8
|
-
}
|
|
9
|
-
};
|
|
10
|
-
};
|
|
11
|
-
exports.default = forcedColors;
|
|
12
|
-
exports.forcedColorsQuery = forcedColorsQuery;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const reducedMotionQuery = `(prefers-reduced-motion)`;
|
|
4
|
-
const noReducedMotionQuery = `(prefers-reduced-motion: no-preference)`;
|
|
5
|
-
const reducedMotion = (stylesInViewport) => {
|
|
6
|
-
return {
|
|
7
|
-
[`@media ${reducedMotionQuery}`]: {
|
|
8
|
-
...stylesInViewport
|
|
9
|
-
}
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
const noReducedMotion = (stylesInViewport) => {
|
|
13
|
-
return {
|
|
14
|
-
[`@media ${noReducedMotionQuery}`]: {
|
|
15
|
-
...stylesInViewport
|
|
16
|
-
}
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
exports.default = reducedMotion;
|
|
20
|
-
exports.noReducedMotion = noReducedMotion;
|
|
21
|
-
exports.reducedMotionQuery = reducedMotionQuery;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const foundations_mediaQuery_viewport = require("../../../index-DuE6C2cO.cjs");
|
|
4
|
-
exports.default = foundations_mediaQuery_viewport.viewport;
|
|
5
|
-
exports.largeMediaQuery = foundations_mediaQuery_viewport.largeMediaQuery;
|
|
6
|
-
exports.mediumMediaQuery = foundations_mediaQuery_viewport.mediumMediaQuery;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const getCssVar = require("../../../getCssVar-CyR1mrKh.cjs");
|
|
4
|
-
const bodySizes = {
|
|
5
|
-
md: {
|
|
6
|
-
fontSize: getCssVar.getCssVar("bodyMdFontSize"),
|
|
7
|
-
lineHeight: getCssVar.getCssVar("bodyMdLineHeight")
|
|
8
|
-
},
|
|
9
|
-
sm: {
|
|
10
|
-
fontSize: getCssVar.getCssVar("bodySmFontSize"),
|
|
11
|
-
lineHeight: getCssVar.getCssVar("bodySmLineHeight")
|
|
12
|
-
}
|
|
13
|
-
};
|
|
14
|
-
const getBodySize = (size) => bodySizes[size];
|
|
15
|
-
exports.getBodySize = getBodySize;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const getCssVar = require("../../../getCssVar-CyR1mrKh.cjs");
|
|
4
|
-
const baseBorderRadius0 = "borderRadius0";
|
|
5
|
-
const baseBorderRadius3 = "borderRadius3";
|
|
6
|
-
const baseBorderRadius6 = "borderRadius6";
|
|
7
|
-
const baseBorderRadius100 = "borderRadius100";
|
|
8
|
-
const borderRadii = {
|
|
9
|
-
borderRadiusNone: baseBorderRadius0,
|
|
10
|
-
borderRadiusSm: baseBorderRadius3,
|
|
11
|
-
borderRadiusMd: baseBorderRadius6,
|
|
12
|
-
borderRadiusFull: baseBorderRadius100
|
|
13
|
-
};
|
|
14
|
-
const getBorderRadius = (radius) => getCssVar.getCssVar(borderRadii[radius]);
|
|
15
|
-
exports.getBorderRadius = getBorderRadius;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const getCssVar = require("../../../getCssVar-CyR1mrKh.cjs");
|
|
4
|
-
const baseBorderWidth0 = "borderWidth0";
|
|
5
|
-
const baseBorderWidth1 = "borderWidth1";
|
|
6
|
-
const baseBorderWidth2 = "borderWidth2";
|
|
7
|
-
const baseBorderWidth4 = "borderWidth4";
|
|
8
|
-
const borderWidths = {
|
|
9
|
-
None: baseBorderWidth0,
|
|
10
|
-
Divider: baseBorderWidth1,
|
|
11
|
-
Unselected: baseBorderWidth1,
|
|
12
|
-
Selected: baseBorderWidth2,
|
|
13
|
-
Navigation: baseBorderWidth4,
|
|
14
|
-
Focus: baseBorderWidth4,
|
|
15
|
-
Sm: baseBorderWidth1,
|
|
16
|
-
Md: baseBorderWidth2
|
|
17
|
-
};
|
|
18
|
-
const getBorderWidth = (borderWidth) => getCssVar.getCssVar(borderWidths[borderWidth]);
|
|
19
|
-
exports.getBorderWidth = getBorderWidth;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const foundations_token_getSpacing = require("../getSpacing/index.js");
|
|
4
|
-
const getBottomSpacing = ({
|
|
5
|
-
bottomSpacing
|
|
6
|
-
}) => {
|
|
7
|
-
if (!bottomSpacing) {
|
|
8
|
-
return {};
|
|
9
|
-
}
|
|
10
|
-
return {
|
|
11
|
-
marginBottom: foundations_token_getSpacing.getSpacing(bottomSpacing)
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
exports.getBottomSpacing = getBottomSpacing;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const getCssVar = require("../../../getCssVar-CyR1mrKh.cjs");
|
|
4
|
-
const baseWeight300 = "fontWeightLight";
|
|
5
|
-
const baseWeight400 = "fontWeightRegular";
|
|
6
|
-
const baseWeight700 = "fontWeightBold";
|
|
7
|
-
const fontWeights = {
|
|
8
|
-
light: baseWeight300,
|
|
9
|
-
regular: baseWeight400,
|
|
10
|
-
bold: baseWeight700
|
|
11
|
-
};
|
|
12
|
-
const getFontWeight = (weight) => getCssVar.getCssVar(fontWeights[weight]);
|
|
13
|
-
exports.getFontWeight = getFontWeight;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const getCssVar = require("../../../getCssVar-CyR1mrKh.cjs");
|
|
4
|
-
const headingSizes = {
|
|
5
|
-
xl: {
|
|
6
|
-
fontSize: getCssVar.getCssVar("headingXlFontSize"),
|
|
7
|
-
lineHeight: getCssVar.getCssVar("headingXlLineHeight")
|
|
8
|
-
},
|
|
9
|
-
lg: {
|
|
10
|
-
fontSize: getCssVar.getCssVar("headingLgFontSize"),
|
|
11
|
-
lineHeight: getCssVar.getCssVar("headingLgLineHeight")
|
|
12
|
-
},
|
|
13
|
-
md: {
|
|
14
|
-
fontSize: getCssVar.getCssVar("headingMdFontSize"),
|
|
15
|
-
lineHeight: getCssVar.getCssVar("headingMdLineHeight")
|
|
16
|
-
},
|
|
17
|
-
sm: {
|
|
18
|
-
fontSize: getCssVar.getCssVar("headingSmFontSize"),
|
|
19
|
-
lineHeight: getCssVar.getCssVar("headingSmLineHeight")
|
|
20
|
-
},
|
|
21
|
-
xs: {
|
|
22
|
-
fontSize: getCssVar.getCssVar("headingXsFontSize"),
|
|
23
|
-
lineHeight: getCssVar.getCssVar("headingXsLineHeight")
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
const getHeadingSize = (size) => headingSizes[size];
|
|
27
|
-
exports.getHeadingSize = getHeadingSize;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const getCssVar = require("../../../getCssVar-CyR1mrKh.cjs");
|
|
4
|
-
const getHoverColor = (color) => {
|
|
5
|
-
return getCssVar.getCssVar(`${color}Hover`);
|
|
6
|
-
};
|
|
7
|
-
exports.getHoverColor = getHoverColor;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const getCssVar = require("../../../getCssVar-CyR1mrKh.cjs");
|
|
4
|
-
const baseOpacity60 = "opacity60";
|
|
5
|
-
const baseOpacity38 = "opacity38";
|
|
6
|
-
const opacities = {
|
|
7
|
-
Overlay: baseOpacity60,
|
|
8
|
-
Disabled: baseOpacity38
|
|
9
|
-
};
|
|
10
|
-
const getOpacity = (opacity) => getCssVar.getCssVar(opacities[opacity]);
|
|
11
|
-
exports.getOpacity = getOpacity;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const getCssVar = require("../../../getCssVar-CyR1mrKh.cjs");
|
|
4
|
-
const getPressColor = (color) => {
|
|
5
|
-
return getCssVar.getCssVar(`${color}Press`);
|
|
6
|
-
};
|
|
7
|
-
exports.getPressColor = getPressColor;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const getCssVar = require("../../../getCssVar-CyR1mrKh.cjs");
|
|
4
|
-
const baseTextDecorationNone = "textDecorationNone";
|
|
5
|
-
const baseTextDecorationUnderline = "textDecorationUnderline";
|
|
6
|
-
const baseTextDecorationStrikethrough = "textDecorationStrikethrough";
|
|
7
|
-
const textDecorations = {
|
|
8
|
-
None: baseTextDecorationNone,
|
|
9
|
-
Underline: baseTextDecorationUnderline,
|
|
10
|
-
Strikethrough: baseTextDecorationStrikethrough
|
|
11
|
-
};
|
|
12
|
-
const getTextDecoration = (textDecoration) => getCssVar.getCssVar(textDecorations[textDecoration]);
|
|
13
|
-
exports.getTextDecoration = getTextDecoration;
|
package/getCssVar-CyR1mrKh.cjs
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const react = require("react");
|
|
4
|
-
function useFocusWithin(ref) {
|
|
5
|
-
const [isFocused, setIsFocused] = react.useState(false);
|
|
6
|
-
const hasActiveElement = (element) => {
|
|
7
|
-
if (!document) {
|
|
8
|
-
return false;
|
|
9
|
-
}
|
|
10
|
-
if (!element) {
|
|
11
|
-
return false;
|
|
12
|
-
}
|
|
13
|
-
return element == null ? void 0 : element.contains(document.activeElement);
|
|
14
|
-
};
|
|
15
|
-
const eventHandler = () => {
|
|
16
|
-
if (!ref || !ref.current) {
|
|
17
|
-
return false;
|
|
18
|
-
}
|
|
19
|
-
setTimeout(() => {
|
|
20
|
-
if (!ref || !ref.current) {
|
|
21
|
-
return false;
|
|
22
|
-
}
|
|
23
|
-
setIsFocused(hasActiveElement(ref == null ? void 0 : ref.current));
|
|
24
|
-
}, 300);
|
|
25
|
-
};
|
|
26
|
-
react.useEffect(() => {
|
|
27
|
-
document.addEventListener("focusin", eventHandler, false);
|
|
28
|
-
document.addEventListener("focusout", eventHandler, false);
|
|
29
|
-
return () => {
|
|
30
|
-
document.removeEventListener("focusin", eventHandler, false);
|
|
31
|
-
document.removeEventListener("focusout", eventHandler, false);
|
|
32
|
-
};
|
|
33
|
-
}, [ref, setIsFocused]);
|
|
34
|
-
return isFocused;
|
|
35
|
-
}
|
|
36
|
-
exports.useFocusWithin = useFocusWithin;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const foundations_mediaQuery_forcedColors = require("../../foundations/media-query/forcedColors/index.js");
|
|
4
|
-
const hooks_useMediaQuery = require("../useMediaQuery/index.js");
|
|
5
|
-
const useForcedColors = () => {
|
|
6
|
-
const [reducedMotion] = hooks_useMediaQuery.useMediaQuery(foundations_mediaQuery_forcedColors.forcedColorsQuery);
|
|
7
|
-
return reducedMotion;
|
|
8
|
-
};
|
|
9
|
-
exports.useForcedColors = useForcedColors;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const react = require("react");
|
|
4
|
-
const useMediaQuery = (query) => {
|
|
5
|
-
const [mediaQueryMatches, setMediaQueryMatches] = react.useState(false);
|
|
6
|
-
react.useEffect(() => {
|
|
7
|
-
const mediaQuery = window.matchMedia(query);
|
|
8
|
-
const handleMediaQueryChange = (event) => {
|
|
9
|
-
setMediaQueryMatches(event.matches);
|
|
10
|
-
};
|
|
11
|
-
setMediaQueryMatches(mediaQuery.matches);
|
|
12
|
-
mediaQuery.addEventListener("change", handleMediaQueryChange);
|
|
13
|
-
return () => {
|
|
14
|
-
mediaQuery.removeEventListener("change", handleMediaQueryChange);
|
|
15
|
-
};
|
|
16
|
-
}, [query]);
|
|
17
|
-
return [mediaQueryMatches];
|
|
18
|
-
};
|
|
19
|
-
exports.useMediaQuery = useMediaQuery;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const foundations_mediaQuery_reducedMotion = require("../../foundations/media-query/reducedMotion/index.js");
|
|
4
|
-
const hooks_useMediaQuery = require("../useMediaQuery/index.js");
|
|
5
|
-
const useReducedMotion = () => {
|
|
6
|
-
const [reducedMotion] = hooks_useMediaQuery.useMediaQuery(foundations_mediaQuery_reducedMotion.reducedMotionQuery);
|
|
7
|
-
return reducedMotion;
|
|
8
|
-
};
|
|
9
|
-
exports.useReducedMotion = useReducedMotion;
|