@newskit-render/shared-components 2.1.2-alpha.2 → 2.1.2-alpha.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +826 -25
- package/dist/cjs/ButtonGroup/ButtonGroup.js +11 -31
- package/dist/cjs/ButtonGroup/ButtonGroup.js.map +1 -1
- package/dist/cjs/ButtonGroup/components/BreakpointWrapper.d.ts +9 -0
- package/dist/cjs/ButtonGroup/components/BreakpointWrapper.js +14 -0
- package/dist/cjs/ButtonGroup/components/BreakpointWrapper.js.map +1 -0
- package/dist/cjs/ButtonGroup/components/PrimaryButton.d.ts +3 -0
- package/dist/cjs/ButtonGroup/components/PrimaryButton.js +27 -0
- package/dist/cjs/ButtonGroup/components/PrimaryButton.js.map +1 -0
- package/dist/cjs/ButtonGroup/components/SecondaryButton.d.ts +3 -0
- package/dist/cjs/ButtonGroup/components/SecondaryButton.js +27 -0
- package/dist/cjs/ButtonGroup/components/SecondaryButton.js.map +1 -0
- package/dist/cjs/ButtonGroup/defaults.d.ts +4 -0
- package/dist/cjs/ButtonGroup/defaults.js +31 -0
- package/dist/cjs/ButtonGroup/defaults.js.map +1 -0
- package/dist/cjs/ButtonGroup/index.d.ts +2 -1
- package/dist/cjs/ButtonGroup/index.js +2 -1
- package/dist/cjs/ButtonGroup/index.js.map +1 -1
- package/dist/cjs/ButtonGroup/{presets.d.ts → style-presets.d.ts} +0 -0
- package/dist/cjs/ButtonGroup/{presets.js → style-presets.js} +1 -1
- package/dist/cjs/ButtonGroup/style-presets.js.map +1 -0
- package/dist/cjs/ButtonGroup/styled.d.ts +10 -0
- package/dist/cjs/ButtonGroup/styled.js +13 -0
- package/dist/cjs/ButtonGroup/styled.js.map +1 -0
- package/dist/cjs/ButtonGroup/types.d.ts +1 -2
- package/dist/cjs/Calendar/{presets.d.ts → style-presets.d.ts} +0 -0
- package/dist/cjs/Calendar/{presets.js → style-presets.js} +1 -1
- package/dist/cjs/Calendar/style-presets.js.map +1 -0
- package/dist/cjs/ContentListView/ContentListView.d.ts +1 -0
- package/dist/cjs/ContentListView/ContentListView.js +8 -6
- package/dist/cjs/ContentListView/ContentListView.js.map +1 -1
- package/dist/cjs/ContentListView/DateItemButtons.js +2 -2
- package/dist/cjs/ContentListView/DateItemButtons.js.map +1 -1
- package/dist/cjs/ContentListView/defaults.d.ts +3 -0
- package/dist/cjs/ContentListView/defaults.js +7 -0
- package/dist/cjs/ContentListView/defaults.js.map +1 -0
- package/dist/cjs/ContentListView/index.d.ts +2 -0
- package/dist/cjs/ContentListView/index.js +2 -0
- package/dist/cjs/ContentListView/index.js.map +1 -1
- package/dist/cjs/ContentListView/style-presets.d.ts +21 -0
- package/dist/cjs/ContentListView/style-presets.js +25 -0
- package/dist/cjs/ContentListView/style-presets.js.map +1 -0
- package/dist/cjs/CorePackageContent/CorePackageContent.js +7 -7
- package/dist/cjs/CorePackageContent/CorePackageContent.js.map +1 -1
- package/dist/cjs/ExpandSection/ExpandSection.js +9 -40
- package/dist/cjs/ExpandSection/ExpandSection.js.map +1 -1
- package/dist/cjs/ExpandSection/defaults.d.ts +38 -0
- package/dist/cjs/ExpandSection/defaults.js +39 -0
- package/dist/cjs/ExpandSection/defaults.js.map +1 -0
- package/dist/cjs/LayoutGrid/LayoutGrid.js +1 -0
- package/dist/cjs/LayoutGrid/LayoutGrid.js.map +1 -1
- package/dist/cjs/Modal/ModalContent.js +5 -5
- package/dist/cjs/Modal/ModalContent.js.map +1 -1
- package/dist/cjs/Modal/index.d.ts +1 -1
- package/dist/cjs/Modal/index.js +1 -1
- package/dist/cjs/Modal/index.js.map +1 -1
- package/dist/cjs/Modal/{presets.d.ts → style-presets.d.ts} +0 -0
- package/dist/cjs/Modal/{presets.js → style-presets.js} +1 -1
- package/dist/cjs/Modal/style-presets.js.map +1 -0
- package/dist/cjs/NavigationFooter/NavigationFooter.js +3 -4
- package/dist/cjs/NavigationFooter/NavigationFooter.js.map +1 -1
- package/dist/cjs/NavigationFooter/index.d.ts +1 -0
- package/dist/cjs/NavigationFooter/index.js +15 -0
- package/dist/cjs/NavigationFooter/index.js.map +1 -1
- package/dist/cjs/NavigationFooter/stories/NavigationFooter.stories.js +1 -1
- package/dist/cjs/NavigationFooter/stories/NavigationFooter.stories.js.map +1 -1
- package/dist/cjs/NavigationFooter/style-presets.d.ts +16 -0
- package/dist/cjs/NavigationFooter/style-presets.js +20 -0
- package/dist/cjs/NavigationFooter/style-presets.js.map +1 -0
- package/dist/cjs/NavigationPrimary/NavigationPrimary.js +12 -23
- package/dist/cjs/NavigationPrimary/NavigationPrimary.js.map +1 -1
- package/dist/cjs/NavigationPrimary/index.d.ts +1 -0
- package/dist/cjs/NavigationPrimary/index.js +1 -0
- package/dist/cjs/NavigationPrimary/index.js.map +1 -1
- package/dist/cjs/NavigationPrimary/renderLinks.d.ts +3 -0
- package/dist/cjs/NavigationPrimary/renderLinks.js +27 -0
- package/dist/cjs/NavigationPrimary/renderLinks.js.map +1 -0
- package/dist/cjs/NavigationPrimary/style-presets.d.ts +14 -0
- package/dist/cjs/NavigationPrimary/style-presets.js +18 -0
- package/dist/cjs/NavigationPrimary/style-presets.js.map +1 -0
- package/dist/cjs/PastDueBanner/Notice.js +1 -1
- package/dist/cjs/PastDueBanner/helpers.js +6 -6
- package/dist/cjs/PastDueBanner/index.d.ts +1 -0
- package/dist/cjs/PastDueBanner/index.js +3 -1
- package/dist/cjs/PastDueBanner/index.js.map +1 -1
- package/dist/cjs/PastDueBanner/style-presets.d.ts +23 -0
- package/dist/cjs/PastDueBanner/style-presets.js +27 -0
- package/dist/cjs/PastDueBanner/style-presets.js.map +1 -0
- package/dist/cjs/PastDueBanner/types.d.ts +1 -1
- package/dist/cjs/RadioForm/RadioForm.js +13 -11
- package/dist/cjs/RadioForm/RadioForm.js.map +1 -1
- package/dist/cjs/RadioForm/defaults.d.ts +12 -0
- package/dist/cjs/RadioForm/defaults.js +16 -0
- package/dist/cjs/RadioForm/defaults.js.map +1 -0
- package/dist/cjs/SecureFlag/SecureFlag.d.ts +1 -0
- package/dist/cjs/SecureFlag/SecureFlag.js +19 -13
- package/dist/cjs/SecureFlag/SecureFlag.js.map +1 -1
- package/dist/cjs/SecureFlag/defaults.d.ts +13 -0
- package/dist/cjs/SecureFlag/defaults.js +20 -0
- package/dist/cjs/SecureFlag/defaults.js.map +1 -0
- package/dist/cjs/SecureFlag/index.d.ts +2 -0
- package/dist/cjs/SecureFlag/index.js +2 -0
- package/dist/cjs/SecureFlag/index.js.map +1 -1
- package/dist/cjs/SecureFlag/style-presets.d.ts +9 -0
- package/dist/cjs/SecureFlag/style-presets.js +13 -0
- package/dist/cjs/SecureFlag/style-presets.js.map +1 -0
- package/dist/cjs/TitleBar/TitleBar.js +5 -12
- package/dist/cjs/TitleBar/TitleBar.js.map +1 -1
- package/dist/cjs/TitleBar/componentDefaults.d.ts +9 -0
- package/dist/cjs/TitleBar/componentDefaults.js +13 -0
- package/dist/cjs/TitleBar/componentDefaults.js.map +1 -0
- package/dist/cjs/TitleBar/index.d.ts +1 -0
- package/dist/cjs/TitleBar/index.js +1 -0
- package/dist/cjs/TitleBar/index.js.map +1 -1
- package/dist/cjs/helpers/baseContext.d.ts +0 -16
- package/dist/cjs/helpers/baseContext.js +1 -11
- package/dist/cjs/helpers/baseContext.js.map +1 -1
- package/dist/cjs/theme/sharedPresets.js +5 -0
- package/dist/cjs/theme/sharedPresets.js.map +1 -1
- package/dist/cjs/theme/sharedTheme/componentDefaults.d.ts +9 -0
- package/dist/cjs/theme/sharedTheme/componentDefaults.js +14 -0
- package/dist/cjs/theme/sharedTheme/componentDefaults.js.map +1 -0
- package/dist/cjs/theme/sharedTheme/index.js +9 -2
- package/dist/cjs/theme/sharedTheme/index.js.map +1 -1
- package/dist/cjs/theme/sharedTheme/stylePresets.d.ts +0 -58
- package/dist/cjs/theme/sharedTheme/stylePresets.js +4 -58
- package/dist/cjs/theme/sharedTheme/stylePresets.js.map +1 -1
- package/dist/cjs/theme/sunTheme/index.js +1 -1
- package/dist/cjs/theme/sunTheme/index.js.map +1 -1
- package/dist/cjs/theme/timesTheme/stylePresets.d.ts +1 -1
- package/dist/cjs/theme/timesTheme/stylePresets.js +1 -1
- package/dist/cjs/theme/timesTheme/stylePresets.js.map +1 -1
- package/dist/cjs/theme/virginTheme/stylePresets.d.ts +1 -1
- package/dist/cjs/theme/virginTheme/stylePresets.js +1 -1
- package/dist/cjs/theme/virginTheme/stylePresets.js.map +1 -1
- package/dist/esm/ButtonGroup/ButtonGroup.js +12 -31
- package/dist/esm/ButtonGroup/ButtonGroup.js.map +1 -1
- package/dist/esm/ButtonGroup/components/BreakpointWrapper.d.ts +9 -0
- package/dist/esm/ButtonGroup/components/BreakpointWrapper.js +7 -0
- package/dist/esm/ButtonGroup/components/BreakpointWrapper.js.map +1 -0
- package/dist/esm/ButtonGroup/components/PrimaryButton.d.ts +3 -0
- package/dist/esm/ButtonGroup/components/PrimaryButton.js +21 -0
- package/dist/esm/ButtonGroup/components/PrimaryButton.js.map +1 -0
- package/dist/esm/ButtonGroup/components/SecondaryButton.d.ts +3 -0
- package/dist/esm/ButtonGroup/components/SecondaryButton.js +21 -0
- package/dist/esm/ButtonGroup/components/SecondaryButton.js.map +1 -0
- package/dist/esm/ButtonGroup/defaults.d.ts +4 -0
- package/dist/esm/ButtonGroup/defaults.js +28 -0
- package/dist/esm/ButtonGroup/defaults.js.map +1 -0
- package/dist/esm/ButtonGroup/index.d.ts +2 -1
- package/dist/esm/ButtonGroup/index.js +2 -1
- package/dist/esm/ButtonGroup/index.js.map +1 -1
- package/dist/esm/ButtonGroup/{presets.d.ts → style-presets.d.ts} +0 -0
- package/dist/esm/ButtonGroup/{presets.js → style-presets.js} +1 -1
- package/dist/esm/ButtonGroup/style-presets.js.map +1 -0
- package/dist/esm/ButtonGroup/styled.d.ts +10 -0
- package/dist/esm/ButtonGroup/styled.js +10 -0
- package/dist/esm/ButtonGroup/styled.js.map +1 -0
- package/dist/esm/ButtonGroup/types.d.ts +1 -2
- package/dist/esm/Calendar/{presets.d.ts → style-presets.d.ts} +0 -0
- package/dist/esm/Calendar/{presets.js → style-presets.js} +1 -1
- package/dist/esm/Calendar/style-presets.js.map +1 -0
- package/dist/esm/ContentListView/ContentListView.d.ts +1 -0
- package/dist/esm/ContentListView/ContentListView.js +7 -5
- package/dist/esm/ContentListView/ContentListView.js.map +1 -1
- package/dist/esm/ContentListView/DateItemButtons.js +2 -2
- package/dist/esm/ContentListView/DateItemButtons.js.map +1 -1
- package/dist/esm/ContentListView/defaults.d.ts +3 -0
- package/dist/esm/ContentListView/defaults.js +4 -0
- package/dist/esm/ContentListView/defaults.js.map +1 -0
- package/dist/esm/ContentListView/index.d.ts +2 -0
- package/dist/esm/ContentListView/index.js +2 -0
- package/dist/esm/ContentListView/index.js.map +1 -1
- package/dist/esm/ContentListView/style-presets.d.ts +21 -0
- package/dist/esm/ContentListView/style-presets.js +22 -0
- package/dist/esm/ContentListView/style-presets.js.map +1 -0
- package/dist/esm/CorePackageContent/CorePackageContent.js +7 -7
- package/dist/esm/CorePackageContent/CorePackageContent.js.map +1 -1
- package/dist/esm/ExpandSection/ExpandSection.js +9 -40
- package/dist/esm/ExpandSection/ExpandSection.js.map +1 -1
- package/dist/esm/ExpandSection/defaults.d.ts +38 -0
- package/dist/esm/ExpandSection/defaults.js +36 -0
- package/dist/esm/ExpandSection/defaults.js.map +1 -0
- package/dist/esm/LayoutGrid/LayoutGrid.js +1 -0
- package/dist/esm/LayoutGrid/LayoutGrid.js.map +1 -1
- package/dist/esm/Modal/ModalContent.js +5 -5
- package/dist/esm/Modal/ModalContent.js.map +1 -1
- package/dist/esm/Modal/index.d.ts +1 -1
- package/dist/esm/Modal/index.js +1 -1
- package/dist/esm/Modal/index.js.map +1 -1
- package/dist/esm/Modal/{presets.d.ts → style-presets.d.ts} +0 -0
- package/dist/esm/Modal/{presets.js → style-presets.js} +1 -1
- package/dist/esm/Modal/style-presets.js.map +1 -0
- package/dist/esm/NavigationFooter/NavigationFooter.js +3 -4
- package/dist/esm/NavigationFooter/NavigationFooter.js.map +1 -1
- package/dist/esm/NavigationFooter/index.d.ts +1 -0
- package/dist/esm/NavigationFooter/index.js +1 -0
- package/dist/esm/NavigationFooter/index.js.map +1 -1
- package/dist/esm/NavigationFooter/stories/NavigationFooter.stories.js +1 -1
- package/dist/esm/NavigationFooter/stories/NavigationFooter.stories.js.map +1 -1
- package/dist/esm/NavigationFooter/style-presets.d.ts +16 -0
- package/dist/esm/NavigationFooter/style-presets.js +17 -0
- package/dist/esm/NavigationFooter/style-presets.js.map +1 -0
- package/dist/esm/NavigationPrimary/NavigationPrimary.js +11 -22
- package/dist/esm/NavigationPrimary/NavigationPrimary.js.map +1 -1
- package/dist/esm/NavigationPrimary/index.d.ts +1 -0
- package/dist/esm/NavigationPrimary/index.js +1 -0
- package/dist/esm/NavigationPrimary/index.js.map +1 -1
- package/dist/esm/NavigationPrimary/renderLinks.d.ts +3 -0
- package/dist/esm/NavigationPrimary/renderLinks.js +20 -0
- package/dist/esm/NavigationPrimary/renderLinks.js.map +1 -0
- package/dist/esm/NavigationPrimary/style-presets.d.ts +14 -0
- package/dist/esm/NavigationPrimary/style-presets.js +15 -0
- package/dist/esm/NavigationPrimary/style-presets.js.map +1 -0
- package/dist/esm/PastDueBanner/Notice.js +1 -1
- package/dist/esm/PastDueBanner/helpers.js +6 -6
- package/dist/esm/PastDueBanner/index.d.ts +1 -0
- package/dist/esm/PastDueBanner/index.js +1 -0
- package/dist/esm/PastDueBanner/index.js.map +1 -1
- package/dist/esm/PastDueBanner/style-presets.d.ts +23 -0
- package/dist/esm/PastDueBanner/style-presets.js +24 -0
- package/dist/esm/PastDueBanner/style-presets.js.map +1 -0
- package/dist/esm/PastDueBanner/types.d.ts +1 -1
- package/dist/esm/RadioForm/RadioForm.js +13 -11
- package/dist/esm/RadioForm/RadioForm.js.map +1 -1
- package/dist/esm/RadioForm/defaults.d.ts +12 -0
- package/dist/esm/RadioForm/defaults.js +13 -0
- package/dist/esm/RadioForm/defaults.js.map +1 -0
- package/dist/esm/SecureFlag/SecureFlag.d.ts +1 -0
- package/dist/esm/SecureFlag/SecureFlag.js +18 -12
- package/dist/esm/SecureFlag/SecureFlag.js.map +1 -1
- package/dist/esm/SecureFlag/defaults.d.ts +13 -0
- package/dist/esm/SecureFlag/defaults.js +17 -0
- package/dist/esm/SecureFlag/defaults.js.map +1 -0
- package/dist/esm/SecureFlag/index.d.ts +2 -0
- package/dist/esm/SecureFlag/index.js +2 -0
- package/dist/esm/SecureFlag/index.js.map +1 -1
- package/dist/esm/SecureFlag/style-presets.d.ts +9 -0
- package/dist/esm/SecureFlag/style-presets.js +10 -0
- package/dist/esm/SecureFlag/style-presets.js.map +1 -0
- package/dist/esm/TitleBar/TitleBar.js +5 -12
- package/dist/esm/TitleBar/TitleBar.js.map +1 -1
- package/dist/esm/TitleBar/componentDefaults.d.ts +9 -0
- package/dist/esm/TitleBar/componentDefaults.js +10 -0
- package/dist/esm/TitleBar/componentDefaults.js.map +1 -0
- package/dist/esm/TitleBar/index.d.ts +1 -0
- package/dist/esm/TitleBar/index.js +1 -0
- package/dist/esm/TitleBar/index.js.map +1 -1
- package/dist/esm/helpers/baseContext.d.ts +0 -16
- package/dist/esm/helpers/baseContext.js +1 -11
- package/dist/esm/helpers/baseContext.js.map +1 -1
- package/dist/esm/theme/sharedPresets.js +5 -0
- package/dist/esm/theme/sharedPresets.js.map +1 -1
- package/dist/esm/theme/sharedTheme/componentDefaults.d.ts +9 -0
- package/dist/esm/theme/sharedTheme/componentDefaults.js +11 -0
- package/dist/esm/theme/sharedTheme/componentDefaults.js.map +1 -0
- package/dist/esm/theme/sharedTheme/index.js +9 -2
- package/dist/esm/theme/sharedTheme/index.js.map +1 -1
- package/dist/esm/theme/sharedTheme/stylePresets.d.ts +0 -58
- package/dist/esm/theme/sharedTheme/stylePresets.js +4 -58
- package/dist/esm/theme/sharedTheme/stylePresets.js.map +1 -1
- package/dist/esm/theme/sunTheme/index.js +1 -1
- package/dist/esm/theme/sunTheme/index.js.map +1 -1
- package/dist/esm/theme/timesTheme/stylePresets.d.ts +1 -1
- package/dist/esm/theme/timesTheme/stylePresets.js +1 -1
- package/dist/esm/theme/timesTheme/stylePresets.js.map +1 -1
- package/dist/esm/theme/virginTheme/stylePresets.d.ts +1 -1
- package/dist/esm/theme/virginTheme/stylePresets.js +1 -1
- package/dist/esm/theme/virginTheme/stylePresets.js.map +1 -1
- package/package.json +5 -5
- package/dist/cjs/ButtonGroup/presets.js.map +0 -1
- package/dist/cjs/Calendar/presets.js.map +0 -1
- package/dist/cjs/Modal/presets.js.map +0 -1
- package/dist/esm/ButtonGroup/presets.js.map +0 -1
- package/dist/esm/Calendar/presets.js.map +0 -1
- package/dist/esm/Modal/presets.js.map +0 -1
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export declare const navigationFooterPresets: {
|
|
2
|
+
footerLegalText: {
|
|
3
|
+
base: {
|
|
4
|
+
whiteSpace: string;
|
|
5
|
+
textAlign: string;
|
|
6
|
+
color: string;
|
|
7
|
+
};
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
export declare const footerLegalText: {
|
|
11
|
+
base: {
|
|
12
|
+
whiteSpace: string;
|
|
13
|
+
textAlign: string;
|
|
14
|
+
color: string;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export var navigationFooterPresets = {
|
|
2
|
+
footerLegalText: {
|
|
3
|
+
base: {
|
|
4
|
+
whiteSpace: "pre-line",
|
|
5
|
+
textAlign: "center",
|
|
6
|
+
color: '{{colors.inkSubtle}}',
|
|
7
|
+
},
|
|
8
|
+
},
|
|
9
|
+
};
|
|
10
|
+
export var footerLegalText = {
|
|
11
|
+
base: {
|
|
12
|
+
whiteSpace: "pre-line",
|
|
13
|
+
textAlign: "center",
|
|
14
|
+
color: '{{colors.inkSubtle}}',
|
|
15
|
+
},
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=style-presets.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/NavigationFooter/style-presets.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,uBAAuB,GAAG;IACrC,eAAe,EAAE;QACf,IAAI,EAAE;YACJ,UAAU,EAAE,UAAU;YACtB,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,sBAAsB;SAC9B;KACF;CACF,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG;IAC7B,IAAI,EAAE;QACJ,UAAU,EAAE,UAAU;QACtB,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,sBAAsB;KAC9B;CACF,CAAA"}
|
|
@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
23
|
import React, { useState } from 'react';
|
|
24
|
-
import { Divider, Block, Visible, Hidden, GridLayout, GridLayoutItem, Stack, StackChild,
|
|
24
|
+
import { Divider, Block, Visible, Hidden, GridLayout, GridLayoutItem, Stack, StackChild, useBreakpointKey, MediaQueryProvider, toNewsKitIcon, } from 'newskit';
|
|
25
25
|
import { NewsKitLogoGlyph } from './logos/NewsKitLogoGlyph';
|
|
26
26
|
import { NewsKitLogoFull } from './logos/NewsKitLogoFull';
|
|
27
27
|
import { NextLink, SkipToContent } from '..';
|
|
@@ -31,23 +31,8 @@ import { handleEnterKeyPress } from './utils';
|
|
|
31
31
|
import { IconAccount } from './IconAccount';
|
|
32
32
|
import { Image } from '../Image';
|
|
33
33
|
import { Menu as FilledMenu } from '@emotion-icons/material/Menu';
|
|
34
|
+
import { renderLinks } from './renderLinks';
|
|
34
35
|
var IconFilledMenu = toNewsKitIcon(FilledMenu);
|
|
35
|
-
var renderLinks = function (nav, hasTitle, onClick) {
|
|
36
|
-
return nav.map(function (link, i) { return (React.createElement(NextLink, { onClick: function () { return onClick && onClick(); }, key: i, type: "standalone", "aria-label": link.ariaLabel, href: link.link, external: false, overrides: {
|
|
37
|
-
typographyPreset: {
|
|
38
|
-
xs: hasTitle ? 'utilityLabel010' : 'utilityButton010',
|
|
39
|
-
md: hasTitle ? 'utilityLabel020' : 'utilityButton020',
|
|
40
|
-
},
|
|
41
|
-
spaceInline: 'space020',
|
|
42
|
-
stylePreset: 'linkStandaloneInverse',
|
|
43
|
-
}, eventContext: {
|
|
44
|
-
event_navigation_action: 'navigation',
|
|
45
|
-
event_navigation_name: link.text,
|
|
46
|
-
event_navigation_browsing_method: EventTrigger.Click,
|
|
47
|
-
} },
|
|
48
|
-
link.text,
|
|
49
|
-
link.icon)); });
|
|
50
|
-
};
|
|
51
36
|
var BaseNavigationPrimary = function (_a) {
|
|
52
37
|
var nav = _a.nav, _b = _a.title, title = _b === void 0 ? '' : _b, logoSrc = _a.logoSrc, logoWidth = _a.logoWidth, logoHeight = _a.logoHeight, titlePosition = _a.titlePosition, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, loggedInUser = _a.loggedInUser, gridOverrides = _a.gridOverrides;
|
|
53
38
|
var bp = useBreakpointKey();
|
|
@@ -136,9 +121,7 @@ var BaseNavigationPrimary = function (_a) {
|
|
|
136
121
|
} }))))))),
|
|
137
122
|
title && (React.createElement(React.Fragment, null,
|
|
138
123
|
React.createElement(DividerContainer, { xs: true, sm: true },
|
|
139
|
-
React.createElement(Divider, { overrides: {
|
|
140
|
-
stylePreset: 'divider020',
|
|
141
|
-
}, vertical: true })),
|
|
124
|
+
React.createElement(Divider, { vertical: true, overrides: { stylePreset: 'navigationPrimaryDivider' } })),
|
|
142
125
|
React.createElement(Hidden, { xs: true, sm: true },
|
|
143
126
|
React.createElement(Title, { top: logo === null || logo === void 0 ? void 0 : logo.top, stylePreset: "inkInverse", typographyPreset: {
|
|
144
127
|
md: 'utilityHeading030',
|
|
@@ -165,8 +148,10 @@ var BaseNavigationPrimary = function (_a) {
|
|
|
165
148
|
renderLinks(nav, hasTitle, bp === 'xs' || bp === 'sm'
|
|
166
149
|
? function () { return handleMobileMenuToggle(false); }
|
|
167
150
|
: undefined),
|
|
168
|
-
!hasTitle && loggedInUser && (React.createElement(StackChild, { alignSelf: "
|
|
169
|
-
React.createElement(Divider, { vertical: true
|
|
151
|
+
!hasTitle && loggedInUser && (React.createElement(StackChild, { alignSelf: "stretch" },
|
|
152
|
+
React.createElement(Divider, { "data-testid": "divider-account", vertical: true, overrides: {
|
|
153
|
+
stylePreset: 'navigationPrimaryDivider',
|
|
154
|
+
} }),
|
|
170
155
|
React.createElement(Divider, null))),
|
|
171
156
|
!hasTitle && loggedInUser && (React.createElement(NextLink, { type: "standalone", href: "/account", overrides: {
|
|
172
157
|
typographyPreset: 'utilityMeta020',
|
|
@@ -174,6 +159,10 @@ var BaseNavigationPrimary = function (_a) {
|
|
|
174
159
|
spaceInline: 'space010',
|
|
175
160
|
} },
|
|
176
161
|
React.createElement(IconAccount, { "data-testid": "account-link" }),
|
|
162
|
+
React.createElement(Divider, { "data-testid": "divider-account-1", vertical: true, overrides: {
|
|
163
|
+
stylePreset: 'navigationPrimaryDivider',
|
|
164
|
+
} }),
|
|
165
|
+
React.createElement(Divider, null),
|
|
177
166
|
"Account")))))),
|
|
178
167
|
React.createElement(GridLayoutItem, { area: "themedropdown", justifySelf: 'end' }, dropdown && options && (React.createElement(Block, { marginInlineStart: themeDropdownOpen ? 'space040' : undefined }, dropdown(options, customTheme)))))));
|
|
179
168
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationPrimary.js","sourceRoot":"","sources":["../../../src/NavigationPrimary/NavigationPrimary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EACL,OAAO,EACP,KAAK,EACL,OAAO,EACP,MAAM,EACN,UAAU,EACV,cAAc,EACd,KAAK,EACL,UAAU,EACV,
|
|
1
|
+
{"version":3,"file":"NavigationPrimary.js","sourceRoot":"","sources":["../../../src/NavigationPrimary/NavigationPrimary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EACL,OAAO,EACP,KAAK,EACL,OAAO,EACP,MAAM,EACN,UAAU,EACV,cAAc,EACd,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,aAAa,GACd,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,IAAI,CAAA;AAC5C,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,sBAAsB,EACtB,aAAa,EACb,KAAK,GACN,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,EAAE,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAA;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,8BAA8B,CAAA;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,IAAM,cAAc,GAAG,aAAa,CAAC,UAAU,CAAC,CAAA;AAEhD,IAAM,qBAAqB,GAAqC,UAAC,EAWhE;QAVC,GAAG,SAAA,EACH,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,OAAO,aAAA,EACP,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,mBAAmB,yBAAA,EACnB,YAAY,kBAAA,EACZ,aAAa,mBAAA;IAEb,IAAM,EAAE,GAAG,gBAAgB,EAAE,CAAA;IACvB,IAAA,KACJ,mBAAmB,IAAI,EAAE,EADnB,iBAAiB,uBAAA,EAAE,QAAQ,cAAA,EAAE,qBAAqB,2BAAA,EAAE,OAAO,aACxC,CAAA;IAErB,IAAA,KAA0B,QAAQ,CAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAA;IAC/C,IAAM,sBAAsB,GAAG,UAAC,mBAA6B;QAC3D,WAAW,CACT,mBAAmB,KAAK,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,QAAQ,CACpE,CAAA;QACD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ;YAC1B,QAAQ,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAA;IACnD,CAAC,CAAA;IAED,IAAM,QAAQ,GAAG,KAAK,KAAK,EAAE,CAAA;IAE7B,IAAM,OAAO,GAAG;QACd,iFAAiF;QACjF,IACE,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI;YACjB,qBAAqB;YACrB,qBAAqB,CAAC,WAAW,CAAC,IAAI,CAAC,EACvC;YACA,OAAO,qBAAqB,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;SAC/C;QACD,8CAA8C;QAC9C,IAAI,OAAO,IAAI,SAAS,IAAI,aAAa,EAAE;YACzC,OAAO;gBACL,GAAG,EAAE,OAAO;gBACZ,KAAK,EAAE,SAAS,IAAI,KAAK;gBACzB,MAAM,EAAE,UAAU,IAAI,MAAM;gBAC5B,GAAG,EAAE,aAAa,IAAI,GAAG;aAC1B,CAAA;SACF;QACD,qEAAqE;QACrE,IAAI,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,KAAI,4BAA4B,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE;YACvE,OAAO,4BAA4B,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;SACtD;QACD,wCAAwC;QACxC,OAAO,SAAS,CAAA;IAClB,CAAC,CAAA;IAED,IAAM,IAAI,GAAG,OAAO,EAAE,CAAA;IAEtB,IAAM,gBAAgB,GAAG;QACvB,EAAE,EAAE,0BACQ,iBAAiB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,WAAW,4BAE5D;QACD,EAAE,EAAE,gCACc,iBAAiB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,WACzD;KACF,CAAA;IACD,IAAM,WAAW,GAAG;QAClB,EAAE,EAAE,oCACkB,iBAAiB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,WAAW,kCAEtE;QACD,EAAE,EAAE,gCACc,iBAAiB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,+BAE9D;KACF,CAAA,CAAC,iDAAiD;IAEnD,OAAO,CACL,oBAAC,YAAY;QACV,QAAQ,IAAI,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CACxC,oBAAC,OAAO,IAAC,EAAE,QAAC,EAAE;YACZ,oBAAC,gBAAgB;gBACf,oBAAC,KAAK,IACJ,IAAI,EAAC,mBAAmB,EACxB,iBAAiB,EAAC,eAAe,EACjC,IAAI,EAAC,QAAQ,iBACD,qBAAqB,IAEhC,WAAW,CAAC,GAAG,EAAE,QAAQ,CAAC,CACrB,CACS,CACX,CACX;QACD,oBAAC,sBAAsB,mBACT,mBAAmB,EAC/B,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,WAAW,EAChD,OAAO,EAAE;gBACP,EAAE,EAAE,GAAG;oBACL,CAAC,CAAC,QAAQ;wBACR,CAAC,CAAC,MAAM;wBACR,CAAC,CAAC,UAAU;oBACd,CAAC,CAAC,iBAAiB;wBACnB,CAAC,CAAC,MAAM;wBACR,CAAC,CAAC,KAAK;gBACT,EAAE,EAAE,eAAe;aACpB,EACD,MAAM,EAAE,GAAG,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EACtD,YAAY,EAAE;gBACZ,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ;gBACjC,EAAE,EAAE,QAAQ;aACb,EACD,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAE;gBACd,EAAE,EAAE,QAAQ;gBACZ,EAAE,EAAE,OAAO;aACZ,EACD,SAAS,aACP,MAAM,EAAE;oBACN,EAAE,EAAE,GAAG,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;oBAC/C,EAAE,EAAE,KAAK,EAAE,0CAA0C;iBACtD,IAEE,aAAa;YAGlB,oBAAC,cAAc,IACb,IAAI,EAAC,WAAW,EAChB,WAAW,EAAE;oBACX,EAAE,EAAE,CAAC,GAAG,IAAI,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO;oBACzC,EAAE,EAAE,OAAO;iBACZ;gBAED,oBAAC,UAAU,IACT,OAAO,EAAE,eAAe,EACxB,SAAS,EAAE,KAAK,IAAI,EAAE,EAAE,EAAE,UAAU,EAAE,EACtC,UAAU,EAAC,QAAQ;oBAGnB,oBAAC,QAAQ,IACP,IAAI,EAAC,YAAY,EACjB,SAAS,EAAE,EAAE,WAAW,EAAE,uBAAuB,EAAE,EACnD,IAAI,EAAC,GAAG,gBACG,WAAW,IAErB,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,EAAC,CAAC,CAAC,CACX;wBACE,oBAAC,KAAK;4BACJ,oBAAC,KAAK,mBACQ,cAAc,EAC1B,GAAG,EAAC,EAAE,EACN,GAAG,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAa,EACxB,KAAK,EAAE,QAAQ,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,KAAI,KAAK,CAAC,EACrC,MAAM,EAAE,UAAU,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,KAAI,MAAM,CAAC,GAC1C,CACI,CACP,CACJ,CAAC,CAAC,CAAC,CACF;wBACE,oBAAC,OAAO,IAAC,EAAE,QAAC,EAAE,QAAC,EAAE;4BACf,oBAAC,aAAa;gCACZ,oBAAC,eAAe,IACd,SAAS,EAAE;wCACT,WAAW,EAAE,MAAM;qCACpB,GACD,CACY,CACR;wBACV,oBAAC,OAAO,IAAC,EAAE,QAAC,EAAE,UACX,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAClB,oBAAC,cAAc;4BACb,oBAAC,gBAAgB,IACf,SAAS,EAAE;oCACT,WAAW,EAAE,MAAM;iCACpB,GACD,CACa,CAClB,CAAC,CAAC,CAAC,CACF,oBAAC,aAAa;4BACZ,oBAAC,eAAe,IACd,SAAS,EAAE;oCACT,WAAW,EAAE,MAAM;iCACpB,GACD,CACY,CACjB,CACO,CACT,CACJ,CACQ;oBAEV,KAAK,IAAI,CACR;wBACE,oBAAC,gBAAgB,IAAC,EAAE,QAAC,EAAE;4BACrB,oBAAC,OAAO,IACN,QAAQ,QACR,SAAS,EAAE,EAAE,WAAW,EAAE,0BAA0B,EAAE,GACtD,CACe;wBACnB,oBAAC,MAAM,IAAC,EAAE,QAAC,EAAE;4BACX,oBAAC,KAAK,IACJ,GAAG,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,EACd,WAAW,EAAC,YAAY,EACxB,gBAAgB,EAAE;oCAChB,EAAE,EAAE,mBAAmB;iCACxB,IAEA,KAAK,CACA,CACD,CACR,CACJ;oBAED,oBAAC,aAAa,OAAG,CACN,CACE;YAEhB,CAAC,QAAQ,IAAI,GAAG,IAAI,CACnB,oBAAC,cAAc,IAAC,IAAI,EAAC,WAAW,EAAC,WAAW,EAAE,KAAK;gBACjD,oBAAC,OAAO,IAAC,EAAE,QAAC,EAAE;oBAEZ,oBAAC,cAAc,IACb,SAAS,EAAE;4BACT,IAAI,EAAE,aAAa;4BACnB,WAAW,EAAE,YAAY;yBAC1B,EACD,OAAO,EAAE,cAAM,OAAA,sBAAsB,EAAE,EAAxB,CAAwB,EACvC,SAAS,EAAE,mBAAmB,CAAC,sBAAsB,CAAC,EACtD,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,gBACA,oBAAoB,iBACnB,iBAAiB,GAC7B,CACM,CACK,CAClB;YAEA,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAC5B,oBAAC,cAAc,IACb,IAAI,EAAC,OAAO,EACZ,WAAW,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,EACxC,SAAS,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE;gBAE5B,oBAAC,aAAa,eACR,EAAE,CAAC,KAAK,CAAC,EACT,CAAC,QAAQ;oBACX,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE;oBACtD,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC;oBAErC,oBAAC,KAAK,IACJ,IAAI,EAAE;4BACJ,EAAE,EAAE,iBAAiB;4BACrB,EAAE,EAAE,mBAAmB;yBACxB,EACD,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE;4BACX,EAAE,EAAE,UAAU;4BACd,EAAE,EAAE,UAAU;yBACf,iBACW,sBAAsB;wBAGjC,GAAG;4BACF,WAAW,CACT,GAAG,EACH,QAAQ,EACR,EAAE,KAAK,IAAI,IAAI,EAAE,KAAK,IAAI;gCACxB,CAAC,CAAC,cAAM,OAAA,sBAAsB,CAAC,KAAK,CAAC,EAA7B,CAA6B;gCACrC,CAAC,CAAC,SAAS,CACd;wBAEF,CAAC,QAAQ,IAAI,YAAY,IAAI,CAC5B,oBAAC,UAAU,IAAC,SAAS,EAAC,SAAS;4BAC7B,oBAAC,OAAO,mBACM,iBAAiB,EAC7B,QAAQ,QACR,SAAS,EAAE;oCACT,WAAW,EAAE,0BAA0B;iCACxC,GACD;4BACF,oBAAC,OAAO,OAAG,CACA,CACd;wBAEA,CAAC,QAAQ,IAAI,YAAY,IAAI,CAC5B,oBAAC,QAAQ,IACP,IAAI,EAAC,YAAY,EACjB,IAAI,EAAC,UAAU,EACf,SAAS,EAAE;gCACT,gBAAgB,EAAE,gBAAgB;gCAClC,WAAW,EAAE,uBAAuB;gCACpC,WAAW,EAAE,UAAU;6BACxB;4BAED,oBAAC,WAAW,mBAAa,cAAc,GAAG;4BAC1C,oBAAC,OAAO,mBACM,mBAAmB,EAC/B,QAAQ,QACR,SAAS,EAAE;oCACT,WAAW,EAAE,0BAA0B;iCACxC,GACD;4BACF,oBAAC,OAAO,OAAG;sCAEF,CACZ,CACK,CACM,CACD,CAClB;YAED,oBAAC,cAAc,IAAC,IAAI,EAAC,eAAe,EAAC,WAAW,EAAE,KAAK,IAEpD,QAAQ,IAAI,OAAO,IAAI,CACtB,oBAAC,KAAK,IACJ,iBAAiB,EAAE,iBAAiB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,IAE5D,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC,CACzB,CACT,CACc,CACM,CACZ,CAChB,CAAA;AACH,CAAC,CAAA;AAED,IAAM,sBAAsB,GAC1B,UAAC,SAA2C;IAC5C,OAAA,UAAC,EAAY;YAAP,KAAK,cAAV,EAAY,CAAF;QACT,OAAA,CACE,oBAAC,kBAAkB;YACjB,oBAAC,SAAS,eAAK,KAAK,IAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,CAC/B,CACtB,CAAA;KAAA;AALH,CAKG,CAAA;AAEL,MAAM,CAAC,IAAM,iBAAiB,GAAG,sBAAsB,CAAC,qBAAqB,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/NavigationPrimary/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,SAAS,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/NavigationPrimary/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { NextLink } from '..';
|
|
2
|
+
import { EventTrigger } from 'newskit';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
export var renderLinks = function (nav, hasTitle, onClick) {
|
|
5
|
+
return nav.map(function (link, i) { return (React.createElement(NextLink, { onClick: function () { return onClick && onClick(); }, key: i, type: "standalone", "aria-label": link.ariaLabel, href: link.link, external: false, overrides: {
|
|
6
|
+
typographyPreset: {
|
|
7
|
+
xs: hasTitle ? 'utilityLabel010' : 'utilityButton010',
|
|
8
|
+
md: hasTitle ? 'utilityLabel020' : 'utilityButton020',
|
|
9
|
+
},
|
|
10
|
+
spaceInline: 'space020',
|
|
11
|
+
stylePreset: 'linkStandaloneInverse',
|
|
12
|
+
}, eventContext: {
|
|
13
|
+
event_navigation_action: 'navigation',
|
|
14
|
+
event_navigation_name: link.text,
|
|
15
|
+
event_navigation_browsing_method: EventTrigger.Click,
|
|
16
|
+
} },
|
|
17
|
+
link.text,
|
|
18
|
+
link.icon)); });
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=renderLinks.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"renderLinks.js","sourceRoot":"","sources":["../../../src/NavigationPrimary/renderLinks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,CAAA;AAC7B,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,CAAC,IAAM,WAAW,GAAG,UACzB,GAAiC,EACjC,QAAiB,EACjB,OAAmC;IAEnC,OAAO,GAAG,CAAC,GAAG,CAAC,UAAC,IAAgC,EAAE,CAAC,IAAK,OAAA,CACtD,oBAAC,QAAQ,IACP,OAAO,EAAE,cAAM,OAAA,OAAO,IAAI,OAAO,EAAE,EAApB,CAAoB,EACnC,GAAG,EAAE,CAAC,EACN,IAAI,EAAC,YAAY,gBACL,IAAI,CAAC,SAAS,EAC1B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,KAAK,EACf,SAAS,EAAE;YACT,gBAAgB,EAAE;gBAChB,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB;gBACrD,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB;aACtD;YACD,WAAW,EAAE,UAAU;YACvB,WAAW,EAAE,uBAAuB;SACrC,EACD,YAAY,EAAE;YACZ,uBAAuB,EAAE,YAAY;YACrC,qBAAqB,EAAE,IAAI,CAAC,IAAI;YAChC,gCAAgC,EAAE,YAAY,CAAC,KAAK;SACrD;QAEA,IAAI,CAAC,IAAI;QACT,IAAI,CAAC,IAAI,CACD,CACZ,EAzBuD,CAyBvD,CAAC,CAAA;AACJ,CAAC,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export var navigationPrimaryPresets = {
|
|
2
|
+
navigationPrimaryDivider: {
|
|
3
|
+
base: {
|
|
4
|
+
borderStyle: 'solid',
|
|
5
|
+
borderColor: '{{colors.interface010}}',
|
|
6
|
+
borderWidth: '{{borders.borderWidth020}}',
|
|
7
|
+
},
|
|
8
|
+
},
|
|
9
|
+
logo: {
|
|
10
|
+
base: {
|
|
11
|
+
color: '{{colors.white}}',
|
|
12
|
+
},
|
|
13
|
+
},
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=style-presets.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/NavigationPrimary/style-presets.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,wBAAwB,GAAG;IACtC,wBAAwB,EAAE;QACxB,IAAI,EAAE;YACJ,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,yBAAyB;YACtC,WAAW,EAAE,4BAA4B;SAC1C;KACF;IACD,IAAI,EAAE;QACJ,IAAI,EAAE;YACJ,KAAK,EAAE,kBAAkB;SAC1B;KACF;CACF,CAAA"}
|
|
@@ -80,7 +80,7 @@ export var Notice = function (_a) {
|
|
|
80
80
|
xs: '100%',
|
|
81
81
|
md: 'none',
|
|
82
82
|
},
|
|
83
|
-
stylePreset: '
|
|
83
|
+
stylePreset: 'updatePaymentButton',
|
|
84
84
|
}, size: buttonSize, href: url, "aria-label": "Update payment details in Subscription and billing page" }, noticeBanner.button)))); },
|
|
85
85
|
] },
|
|
86
86
|
React.createElement(Replacer, { text: noticeBanner.text, link: noticeBanner.link }))));
|
|
@@ -44,7 +44,7 @@ export var getBannerInfo = function (pastDueBanner, noticeInfo) {
|
|
|
44
44
|
return {
|
|
45
45
|
bannerName: 'firstNoticeBanner',
|
|
46
46
|
notice: pastDueBanner.firstNotice,
|
|
47
|
-
preset: '
|
|
47
|
+
preset: 'pastDueFirstNotice',
|
|
48
48
|
icon: IconFilledWarning,
|
|
49
49
|
};
|
|
50
50
|
}
|
|
@@ -53,7 +53,7 @@ export var getBannerInfo = function (pastDueBanner, noticeInfo) {
|
|
|
53
53
|
return {
|
|
54
54
|
bannerName: 'secondNoticeBanner',
|
|
55
55
|
notice: pastDueBanner.secondNotice,
|
|
56
|
-
preset: '
|
|
56
|
+
preset: 'pastDueLastNotice',
|
|
57
57
|
icon: IconFilledInfo,
|
|
58
58
|
};
|
|
59
59
|
}
|
|
@@ -63,7 +63,7 @@ export var getBannerInfo = function (pastDueBanner, noticeInfo) {
|
|
|
63
63
|
return {
|
|
64
64
|
bannerName: 'terminatedBanner',
|
|
65
65
|
notice: notice,
|
|
66
|
-
preset: '
|
|
66
|
+
preset: 'pastDueLastNotice',
|
|
67
67
|
icon: IconFilledInfo,
|
|
68
68
|
};
|
|
69
69
|
}
|
|
@@ -77,7 +77,7 @@ export var getBannerInfo = function (pastDueBanner, noticeInfo) {
|
|
|
77
77
|
return {
|
|
78
78
|
bannerName: 'toBeCancelledWithRefundBanner',
|
|
79
79
|
notice: notice,
|
|
80
|
-
preset: '
|
|
80
|
+
preset: 'pastDueLastNotice',
|
|
81
81
|
icon: IconFilledError,
|
|
82
82
|
};
|
|
83
83
|
}
|
|
@@ -90,7 +90,7 @@ export var getBannerInfo = function (pastDueBanner, noticeInfo) {
|
|
|
90
90
|
return {
|
|
91
91
|
bannerName: 'toBeCancelledBanner',
|
|
92
92
|
notice: notice,
|
|
93
|
-
preset: '
|
|
93
|
+
preset: 'pastDueLastNotice',
|
|
94
94
|
icon: IconFilledError,
|
|
95
95
|
};
|
|
96
96
|
}
|
|
@@ -99,7 +99,7 @@ export var getBannerInfo = function (pastDueBanner, noticeInfo) {
|
|
|
99
99
|
return {
|
|
100
100
|
bannerName: 'cancelledBanner',
|
|
101
101
|
notice: notice,
|
|
102
|
-
preset: '
|
|
102
|
+
preset: 'pastDueLastNotice',
|
|
103
103
|
icon: IconFilledError,
|
|
104
104
|
};
|
|
105
105
|
}
|
|
@@ -2,3 +2,4 @@ import { PastDueBanner } from './PastDueBanner';
|
|
|
2
2
|
import { PastDueBannerExternal } from './PastDueBannerExternal';
|
|
3
3
|
import { pastDuebannerDefaultContext } from './pastDueBannerDefaultContext';
|
|
4
4
|
export { PastDueBanner, PastDueBannerExternal, pastDuebannerDefaultContext };
|
|
5
|
+
export { pastDueBannerPresets } from './style-presets';
|
|
@@ -2,4 +2,5 @@ import { PastDueBanner } from './PastDueBanner';
|
|
|
2
2
|
import { PastDueBannerExternal } from './PastDueBannerExternal';
|
|
3
3
|
import { pastDuebannerDefaultContext } from './pastDueBannerDefaultContext';
|
|
4
4
|
export { PastDueBanner, PastDueBannerExternal, pastDuebannerDefaultContext };
|
|
5
|
+
export { pastDueBannerPresets } from './style-presets';
|
|
5
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/PastDueBanner/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/PastDueBanner/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAA;AAE3E,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,2BAA2B,EAAE,CAAA;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export declare const pastDueBannerPresets: {
|
|
2
|
+
pastDueFirstNotice: {
|
|
3
|
+
base: {
|
|
4
|
+
backgroundColor: string;
|
|
5
|
+
};
|
|
6
|
+
};
|
|
7
|
+
pastDueLastNotice: {
|
|
8
|
+
base: {
|
|
9
|
+
backgroundColor: string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
updatePaymentButton: {
|
|
13
|
+
base: {
|
|
14
|
+
backgroundColor: string;
|
|
15
|
+
borderRadius: string;
|
|
16
|
+
color: string;
|
|
17
|
+
whiteSpace: string;
|
|
18
|
+
};
|
|
19
|
+
visited: {
|
|
20
|
+
color: string;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
export var pastDueBannerPresets = {
|
|
2
|
+
pastDueFirstNotice: {
|
|
3
|
+
base: {
|
|
4
|
+
backgroundColor: '{{colors.amber090}}',
|
|
5
|
+
},
|
|
6
|
+
},
|
|
7
|
+
pastDueLastNotice: {
|
|
8
|
+
base: {
|
|
9
|
+
backgroundColor: '{{colors.red070}}',
|
|
10
|
+
},
|
|
11
|
+
},
|
|
12
|
+
updatePaymentButton: {
|
|
13
|
+
base: {
|
|
14
|
+
backgroundColor: '{{colors.white}}',
|
|
15
|
+
borderRadius: '{{borders.borderRadiusRounded020}}',
|
|
16
|
+
color: '{{colors.inkBase}}',
|
|
17
|
+
whiteSpace: 'nowrap',
|
|
18
|
+
},
|
|
19
|
+
visited: {
|
|
20
|
+
color: '{{colors.inkBase}}',
|
|
21
|
+
},
|
|
22
|
+
},
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=style-presets.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/PastDueBanner/style-presets.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,oBAAoB,GAAG;IAClC,kBAAkB,EAAE;QAClB,IAAI,EAAE;YACJ,eAAe,EAAE,qBAAqB;SACvC;KACF;IACD,iBAAiB,EAAE;QACjB,IAAI,EAAE;YACJ,eAAe,EAAE,mBAAmB;SACrC;KACF;IACD,mBAAmB,EAAE;QACnB,IAAI,EAAE;YACJ,eAAe,EAAE,kBAAkB;YACnC,YAAY,EAAE,oCAAoC;YAClD,KAAK,EAAE,oBAAoB;YAC3B,UAAU,EAAE,QAAQ;SACrB;QACD,OAAO,EAAE;YACP,KAAK,EAAE,oBAAoB;SAC5B;KACF;CACF,CAAA"}
|
|
@@ -85,7 +85,7 @@ export type BannerInfo = {
|
|
|
85
85
|
preset: BannerPresets;
|
|
86
86
|
icon: IconType;
|
|
87
87
|
};
|
|
88
|
-
export type BannerPresets = '
|
|
88
|
+
export type BannerPresets = 'pastDueFirstNotice' | 'pastDueLastNotice';
|
|
89
89
|
export type Notice = {
|
|
90
90
|
title: string;
|
|
91
91
|
text: string;
|
|
@@ -54,9 +54,11 @@ import { Block, Form, Fieldset, RadioGroup, FormInput, FormInputAssistiveText, s
|
|
|
54
54
|
import { ButtonGroup } from '../ButtonGroup';
|
|
55
55
|
import { FormGrid } from '../FormComponent';
|
|
56
56
|
import { Introduction } from '../Introduction';
|
|
57
|
+
import { radioInputDefaults } from './defaults';
|
|
57
58
|
var StyledCharacterCount = styled(CharacterCount)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding-inline: 0;\n"], ["\n padding-inline: 0;\n"])));
|
|
59
|
+
var inputNameDefault = radioInputDefaults.inputNameDefault, assistiveTextDefault = radioInputDefaults.assistiveTextDefault, errorOverridesDefault = radioInputDefaults.errorOverridesDefault, inputTextAreaOverridesDefault = radioInputDefaults.inputTextAreaOverridesDefault;
|
|
58
60
|
var RadioForm = function (_a) {
|
|
59
|
-
var size = _a.size, radioInputList = _a.radioInputList,
|
|
61
|
+
var size = _a.size, radioInputList = _a.radioInputList, _b = _a.radioInputName, radioInputName = _b === void 0 ? inputNameDefault : _b, resolver = _a.resolver, radioInputListOverrides = _a.radioInputListOverrides, _c = _a.errorOverrides, errorOverrides = _c === void 0 ? errorOverridesDefault : _c, _d = _a.inputTextAreaOverrides, inputTextAreaOverrides = _d === void 0 ? inputTextAreaOverridesDefault : _d, characterCountOverrides = _a.characterCountOverrides, inputAssistiveTextOverrides = _a.inputAssistiveTextOverrides, buttonGroupProps = _a.buttonGroupProps, introductionProps = _a.introductionProps, onSubmit = _a.onSubmit, introductionInlineMessage = _a.introductionInlineMessage, introductionInlineMessageOverrides = _a.introductionInlineMessageOverrides, gridProps = _a.gridProps, marginBlockEnd = _a.marginBlockEnd;
|
|
60
62
|
var ref = useRef(null);
|
|
61
63
|
var getSelectedRadioInput = function (inputId) {
|
|
62
64
|
return radioInputList.find(function (radioInput) { return radioInput.id === inputId; });
|
|
@@ -68,8 +70,8 @@ var RadioForm = function (_a) {
|
|
|
68
70
|
};
|
|
69
71
|
};
|
|
70
72
|
var defaultInput = getDefaultInput();
|
|
71
|
-
var
|
|
72
|
-
var
|
|
73
|
+
var _e = useState(defaultInput.id), inputId = _e[0], setInputId = _e[1];
|
|
74
|
+
var _f = useState(''), textInputValue = _f[0], setTextInputValue = _f[1];
|
|
73
75
|
var isDefaultWithText = function (list) {
|
|
74
76
|
var isDefault = false;
|
|
75
77
|
list.forEach(function (obj) {
|
|
@@ -93,10 +95,10 @@ var RadioForm = function (_a) {
|
|
|
93
95
|
return isVis;
|
|
94
96
|
};
|
|
95
97
|
var hasDefaultWithText = isDefaultWithText(radioInputList);
|
|
96
|
-
var
|
|
98
|
+
var _g = useState({
|
|
97
99
|
showing: hasDefaultWithText,
|
|
98
100
|
textInputList: setInputTextAreaList(radioInputList, hasDefaultWithText),
|
|
99
|
-
}), textInputState =
|
|
101
|
+
}), textInputState = _g[0], setTextInputState = _g[1];
|
|
100
102
|
var onFormSubmit = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
101
103
|
var selectedInput, text, payload;
|
|
102
104
|
return __generator(this, function (_a) {
|
|
@@ -135,9 +137,9 @@ var RadioForm = function (_a) {
|
|
|
135
137
|
var getRadioButtons = function (list) {
|
|
136
138
|
return (React.createElement(Fieldset, null,
|
|
137
139
|
React.createElement(RadioGroup, { defaultValue: defaultInput.text }, list.map(function (_a) {
|
|
138
|
-
var id = _a.id, text = _a.text, hasInputTextArea = _a.hasInputTextArea, InputTextAreaSize = _a.InputTextAreaSize,
|
|
140
|
+
var id = _a.id, text = _a.text, hasInputTextArea = _a.hasInputTextArea, InputTextAreaSize = _a.InputTextAreaSize, _b = _a.assistiveText, assistiveText = _b === void 0 ? assistiveTextDefault : _b, defaultInputText = _a.defaultInputText, maxLength = _a.maxLength;
|
|
139
141
|
return (React.createElement(Block, { marginBlockEnd: radioInputListOverrides === null || radioInputListOverrides === void 0 ? void 0 : radioInputListOverrides.marginBlockEnd, key: id },
|
|
140
|
-
React.createElement(FormInput, { name: radioInputName
|
|
142
|
+
React.createElement(FormInput, { name: radioInputName },
|
|
141
143
|
React.createElement(FormInputRadioButton, { key: id, id: id, value: text, label: text, "data-testid": id, size: size, onChange: onChange, overrides: {
|
|
142
144
|
label: {
|
|
143
145
|
typographyPreset: radioInputListOverrides === null || radioInputListOverrides === void 0 ? void 0 : radioInputListOverrides.typographyPreset,
|
|
@@ -152,7 +154,7 @@ var RadioForm = function (_a) {
|
|
|
152
154
|
// @ts-ignore
|
|
153
155
|
onChange: onTextInputChange, "data-testid": "other", defaultValue: defaultInputText, ref: ref, maxLength: maxLength, size: InputTextAreaSize, overrides: inputTextAreaOverrides }),
|
|
154
156
|
React.createElement(React.Fragment, null, maxLength && (React.createElement(StyledCharacterCount, { overrides: characterCountOverrides, inputRef: ref }))),
|
|
155
|
-
React.createElement(FormInputAssistiveText, { overrides: inputAssistiveTextOverrides, "data-testid": "extra-assistive-text" }, assistiveText
|
|
157
|
+
React.createElement(FormInputAssistiveText, { overrides: inputAssistiveTextOverrides, "data-testid": "extra-assistive-text" }, assistiveText))))));
|
|
156
158
|
}))));
|
|
157
159
|
};
|
|
158
160
|
return (React.createElement(React.Fragment, null,
|
|
@@ -161,10 +163,10 @@ var RadioForm = function (_a) {
|
|
|
161
163
|
React.createElement(Introduction, __assign({}, introductionProps)),
|
|
162
164
|
React.createElement(FormGrid, { xsMargin: (gridProps === null || gridProps === void 0 ? void 0 : gridProps.xsMargin) || 'space000', xsColumnGutter: (gridProps === null || gridProps === void 0 ? void 0 : gridProps.xsColumnGutter) || 'space000', xsRowGutter: (gridProps === null || gridProps === void 0 ? void 0 : gridProps.xsRowGutter) || 'space000' },
|
|
163
165
|
React.createElement(Form, { "data-testid": "radio-form", onSubmit: onFormSubmit, resolver: resolver, reValidationMode: "onBlur" },
|
|
164
|
-
React.createElement(FormInput, { name: radioInputName
|
|
166
|
+
React.createElement(FormInput, { name: radioInputName, "data-testid": "error-assistive-text" },
|
|
165
167
|
React.createElement(FormInputAssistiveText, { overrides: {
|
|
166
|
-
stylePreset:
|
|
167
|
-
typographyPreset:
|
|
168
|
+
stylePreset: errorOverrides === null || errorOverrides === void 0 ? void 0 : errorOverrides.stylePreset,
|
|
169
|
+
typographyPreset: errorOverrides === null || errorOverrides === void 0 ? void 0 : errorOverrides.typographyPreset,
|
|
168
170
|
marginBlockEnd: errorOverrides === null || errorOverrides === void 0 ? void 0 : errorOverrides.marginBlockEnd,
|
|
169
171
|
} }, '')),
|
|
170
172
|
radioInputList && getRadioButtons(radioInputList),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioForm.js","sourceRoot":"","sources":["../../../src/RadioForm/RadioForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAe,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC5D,OAAO,EACL,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,SAAS,EACT,sBAAsB,EACtB,MAAM,EACN,aAAa,EACb,oBAAoB,EACpB,iBAAiB,EACjB,cAAc,GACf,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"RadioForm.js","sourceRoot":"","sources":["../../../src/RadioForm/RadioForm.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export declare const radioInputDefaults: {
|
|
2
|
+
inputNameDefault: string;
|
|
3
|
+
assistiveTextDefault: string;
|
|
4
|
+
errorOverridesDefault: {
|
|
5
|
+
stylePreset: string;
|
|
6
|
+
typographyPreset: string;
|
|
7
|
+
marginBlockEnd: string;
|
|
8
|
+
};
|
|
9
|
+
inputTextAreaOverridesDefault: {
|
|
10
|
+
marginBlockStart: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export var radioInputDefaults = {
|
|
2
|
+
inputNameDefault: 'radioInput',
|
|
3
|
+
assistiveTextDefault: 'Please specify',
|
|
4
|
+
errorOverridesDefault: {
|
|
5
|
+
stylePreset: 'inkNegative',
|
|
6
|
+
typographyPreset: 'utilityLabel020',
|
|
7
|
+
marginBlockEnd: 'space050',
|
|
8
|
+
},
|
|
9
|
+
inputTextAreaOverridesDefault: {
|
|
10
|
+
marginBlockStart: 'space020',
|
|
11
|
+
},
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=defaults.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/RadioForm/defaults.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,kBAAkB,GAAG;IAChC,gBAAgB,EAAE,YAAY;IAC9B,oBAAoB,EAAE,gBAAgB;IACtC,qBAAqB,EAAE;QACrB,WAAW,EAAE,aAAa;QAC1B,gBAAgB,EAAE,iBAAiB;QACnC,cAAc,EAAE,UAAU;KAC3B;IACD,6BAA6B,EAAE;QAC7B,gBAAgB,EAAE,UAAU;KAC7B;CACF,CAAA"}
|
|
@@ -2,23 +2,29 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
2
2
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
3
|
return cooked;
|
|
4
4
|
};
|
|
5
|
+
var __assign = (this && this.__assign) || function () {
|
|
6
|
+
__assign = Object.assign || function(t) {
|
|
7
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
8
|
+
s = arguments[i];
|
|
9
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
10
|
+
t[p] = s[p];
|
|
11
|
+
}
|
|
12
|
+
return t;
|
|
13
|
+
};
|
|
14
|
+
return __assign.apply(this, arguments);
|
|
15
|
+
};
|
|
5
16
|
import React from 'react';
|
|
6
|
-
import { Flag, Block, styled, getMediaQueryFromTheme, toNewsKitIcon, } from 'newskit';
|
|
17
|
+
import { Flag, Block, styled, getMediaQueryFromTheme, toNewsKitIcon, withDefaultProps, } from 'newskit';
|
|
7
18
|
import { Lock as OutlinedLock } from '@emotion-icons/material-outlined/Lock';
|
|
19
|
+
import { secureFlagComponentDefaults } from './defaults';
|
|
8
20
|
var IconOutlinedLock = toNewsKitIcon(OutlinedLock);
|
|
9
|
-
var StyledFlag = styled(Flag)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n white-space: nowrap;\n width: 100%;\n ", " {\n width: initial;\n }\n"], ["\n white-space: nowrap;\n width: 100%;\n ", " {\n width: initial;\n }\n"])), getMediaQueryFromTheme('sm'));
|
|
10
|
-
export var
|
|
21
|
+
var StyledFlag = styled(Flag)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n white-space: nowrap;\n width: 100%;\n\n ", " {\n width: initial;\n }\n"], ["\n white-space: nowrap;\n width: 100%;\n\n ", " {\n width: initial;\n }\n"])), getMediaQueryFromTheme('sm'));
|
|
22
|
+
export var SecureFlagBase = function (_a) {
|
|
11
23
|
var size = _a.size, overrides = _a.overrides, iconOverrides = _a.iconOverrides, icon = _a.icon;
|
|
12
|
-
return (React.createElement(StyledFlag, { size: size, overrides: overrides
|
|
13
|
-
|
|
14
|
-
typographyPreset: 'utilityLabel010',
|
|
15
|
-
spaceInset: 'spaceInset000',
|
|
16
|
-
} },
|
|
17
|
-
React.createElement(Block, { "data-testid": "secure-flag-block", as: "span", spaceInset: (iconOverrides === null || iconOverrides === void 0 ? void 0 : iconOverrides.spaceInset) || 'spaceInset000', spaceInline: (iconOverrides === null || iconOverrides === void 0 ? void 0 : iconOverrides.spaceInline) || 'space020' }, icon ? (icon) : (React.createElement(IconOutlinedLock, { overrides: {
|
|
18
|
-
size: (iconOverrides === null || iconOverrides === void 0 ? void 0 : iconOverrides.size) || 'iconSize020',
|
|
19
|
-
stylePreset: (iconOverrides === null || iconOverrides === void 0 ? void 0 : iconOverrides.stylePreset) || 'inkSubtle',
|
|
20
|
-
} }))),
|
|
24
|
+
return (React.createElement(StyledFlag, { size: size, overrides: overrides },
|
|
25
|
+
React.createElement(Block, { "data-testid": "secure-flag-block", as: "span", paddingBlock: iconOverrides === null || iconOverrides === void 0 ? void 0 : iconOverrides.spaceInset, paddingInline: iconOverrides === null || iconOverrides === void 0 ? void 0 : iconOverrides.spaceInset, marginInlineEnd: iconOverrides === null || iconOverrides === void 0 ? void 0 : iconOverrides.spaceInline }, icon ? (icon) : (React.createElement(IconOutlinedLock, { overrides: __assign({}, iconOverrides) }))),
|
|
21
26
|
"Secure Payments"));
|
|
22
27
|
};
|
|
28
|
+
export var SecureFlag = withDefaultProps(SecureFlagBase, secureFlagComponentDefaults, 'secureFlag');
|
|
23
29
|
var templateObject_1;
|
|
24
30
|
//# sourceMappingURL=SecureFlag.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SecureFlag.js","sourceRoot":"","sources":["../../../src/SecureFlag/SecureFlag.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SecureFlag.js","sourceRoot":"","sources":["../../../src/SecureFlag/SecureFlag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,IAAI,EACJ,KAAK,EACL,MAAM,EACN,sBAAsB,EACtB,aAAa,EACb,gBAAgB,GACjB,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,IAAI,IAAI,YAAY,EAAE,MAAM,uCAAuC,CAAA;AAC5E,OAAO,EAAE,2BAA2B,EAAE,MAAM,YAAY,CAAA;AACxD,IAAM,gBAAgB,GAAG,aAAa,CAAC,YAAY,CAAC,CAAA;AAEpD,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,qJAAA,gDAI3B,EAA4B,gCAG/B,KAHG,sBAAsB,CAAC,IAAI,CAAC,CAG/B,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAA8B,UAAC,EAKzD;QAJC,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,IAAI,UAAA;IACa,OAAA,CACjB,oBAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS;QAC1C,oBAAC,KAAK,mBACQ,mBAAmB,EAC/B,EAAE,EAAC,MAAM,EACT,YAAY,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,UAAU,EACvC,aAAa,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,UAAU,EACxC,eAAe,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,WAAW,IAE1C,IAAI,CAAC,CAAC,CAAC,CACN,IAAI,CACL,CAAC,CAAC,CAAC,CACF,oBAAC,gBAAgB,IACf,SAAS,eACJ,aAAa,IAElB,CACH,CACK;0BAEG,CACd;AArBkB,CAqBlB,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,gBAAgB,CACxC,cAAc,EACd,2BAA2B,EAC3B,YAAY,CACb,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { SecureFlagProps } from './types';
|
|
2
|
+
export declare const secureFlagDefaultOverrides: {
|
|
3
|
+
stylePreset: string;
|
|
4
|
+
typographyPreset: string;
|
|
5
|
+
spaceInset: string;
|
|
6
|
+
spaceInline: string;
|
|
7
|
+
};
|
|
8
|
+
export declare const secureFlagIconDefaultOverrides: {
|
|
9
|
+
spaceInset: string;
|
|
10
|
+
spaceInline: string;
|
|
11
|
+
size: string;
|
|
12
|
+
};
|
|
13
|
+
export declare const secureFlagComponentDefaults: SecureFlagProps;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export var secureFlagDefaultOverrides = {
|
|
2
|
+
stylePreset: 'secureFlagStylePresets',
|
|
3
|
+
typographyPreset: 'utilityLabel010',
|
|
4
|
+
spaceInset: 'space000',
|
|
5
|
+
spaceInline: 'space020',
|
|
6
|
+
};
|
|
7
|
+
export var secureFlagIconDefaultOverrides = {
|
|
8
|
+
spaceInset: 'space000',
|
|
9
|
+
spaceInline: 'space020',
|
|
10
|
+
size: 'iconSize020',
|
|
11
|
+
};
|
|
12
|
+
export var secureFlagComponentDefaults = {
|
|
13
|
+
size: 'small',
|
|
14
|
+
overrides: secureFlagDefaultOverrides,
|
|
15
|
+
iconOverrides: secureFlagIconDefaultOverrides,
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=defaults.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/SecureFlag/defaults.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,IAAM,0BAA0B,GAAG;IACxC,WAAW,EAAE,wBAAwB;IACrC,gBAAgB,EAAE,iBAAiB;IACnC,UAAU,EAAE,UAAU;IACtB,WAAW,EAAE,UAAU;CACxB,CAAA;AAED,MAAM,CAAC,IAAM,8BAA8B,GAAG;IAC5C,UAAU,EAAE,UAAU;IACtB,WAAW,EAAE,UAAU;IACvB,IAAI,EAAE,aAAa;CACpB,CAAA;AAED,MAAM,CAAC,IAAM,2BAA2B,GAAoB;IAC1D,IAAI,EAAE,OAAO;IACb,SAAS,EAAE,0BAA0B;IACrC,aAAa,EAAE,8BAA8B;CAC9C,CAAA"}
|