@newskit-render/shared-components 2.6.3-alpha.0 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +41 -29
- package/dist/cjs/BackButton/BackButton.js +1 -1
- package/dist/cjs/BackButton/BackButton.js.map +1 -1
- package/dist/cjs/BackButton/types.d.ts +3 -2
- package/dist/cjs/ContentListView/ContentListView.js +2 -2
- package/dist/cjs/ContentListView/ContentListView.js.map +1 -1
- package/dist/cjs/ContentListView/types.d.ts +3 -2
- package/dist/cjs/CorePackageContent/CorePackageContent.js +7 -7
- package/dist/cjs/CorePackageContent/CorePackageContent.js.map +1 -1
- package/dist/cjs/CorePackageContent/types.d.ts +7 -7
- package/dist/cjs/ExpandSection/defaults.d.ts +3 -2
- package/dist/cjs/ExpandSection/defaults.js +3 -2
- package/dist/cjs/ExpandSection/defaults.js.map +1 -1
- package/dist/cjs/ExpandSection/types.d.ts +3 -2
- package/dist/cjs/FormComponent/FormComponent.js +1 -1
- package/dist/cjs/FormComponent/FormComponent.js.map +1 -1
- package/dist/cjs/FormComponent/types.d.ts +5 -4
- package/dist/cjs/Header/Header.js +3 -3
- package/dist/cjs/Header/Header.js.map +1 -1
- package/dist/cjs/Header/types.d.ts +2 -2
- package/dist/cjs/Introduction/Introduction.js +6 -6
- package/dist/cjs/Introduction/Introduction.js.map +1 -1
- package/dist/cjs/Introduction/types.d.ts +4 -4
- package/dist/cjs/LayoutGrid/LayoutGrid.js +2 -2
- package/dist/cjs/LayoutGrid/LayoutGrid.js.map +1 -1
- package/dist/cjs/LayoutGrid/types.d.ts +1 -1
- package/dist/cjs/Modal/ModalContent.js +6 -6
- package/dist/cjs/Modal/ModalContent.js.map +1 -1
- package/dist/cjs/Modal/types.d.ts +8 -5
- package/dist/cjs/NavigationFooter/NavigationFooter.js +1 -1
- package/dist/cjs/NavigationFooter/NavigationFooter.js.map +1 -1
- package/dist/cjs/NavigationFooter/components/Container.d.ts +1 -1
- package/dist/cjs/NavigationFooter/components/Container.js +3 -8
- package/dist/cjs/NavigationFooter/components/Container.js.map +1 -1
- package/dist/cjs/NavigationFooter/components/FooterMenu.js +1 -1
- package/dist/cjs/NavigationFooter/components/FooterMenu.js.map +1 -1
- package/dist/cjs/NavigationFooter/types.d.ts +4 -3
- package/dist/cjs/NavigationPrimary/styled.d.ts +0 -2
- package/dist/cjs/PastDueBanner/Notice.js +2 -1
- package/dist/cjs/PastDueBanner/Notice.js.map +1 -1
- package/dist/cjs/SecureFlag/SecureFlag.js +1 -1
- package/dist/cjs/SecureFlag/SecureFlag.js.map +1 -1
- package/dist/cjs/SecureFlag/defaults.d.ts +4 -2
- package/dist/cjs/SecureFlag/defaults.js +4 -2
- package/dist/cjs/SecureFlag/defaults.js.map +1 -1
- package/dist/cjs/SecureFlag/types.d.ts +2 -1
- package/dist/cjs/SubscriptionDetails/SubscriptionDetails.js +4 -4
- package/dist/cjs/SubscriptionDetails/SubscriptionDetails.js.map +1 -1
- package/dist/cjs/SubscriptionDetails/headerSubscriptionDetailsDefaults.d.ts +5 -2
- package/dist/cjs/SubscriptionDetails/headerSubscriptionDetailsDefaults.js +3 -2
- package/dist/cjs/SubscriptionDetails/headerSubscriptionDetailsDefaults.js.map +1 -1
- package/dist/cjs/SubscriptionDetails/types.d.ts +3 -2
- package/dist/cjs/TitleBar/TitleBar.js +3 -3
- package/dist/cjs/TitleBar/TitleBar.js.map +1 -1
- package/dist/cjs/TitleBar/componentDefaults.d.ts +2 -1
- package/dist/cjs/TitleBar/componentDefaults.js +2 -1
- package/dist/cjs/TitleBar/componentDefaults.js.map +1 -1
- package/dist/cjs/TitleBar/types.d.ts +4 -3
- package/dist/cjs/helpers/baseContext.d.ts +10 -10
- package/dist/cjs/helpers/baseContext.js +10 -10
- package/dist/cjs/helpers/baseContext.js.map +1 -1
- package/dist/cjs/theme/timesTheme/componentDefaults.d.ts +1 -1
- package/dist/cjs/theme/timesTheme/componentDefaults.js +1 -1
- package/dist/cjs/theme/timesTheme/componentDefaults.js.map +1 -1
- package/dist/esm/BackButton/BackButton.js +1 -1
- package/dist/esm/BackButton/BackButton.js.map +1 -1
- package/dist/esm/BackButton/types.d.ts +3 -2
- package/dist/esm/ContentListView/ContentListView.js +2 -2
- package/dist/esm/ContentListView/ContentListView.js.map +1 -1
- package/dist/esm/ContentListView/types.d.ts +3 -2
- package/dist/esm/CorePackageContent/CorePackageContent.js +7 -7
- package/dist/esm/CorePackageContent/CorePackageContent.js.map +1 -1
- package/dist/esm/CorePackageContent/types.d.ts +7 -7
- package/dist/esm/ExpandSection/defaults.d.ts +3 -2
- package/dist/esm/ExpandSection/defaults.js +3 -2
- package/dist/esm/ExpandSection/defaults.js.map +1 -1
- package/dist/esm/ExpandSection/types.d.ts +3 -2
- package/dist/esm/FormComponent/FormComponent.js +1 -1
- package/dist/esm/FormComponent/FormComponent.js.map +1 -1
- package/dist/esm/FormComponent/types.d.ts +5 -4
- package/dist/esm/Header/Header.js +3 -3
- package/dist/esm/Header/Header.js.map +1 -1
- package/dist/esm/Header/types.d.ts +2 -2
- package/dist/esm/Introduction/Introduction.js +6 -6
- package/dist/esm/Introduction/Introduction.js.map +1 -1
- package/dist/esm/Introduction/types.d.ts +4 -4
- package/dist/esm/LayoutGrid/LayoutGrid.js +2 -2
- package/dist/esm/LayoutGrid/LayoutGrid.js.map +1 -1
- package/dist/esm/LayoutGrid/types.d.ts +1 -1
- package/dist/esm/Modal/ModalContent.js +6 -6
- package/dist/esm/Modal/ModalContent.js.map +1 -1
- package/dist/esm/Modal/types.d.ts +8 -5
- package/dist/esm/NavigationFooter/NavigationFooter.js +1 -1
- package/dist/esm/NavigationFooter/NavigationFooter.js.map +1 -1
- package/dist/esm/NavigationFooter/components/Container.d.ts +1 -1
- package/dist/esm/NavigationFooter/components/Container.js +4 -9
- package/dist/esm/NavigationFooter/components/Container.js.map +1 -1
- package/dist/esm/NavigationFooter/components/FooterMenu.js +1 -1
- package/dist/esm/NavigationFooter/components/FooterMenu.js.map +1 -1
- package/dist/esm/NavigationFooter/types.d.ts +4 -3
- package/dist/esm/NavigationPrimary/styled.d.ts +0 -2
- package/dist/esm/PastDueBanner/Notice.js +2 -1
- package/dist/esm/PastDueBanner/Notice.js.map +1 -1
- package/dist/esm/SecureFlag/SecureFlag.js +1 -1
- package/dist/esm/SecureFlag/SecureFlag.js.map +1 -1
- package/dist/esm/SecureFlag/defaults.d.ts +4 -2
- package/dist/esm/SecureFlag/defaults.js +4 -2
- package/dist/esm/SecureFlag/defaults.js.map +1 -1
- package/dist/esm/SecureFlag/types.d.ts +2 -1
- package/dist/esm/SubscriptionDetails/SubscriptionDetails.js +4 -4
- package/dist/esm/SubscriptionDetails/SubscriptionDetails.js.map +1 -1
- package/dist/esm/SubscriptionDetails/headerSubscriptionDetailsDefaults.d.ts +5 -2
- package/dist/esm/SubscriptionDetails/headerSubscriptionDetailsDefaults.js +3 -2
- package/dist/esm/SubscriptionDetails/headerSubscriptionDetailsDefaults.js.map +1 -1
- package/dist/esm/SubscriptionDetails/types.d.ts +3 -2
- package/dist/esm/TitleBar/TitleBar.js +3 -3
- package/dist/esm/TitleBar/TitleBar.js.map +1 -1
- package/dist/esm/TitleBar/componentDefaults.d.ts +2 -1
- package/dist/esm/TitleBar/componentDefaults.js +2 -1
- package/dist/esm/TitleBar/componentDefaults.js.map +1 -1
- package/dist/esm/TitleBar/types.d.ts +4 -3
- package/dist/esm/helpers/baseContext.d.ts +10 -10
- package/dist/esm/helpers/baseContext.js +10 -10
- package/dist/esm/helpers/baseContext.js.map +1 -1
- package/dist/esm/theme/timesTheme/componentDefaults.d.ts +1 -1
- package/dist/esm/theme/timesTheme/componentDefaults.js +1 -1
- package/dist/esm/theme/timesTheme/componentDefaults.js.map +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -25,8 +25,9 @@ interface TBackButton {
|
|
|
25
25
|
export interface BackButtonOverrides {
|
|
26
26
|
stylePreset?: MQ<string>
|
|
27
27
|
typographyPreset?: MQ<string>
|
|
28
|
-
|
|
29
|
-
|
|
28
|
+
paddingInline?: MQ<string>
|
|
29
|
+
paddingBlock?: MQ<string>
|
|
30
|
+
marginBlockEnd?: MQ<string>
|
|
30
31
|
iconSize?: MQ<string>
|
|
31
32
|
size?: 'small' | 'medium' | 'large'
|
|
32
33
|
asLink?: boolean
|
|
@@ -217,7 +218,7 @@ interface ContentListViewProps {
|
|
|
217
218
|
}
|
|
218
219
|
link?: boolean
|
|
219
220
|
ariaLabel?: string
|
|
220
|
-
|
|
221
|
+
marginBlockEnd?: MQ<string>
|
|
221
222
|
stylePreset?: MQ<string>
|
|
222
223
|
showDividerByBreakpoint?: boolean
|
|
223
224
|
}
|
|
@@ -288,33 +289,33 @@ interface CorePackageContentProps {
|
|
|
288
289
|
titleBar?: TitleBarProps
|
|
289
290
|
image?:
|
|
290
291
|
| (ImageProps & {
|
|
291
|
-
|
|
292
|
+
marginBlockEnd?: MQ<string>
|
|
292
293
|
})
|
|
293
294
|
| false
|
|
294
295
|
benifitList?: Omit<UnorderedListProps, 'children'> & {
|
|
295
|
-
|
|
296
|
+
marginBlockEnd?: MQ<string>
|
|
296
297
|
icon?: NewsKitIcon
|
|
297
298
|
}
|
|
298
299
|
benifitItems?: string[]
|
|
299
300
|
divider?: {
|
|
300
|
-
|
|
301
|
+
marginBlockEnd?: MQ<string>
|
|
301
302
|
}
|
|
302
303
|
promo?: string
|
|
303
304
|
promoOverrides?: Omit<TextBlockProps, 'children'> & {
|
|
304
|
-
|
|
305
|
+
marginBlockEnd?: MQ<string>
|
|
305
306
|
}
|
|
306
307
|
paymentKey?: string
|
|
307
308
|
paymentValue?: string
|
|
308
309
|
paymentOverrides?: Omit<TextBlockProps, 'children'> & {
|
|
309
|
-
|
|
310
|
+
marginBlockEnd?: MQ<string>
|
|
310
311
|
}
|
|
311
312
|
description?: string
|
|
312
313
|
descriptionOverrides?: Omit<TextBlockProps, 'children'> & {
|
|
313
|
-
|
|
314
|
+
marginBlockEnd?: MQ<string>
|
|
314
315
|
}
|
|
315
316
|
billingDetails?: string
|
|
316
317
|
billingDetailsOverrides?: Omit<TextBlockProps, 'children'> & {
|
|
317
|
-
|
|
318
|
+
marginBlockEnd?: MQ<string>
|
|
318
319
|
}
|
|
319
320
|
backgroundColor?: string
|
|
320
321
|
padding?: string
|
|
@@ -343,7 +344,7 @@ interface ExpandSectionProps {
|
|
|
343
344
|
stylePreset?: MQ<string>
|
|
344
345
|
typographyPreset?: MQ<string>
|
|
345
346
|
}
|
|
346
|
-
|
|
347
|
+
marginBlockEnd?: MQ<string>
|
|
347
348
|
}
|
|
348
349
|
textOverrides?: {
|
|
349
350
|
typographyPreset?: MQ<string>
|
|
@@ -352,7 +353,8 @@ interface ExpandSectionProps {
|
|
|
352
353
|
}
|
|
353
354
|
buttonOverrides?: {
|
|
354
355
|
stylePreset?: MQ<string>
|
|
355
|
-
|
|
356
|
+
paddingInline?: MQ<string>
|
|
357
|
+
paddingBlock?: MQ<string>
|
|
356
358
|
minHeight?: MQ<string>
|
|
357
359
|
minWidth?: MQ<string>
|
|
358
360
|
width?: MQ<string>
|
|
@@ -413,7 +415,7 @@ type HeaderProps = IntroductionProps & {
|
|
|
413
415
|
backButton?: TBackButton
|
|
414
416
|
backButtonOverrides?: BackButtonOverrides
|
|
415
417
|
image?: EnhancedImageProps | false
|
|
416
|
-
|
|
418
|
+
marginBlockEnd?: MQ<string>
|
|
417
419
|
showDivider?: boolean
|
|
418
420
|
fullWidthTitle?: boolean
|
|
419
421
|
imageCell?: CellProps
|
|
@@ -503,21 +505,24 @@ interface ModalProps
|
|
|
503
505
|
}
|
|
504
506
|
|
|
505
507
|
interface ModalContentProps {
|
|
506
|
-
|
|
508
|
+
paddingInline?: MQ<string>
|
|
509
|
+
paddingBlock?: MQ<string>
|
|
507
510
|
image?: ImageProps & {
|
|
508
|
-
|
|
511
|
+
marginBlockEnd?: MQ<string>
|
|
509
512
|
}
|
|
510
513
|
introduction?: IntroductionProps
|
|
511
514
|
inlineMessage?: Omit<InlineMessageProps, 'children'> & {
|
|
512
515
|
message?: string
|
|
513
|
-
|
|
516
|
+
marginBlockEnd?: MQ<string>
|
|
514
517
|
}
|
|
515
518
|
corePackageContent?: CorePackageContentProps
|
|
516
519
|
buttonGroup?: ButtonGroupProps & {
|
|
517
|
-
|
|
520
|
+
paddingInline?: MQ<string>
|
|
521
|
+
paddingBlock?: MQ<string>
|
|
518
522
|
}
|
|
519
523
|
centeredButton?: ButtonProps & {
|
|
520
|
-
|
|
524
|
+
paddingInline?: MQ<string>
|
|
525
|
+
paddingBlock?: MQ<string>
|
|
521
526
|
}
|
|
522
527
|
modalLink?: ModalLinkProps
|
|
523
528
|
}
|
|
@@ -568,10 +573,12 @@ interface FooterContextOverrides {
|
|
|
568
573
|
menuItemOverrides?: {
|
|
569
574
|
stylePreset?: MQ<string>
|
|
570
575
|
typographyPreset?: MQ<string>
|
|
571
|
-
|
|
576
|
+
paddingInline?: MQ<string>
|
|
577
|
+
paddingBlock?: MQ<string>
|
|
578
|
+
|
|
572
579
|
}
|
|
573
580
|
menuOverrides?: {
|
|
574
|
-
|
|
581
|
+
marginBlockEnd?: MQ<string>
|
|
575
582
|
backgroundColor?: string
|
|
576
583
|
borderColorTop?: string
|
|
577
584
|
borderColorBottom?: string
|
|
@@ -581,7 +588,7 @@ interface FooterContextOverrides {
|
|
|
581
588
|
}
|
|
582
589
|
}
|
|
583
590
|
legalTextOverrides?: {
|
|
584
|
-
|
|
591
|
+
marginBlockEnd?: MQ<string>
|
|
585
592
|
stylePreset?: MQ<string>
|
|
586
593
|
typographyPreset?: MQ<string>
|
|
587
594
|
padding?: {
|
|
@@ -799,7 +806,8 @@ const props: SecureFlagProps = {
|
|
|
799
806
|
|
|
800
807
|
interface SecureFlagProps extends FlagProps {
|
|
801
808
|
iconOverrides?: {
|
|
802
|
-
|
|
809
|
+
paddingInline?: MQ<string>
|
|
810
|
+
paddingBlock?: MQ<string>
|
|
803
811
|
spaceInline?: MQ<string>
|
|
804
812
|
size?: MQ<string>
|
|
805
813
|
stylePreset?: MQ<string>
|
|
@@ -814,12 +822,14 @@ The component has a default styling in the theme, consisting of `size`, `overrid
|
|
|
814
822
|
const secureFlagDefaultOverrides = {
|
|
815
823
|
stylePreset: 'secureFlagStylePresets',
|
|
816
824
|
typographyPreset: 'utilityLabel010',
|
|
817
|
-
|
|
825
|
+
paddingInline: 'space000',
|
|
826
|
+
paddingBlock: 'space000',
|
|
818
827
|
spaceInline: 'space020',
|
|
819
828
|
}
|
|
820
829
|
|
|
821
830
|
const secureFlagIconDefaultOverrides = {
|
|
822
|
-
|
|
831
|
+
paddingInline: 'space000',
|
|
832
|
+
paddingBlock: 'space000',
|
|
823
833
|
spaceInline: 'space020',
|
|
824
834
|
size: 'iconSize020',
|
|
825
835
|
}
|
|
@@ -897,7 +907,8 @@ interface SubscriptionDetailsProps {
|
|
|
897
907
|
}
|
|
898
908
|
bannerOverrides?: {
|
|
899
909
|
stylePreset: MQ<string>
|
|
900
|
-
|
|
910
|
+
paddingInline?: MQ<string>
|
|
911
|
+
paddingBlock?: MQ<string>
|
|
901
912
|
maxWidth: string
|
|
902
913
|
minHeight: MQ<string>
|
|
903
914
|
content: {
|
|
@@ -912,7 +923,7 @@ interface SubscriptionDetailsProps {
|
|
|
912
923
|
}
|
|
913
924
|
containerOverrides?: {
|
|
914
925
|
stylePreset: MQ<string>
|
|
915
|
-
|
|
926
|
+
marginBlockEnd: MQ<string>
|
|
916
927
|
}
|
|
917
928
|
margin?: {
|
|
918
929
|
xsMargin?: string
|
|
@@ -953,7 +964,7 @@ This component displays the title of the CorePackageContent and takes the follow
|
|
|
953
964
|
interface TitleBarProps
|
|
954
965
|
extends Omit<NKTitleBarProps, 'children' | 'actionItem'> {
|
|
955
966
|
text: string
|
|
956
|
-
|
|
967
|
+
marginBlockEnd?: MQ<string>
|
|
957
968
|
link?: {
|
|
958
969
|
text: string
|
|
959
970
|
href: string
|
|
@@ -962,8 +973,9 @@ interface TitleBarProps
|
|
|
962
973
|
linkOverriders?: {
|
|
963
974
|
stylePreset?: MQ<string>
|
|
964
975
|
typographyPreset?: MQ<string>
|
|
965
|
-
|
|
966
|
-
|
|
976
|
+
paddingInline?: MQ<string>
|
|
977
|
+
paddingBlock?: MQ<string>
|
|
978
|
+
marginBlockEnd?: MQ<string>
|
|
967
979
|
iconSize?: MQ<string>
|
|
968
980
|
}
|
|
969
981
|
}
|
|
@@ -20,7 +20,7 @@ var paddingCB = function (size) { return ({
|
|
|
20
20
|
var StyledLink = (0, newskit_1.styled)(Link_1.NextLink)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), (0, newskit_1.getSizingCssFromTheme)(paddingCB, 'sizing030'));
|
|
21
21
|
var BackButton = function (_a) {
|
|
22
22
|
var backButton = _a.backButton, backButtonOverrides = _a.backButtonOverrides;
|
|
23
|
-
return (react_1.default.createElement(react_1.default.Fragment, null, backButton && (react_1.default.createElement(newskit_1.Block, {
|
|
23
|
+
return (react_1.default.createElement(react_1.default.Fragment, null, backButton && (react_1.default.createElement(newskit_1.Block, { marginBlockEnd: backButtonOverrides === null || backButtonOverrides === void 0 ? void 0 : backButtonOverrides.marginBlockEnd }, (backButtonOverrides === null || backButtonOverrides === void 0 ? void 0 : backButtonOverrides.asLink) ? (react_1.default.createElement(StyledLink, { type: "standalone", "data-test-id": "StyledLinkStandalone", href: backButton.href, external: false, "aria-label": backButton['aria-label'], overrides: backButtonOverrides },
|
|
24
24
|
react_1.default.createElement(IconFilledKeyboardArrowLeft, { overrides: {
|
|
25
25
|
size: backButtonOverrides.iconSize,
|
|
26
26
|
stylePreset: backButtonOverrides.stylePreset,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BackButton.js","sourceRoot":"","sources":["../../../src/BackButton/BackButton.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAAyB;AACzB,mCAMgB;AAEhB,gCAAkC;AAClC,mDAAgC;AAEhC,+EAAwG;AACxG,IAAM,2BAA2B,GAAG,IAAA,uBAAa,EAAC,qCAAuB,CAAC,CAAA;AAE1E,IAAM,SAAS,GAAG,UAAC,IAAY,IAAK,OAAA,CAAC;IACnC,OAAO,EAAE,UAAG,IAAI,OAAI;CACrB,CAAC,EAFkC,CAElC,CAAA;AAEF,IAAM,UAAU,GAAG,IAAA,gBAAM,EAAC,eAAQ,CAAC,+EAAA,MAC/B,EAA6C,IAChD,KADG,IAAA,+BAAqB,EAAC,SAAS,EAAE,WAAW,CAAC,CAChD,CAAA;AACM,IAAM,UAAU,GAA8B,UAAC,EAGrD;QAFC,UAAU,gBAAA,EACV,mBAAmB,yBAAA;IACf,OAAA,CACJ,8DACG,UAAU,IAAI,CACb,8BAAC,eAAK,IAAC,
|
|
1
|
+
{"version":3,"file":"BackButton.js","sourceRoot":"","sources":["../../../src/BackButton/BackButton.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAAyB;AACzB,mCAMgB;AAEhB,gCAAkC;AAClC,mDAAgC;AAEhC,+EAAwG;AACxG,IAAM,2BAA2B,GAAG,IAAA,uBAAa,EAAC,qCAAuB,CAAC,CAAA;AAE1E,IAAM,SAAS,GAAG,UAAC,IAAY,IAAK,OAAA,CAAC;IACnC,OAAO,EAAE,UAAG,IAAI,OAAI;CACrB,CAAC,EAFkC,CAElC,CAAA;AAEF,IAAM,UAAU,GAAG,IAAA,gBAAM,EAAC,eAAQ,CAAC,+EAAA,MAC/B,EAA6C,IAChD,KADG,IAAA,+BAAqB,EAAC,SAAS,EAAE,WAAW,CAAC,CAChD,CAAA;AACM,IAAM,UAAU,GAA8B,UAAC,EAGrD;QAFC,UAAU,gBAAA,EACV,mBAAmB,yBAAA;IACf,OAAA,CACJ,8DACG,UAAU,IAAI,CACb,8BAAC,eAAK,IAAC,cAAc,EAAE,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,cAAc,IACvD,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,MAAM,EAAC,CAAC,CAAC,CAC7B,8BAAC,UAAU,IACT,IAAI,EAAC,YAAY,kBACJ,sBAAsB,EACnC,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,QAAQ,EAAE,KAAK,gBACH,UAAU,CAAC,YAAY,CAAC,EACpC,SAAS,EAAE,mBAAmB;QAE9B,8BAAC,2BAA2B,IAC1B,SAAS,EAAE;gBACT,IAAI,EAAE,mBAAmB,CAAC,QAAQ;gBAClC,WAAW,EAAE,mBAAmB,CAAC,WAAW;aAC7C,GACD;QACD,UAAU,CAAC,IAAI,CACL,CACd,CAAC,CAAC,CAAC,CACF,8BAAC,cAAQ,IAAC,QAAQ,QAAC,IAAI,EAAE,UAAU,CAAC,IAAI,iBAAc,YAAY;QAChE,8BAAC,gBAAM,kBACO,UAAU,CAAC,YAAY,CAAC,EACpC,IAAI,EAAE,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,IAAI,KAAI,OAAO,EAC1C,SAAS,EAAE,mBAAmB;YAE9B,8BAAC,2BAA2B,OAAG;YAC9B,UAAU,CAAC,IAAI,CACT,CACA,CACZ,CACK,CACT,CACA,CACJ;AApCK,CAoCL,CAAA;AAvCY,QAAA,UAAU,cAuCtB"}
|
|
@@ -7,8 +7,9 @@ export interface TBackButton {
|
|
|
7
7
|
export interface BackButtonOverrides {
|
|
8
8
|
stylePreset?: MQ<string>;
|
|
9
9
|
typographyPreset?: MQ<string>;
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
paddingInline?: MQ<string>;
|
|
11
|
+
paddingBlock?: MQ<string>;
|
|
12
|
+
marginBlockEnd?: MQ<string>;
|
|
12
13
|
iconSize?: MQ<string>;
|
|
13
14
|
size?: 'small' | 'medium' | 'large';
|
|
14
15
|
asLink?: boolean;
|
|
@@ -34,7 +34,7 @@ var Introduction_1 = require("../Introduction");
|
|
|
34
34
|
var defaults_1 = require("./defaults");
|
|
35
35
|
var StyledBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n overflow: hidden;\n"], ["\n overflow: hidden;\n"])));
|
|
36
36
|
var ContentListViewComponent = function (_a) {
|
|
37
|
-
var children = _a.children, introductionProps = _a.introductionProps, link = _a.link, ariaLabel = _a.ariaLabel,
|
|
37
|
+
var children = _a.children, introductionProps = _a.introductionProps, link = _a.link, ariaLabel = _a.ariaLabel, marginBlockEnd = _a.marginBlockEnd, stylePreset = _a.stylePreset, _b = _a.showDividerByBreakpoint, showDividerByBreakpoint = _b === void 0 ? false : _b;
|
|
38
38
|
var bp = (0, newskit_1.useBreakpointKey)();
|
|
39
39
|
var _c = (0, react_1.useState)(true), showDivider = _c[0], setShowDivider = _c[1];
|
|
40
40
|
(0, react_1.useEffect)(function () {
|
|
@@ -45,7 +45,7 @@ var ContentListViewComponent = function (_a) {
|
|
|
45
45
|
introductionProps && (react_1.default.createElement(newskit_1.Cell, { xs: 12, "data-testid": "ContentListIntroduction" },
|
|
46
46
|
react_1.default.createElement(Introduction_1.Introduction, { title: introductionProps.title, titleOverrides: introductionProps.extendTitleOverrides, description: introductionProps.description, descriptionOverrides: introductionProps.extendDescriptionOverrides }))),
|
|
47
47
|
react_1.default.createElement(newskit_1.Cell, { xs: 12, "data-testid": "ContentListItems" },
|
|
48
|
-
react_1.default.createElement(StyledBlock, { marginBlockEnd:
|
|
48
|
+
react_1.default.createElement(StyledBlock, { marginBlockEnd: marginBlockEnd !== null && marginBlockEnd !== void 0 ? marginBlockEnd : {
|
|
49
49
|
xs: link ? 'space050' : 'space050',
|
|
50
50
|
sm: link ? 'space050' : 'space080',
|
|
51
51
|
md: link ? 'space050' : 'space100',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentListView.js","sourceRoot":"","sources":["../../../src/ContentListView/ContentListView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAElD,mCAQgB;AAEhB,gDAA8C;AAC9C,uCAA4C;AAE5C,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,4FAAA,yBAEhC,IAAA,CAAA;AAEM,IAAM,wBAAwB,GAAmC,UAAC,EAQxE;QAPC,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,
|
|
1
|
+
{"version":3,"file":"ContentListView.js","sourceRoot":"","sources":["../../../src/ContentListView/ContentListView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAElD,mCAQgB;AAEhB,gDAA8C;AAC9C,uCAA4C;AAE5C,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,4FAAA,yBAEhC,IAAA,CAAA;AAEM,IAAM,wBAAwB,GAAmC,UAAC,EAQxE;QAPC,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,+BAA+B,EAA/B,uBAAuB,mBAAG,KAAK,KAAA;IAE/B,IAAM,EAAE,GAAG,IAAA,0BAAgB,GAAE,CAAA;IACvB,IAAA,KAAgC,IAAA,gBAAQ,EAAU,IAAI,CAAC,EAAtD,WAAW,QAAA,EAAE,cAAc,QAA2B,CAAA;IAC7D,IAAA,iBAAS,EAAC;QACR,IAAM,kBAAkB,GAAG,EAAE,KAAK,IAAI,IAAI,EAAE,KAAK,IAAI,IAAI,EAAE,KAAK,IAAI,CAAA;QACpE,cAAc,CAAC,CAAC,CAAC,uBAAuB,IAAI,kBAAkB,CAAC,CAAC,CAAA;IAClE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IACR,OAAO,CACL,8BAAC,cAAI,IACH,cAAc,EAAE,UAAU,EAC1B,WAAW,EAAE,UAAU,EACvB,QAAQ,EAAE,UAAU;QAEnB,iBAAiB,IAAI,CACpB,8BAAC,cAAI,IAAC,EAAE,EAAE,EAAE,iBAAc,yBAAyB;YACjD,8BAAC,2BAAY,IACX,KAAK,EAAE,iBAAiB,CAAC,KAAK,EAC9B,cAAc,EAAE,iBAAiB,CAAC,oBAAoB,EACtD,WAAW,EAAE,iBAAiB,CAAC,WAAW,EAC1C,oBAAoB,EAAE,iBAAiB,CAAC,0BAA0B,GAClE,CACG,CACR;QACD,8BAAC,cAAI,IAAC,EAAE,EAAE,EAAE,iBAAc,kBAAkB;YAC1C,8BAAC,WAAW,IACV,cAAc,EACZ,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI;oBAChB,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;oBAClC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;oBAClC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;iBACnC,EAEH,WAAW,EAAE,WAAW,iBACZ,cAAc;gBAE1B,8BAAC,wBAAc,IACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,KAAI,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,KAAK,CAAA,IAE/C,QAAe,CACD,CACL,CACT,CACF,CACR,CAAA;AACH,CAAC,CAAA;AArDY,QAAA,wBAAwB,4BAqDpC;AAEY,QAAA,eAAe,GAAG,IAAA,0BAAgB,EAC7C,gCAAwB,EACxB,0BAAe,EACf,iBAAiB,CAClB,CAAA"}
|
|
@@ -44,7 +44,7 @@ export interface ContentListViewProps {
|
|
|
44
44
|
};
|
|
45
45
|
link?: boolean;
|
|
46
46
|
ariaLabel?: string;
|
|
47
|
-
|
|
47
|
+
marginBlockEnd?: MQ<string>;
|
|
48
48
|
stylePreset?: MQ<string>;
|
|
49
49
|
showDividerByBreakpoint?: boolean;
|
|
50
50
|
}
|
|
@@ -56,7 +56,8 @@ export interface ListItemProps {
|
|
|
56
56
|
hideIcon?: boolean;
|
|
57
57
|
index?: number;
|
|
58
58
|
overrides?: {
|
|
59
|
-
|
|
59
|
+
paddingInline?: MQ<string>;
|
|
60
|
+
paddingBlock?: MQ<string>;
|
|
60
61
|
minHeight?: MQ<string>;
|
|
61
62
|
};
|
|
62
63
|
}
|
|
@@ -40,22 +40,22 @@ var CorePackageContent = function (_a) {
|
|
|
40
40
|
var titleBar = _a.titleBar, image = _a.image, benifitItems = _a.benifitItems, benifitList = _a.benifitList, divider = _a.divider, promo = _a.promo, promoOverrides = _a.promoOverrides, paymentKey = _a.paymentKey, paymentValue = _a.paymentValue, paymentOverrides = _a.paymentOverrides, description = _a.description, descriptionOverrides = _a.descriptionOverrides, billingDetails = _a.billingDetails, billingDetailsOverrides = _a.billingDetailsOverrides, backgroundColor = _a.backgroundColor, padding = _a.padding;
|
|
41
41
|
return (react_1.default.createElement(Wrapper, { backgroundColor: backgroundColor, padding: padding, "data-testid": "core-package-content" },
|
|
42
42
|
titleBar && react_1.default.createElement(TitleBar_1.TitleBar, __assign({}, titleBar)),
|
|
43
|
-
image && (react_1.default.createElement(StyledImageBlock, { marginBlockEnd: image.
|
|
43
|
+
image && (react_1.default.createElement(StyledImageBlock, { marginBlockEnd: image.marginBlockEnd },
|
|
44
44
|
react_1.default.createElement(Image_1.Image, __assign({ src: image.src, alt: image.alt || '', aspectRatio: (0, utils_1.getAspectRatio)(image.loadingAspectRatio) }, image.overrides)))),
|
|
45
45
|
benifitItems && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
46
46
|
react_1.default.createElement(newskit_1.UnorderedList, __assign({}, benifitList, { listItemMarker: (benifitList === null || benifitList === void 0 ? void 0 : benifitList.icon) || IconFilledLens }), benifitItems),
|
|
47
|
-
react_1.default.createElement(StyledBenifitBlock, { marginBlockEnd: benifitList === null || benifitList === void 0 ? void 0 : benifitList.
|
|
48
|
-
react_1.default.createElement(newskit_1.Block, { marginBlockEnd: divider === null || divider === void 0 ? void 0 : divider.
|
|
47
|
+
react_1.default.createElement(StyledBenifitBlock, { marginBlockEnd: benifitList === null || benifitList === void 0 ? void 0 : benifitList.marginBlockEnd }),
|
|
48
|
+
react_1.default.createElement(newskit_1.Block, { marginBlockEnd: divider === null || divider === void 0 ? void 0 : divider.marginBlockEnd },
|
|
49
49
|
react_1.default.createElement(newskit_1.Divider, null)))),
|
|
50
|
-
react_1.default.createElement(newskit_1.Block, { marginBlockEnd: promoOverrides === null || promoOverrides === void 0 ? void 0 : promoOverrides.
|
|
50
|
+
react_1.default.createElement(newskit_1.Block, { marginBlockEnd: promoOverrides === null || promoOverrides === void 0 ? void 0 : promoOverrides.marginBlockEnd },
|
|
51
51
|
react_1.default.createElement(newskit_1.TextBlock, __assign({}, promoOverrides), promo)),
|
|
52
|
-
react_1.default.createElement(newskit_1.Block, { marginBlockEnd: paymentOverrides === null || paymentOverrides === void 0 ? void 0 : paymentOverrides.
|
|
52
|
+
react_1.default.createElement(newskit_1.Block, { marginBlockEnd: paymentOverrides === null || paymentOverrides === void 0 ? void 0 : paymentOverrides.marginBlockEnd },
|
|
53
53
|
react_1.default.createElement(newskit_1.Stack, { flow: "horizontal-center", stackDistribution: "space-between", wrap: "nowrap" },
|
|
54
54
|
react_1.default.createElement(newskit_1.TextBlock, __assign({}, paymentOverrides), paymentKey),
|
|
55
55
|
react_1.default.createElement(newskit_1.TextBlock, __assign({}, paymentOverrides), paymentValue))),
|
|
56
|
-
react_1.default.createElement(newskit_1.Block, { marginBlockEnd: descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.
|
|
56
|
+
react_1.default.createElement(newskit_1.Block, { marginBlockEnd: descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.marginBlockEnd },
|
|
57
57
|
react_1.default.createElement(newskit_1.TextBlock, __assign({}, descriptionOverrides), description)),
|
|
58
|
-
react_1.default.createElement(newskit_1.Block, { marginBlockEnd: billingDetailsOverrides === null || billingDetailsOverrides === void 0 ? void 0 : billingDetailsOverrides.
|
|
58
|
+
react_1.default.createElement(newskit_1.Block, { marginBlockEnd: billingDetailsOverrides === null || billingDetailsOverrides === void 0 ? void 0 : billingDetailsOverrides.marginBlockEnd },
|
|
59
59
|
react_1.default.createElement(newskit_1.TextBlock, __assign({}, billingDetailsOverrides), billingDetails))));
|
|
60
60
|
};
|
|
61
61
|
exports.CorePackageContent = CorePackageContent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CorePackageContent.js","sourceRoot":"","sources":["../../../src/CorePackageContent/CorePackageContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,wCAAsC;AACtC,kCAAgC;AAChC,mCAUgB;AAEhB,qDAAiE;AACjE,kCAAyC;AACzC,IAAM,cAAc,GAAG,IAAA,uBAAa,EAAC,WAAU,CAAC,CAAA;AAEhD,IAAM,OAAO,GAAG,gBAAM,CAAC,GAAG,yGAGxB,MACE,EAEwD,OACxD,EAAqE,qBAExE,KALG,UAAC,EAAmB;QAAjB,eAAe,qBAAA;IAClB,OAAA,eAAe;QACf,IAAA,8BAAoB,EAAC,iBAAiB,EAAE,eAAe,CAAC;AADxD,CACwD,EACxD,UAAC,EAAW;QAAT,OAAO,aAAA;IAAO,OAAA,OAAO,IAAI,IAAA,+BAAqB,EAAC,SAAS,EAAE,OAAO,CAAC;AAApD,CAAoD,CAExE,CAAA;AAED,IAAM,gBAAgB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,gHAAA,6CAIrC,IAAA,CAAA;AAED,IAAM,kBAAkB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,yFAAA,sBAEvC,IAAA,CAAA;AAEM,IAAM,kBAAkB,GAAsC,UAAC,EAiBrE;QAhBC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,gBAAgB,sBAAA,EAChB,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACpB,cAAc,oBAAA,EACd,uBAAuB,6BAAA,EACvB,eAAe,qBAAA,EACf,OAAO,aAAA;IACH,OAAA,CACJ,8BAAC,OAAO,IACN,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,OAAO,iBACJ,sBAAsB;QAEjC,QAAQ,IAAI,8BAAC,mBAAQ,eAAK,QAAQ,EAAI;QACtC,KAAK,IAAI,CACR,8BAAC,gBAAgB,IAAC,cAAc,EAAE,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"CorePackageContent.js","sourceRoot":"","sources":["../../../src/CorePackageContent/CorePackageContent.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,32 +3,32 @@ import { MQ, ImageProps, UnorderedListProps, NewsKitIcon, TextBlockProps } from
|
|
|
3
3
|
export interface CorePackageContentProps {
|
|
4
4
|
titleBar?: TitleBarProps;
|
|
5
5
|
image?: (ImageProps & {
|
|
6
|
-
|
|
6
|
+
marginBlockEnd?: MQ<string>;
|
|
7
7
|
}) | false;
|
|
8
8
|
benifitList?: Omit<UnorderedListProps, 'children'> & {
|
|
9
|
-
|
|
9
|
+
marginBlockEnd?: MQ<string>;
|
|
10
10
|
icon?: NewsKitIcon;
|
|
11
11
|
};
|
|
12
12
|
benifitItems?: string[];
|
|
13
13
|
divider?: {
|
|
14
|
-
|
|
14
|
+
marginBlockEnd?: MQ<string>;
|
|
15
15
|
};
|
|
16
16
|
promo?: string;
|
|
17
17
|
promoOverrides?: Omit<TextBlockProps, 'children'> & {
|
|
18
|
-
|
|
18
|
+
marginBlockEnd?: MQ<string>;
|
|
19
19
|
};
|
|
20
20
|
paymentKey?: string;
|
|
21
21
|
paymentValue?: string;
|
|
22
22
|
paymentOverrides?: Omit<TextBlockProps, 'children'> & {
|
|
23
|
-
|
|
23
|
+
marginBlockEnd?: MQ<string>;
|
|
24
24
|
};
|
|
25
25
|
description?: string;
|
|
26
26
|
descriptionOverrides?: Omit<TextBlockProps, 'children'> & {
|
|
27
|
-
|
|
27
|
+
marginBlockEnd?: MQ<string>;
|
|
28
28
|
};
|
|
29
29
|
billingDetails?: string;
|
|
30
30
|
billingDetailsOverrides?: Omit<TextBlockProps, 'children'> & {
|
|
31
|
-
|
|
31
|
+
marginBlockEnd: MQ<string>;
|
|
32
32
|
};
|
|
33
33
|
backgroundColor?: string;
|
|
34
34
|
padding?: string;
|
|
@@ -21,14 +21,15 @@ export declare const unorderedListOverridesDefault: {
|
|
|
21
21
|
sm: string;
|
|
22
22
|
};
|
|
23
23
|
};
|
|
24
|
-
|
|
24
|
+
marginBlockEnd: {
|
|
25
25
|
xs: string;
|
|
26
26
|
md: string;
|
|
27
27
|
};
|
|
28
28
|
};
|
|
29
29
|
export declare const expandButtonOverridesDefault: {
|
|
30
30
|
stylePreset: string;
|
|
31
|
-
|
|
31
|
+
paddingInline: string;
|
|
32
|
+
paddingBlock: string;
|
|
32
33
|
minHeight: string;
|
|
33
34
|
minWidth: string;
|
|
34
35
|
width: {
|
|
@@ -24,14 +24,15 @@ exports.unorderedListOverridesDefault = {
|
|
|
24
24
|
sm: 'utilityBody030',
|
|
25
25
|
},
|
|
26
26
|
},
|
|
27
|
-
|
|
27
|
+
marginBlockEnd: {
|
|
28
28
|
xs: 'space040',
|
|
29
29
|
md: 'space050',
|
|
30
30
|
},
|
|
31
31
|
};
|
|
32
32
|
exports.expandButtonOverridesDefault = {
|
|
33
33
|
stylePreset: 'buttonMinimalPrimary',
|
|
34
|
-
|
|
34
|
+
paddingInline: 'space000',
|
|
35
|
+
paddingBlock: 'space000',
|
|
35
36
|
minHeight: 'unset',
|
|
36
37
|
minWidth: 'unset',
|
|
37
38
|
width: { xs: '100%', sm: 'inherit' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/ExpandSection/defaults.ts"],"names":[],"mappings":";;;AAAa,QAAA,yBAAyB,GAAG;IACvC,gBAAgB,EAAE;QAChB,EAAE,EAAE,gBAAgB;QACpB,EAAE,EAAE,gBAAgB;KACrB;IACD,WAAW,EAAE,SAAS;IACtB,cAAc,EAAE;QACd,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,UAAU;KACf;CACF,CAAA;AAEY,QAAA,mBAAmB,GAAG;IACjC,MAAM,EAAE,WAAW;IACnB,QAAQ,EAAE,WAAW;CACtB,CAAA;AAEY,QAAA,6BAA6B,GAAG;IAC3C,OAAO,EAAE;QACP,WAAW,EAAE,SAAS;QACtB,gBAAgB,EAAE;YAChB,EAAE,EAAE,gBAAgB;YACpB,EAAE,EAAE,gBAAgB;SACrB;KACF;IACD,
|
|
1
|
+
{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/ExpandSection/defaults.ts"],"names":[],"mappings":";;;AAAa,QAAA,yBAAyB,GAAG;IACvC,gBAAgB,EAAE;QAChB,EAAE,EAAE,gBAAgB;QACpB,EAAE,EAAE,gBAAgB;KACrB;IACD,WAAW,EAAE,SAAS;IACtB,cAAc,EAAE;QACd,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,UAAU;KACf;CACF,CAAA;AAEY,QAAA,mBAAmB,GAAG;IACjC,MAAM,EAAE,WAAW;IACnB,QAAQ,EAAE,WAAW;CACtB,CAAA;AAEY,QAAA,6BAA6B,GAAG;IAC3C,OAAO,EAAE;QACP,WAAW,EAAE,SAAS;QACtB,gBAAgB,EAAE;YAChB,EAAE,EAAE,gBAAgB;YACpB,EAAE,EAAE,gBAAgB;SACrB;KACF;IACD,cAAc,EAAE;QACd,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,UAAU;KACf;CACF,CAAA;AAEY,QAAA,4BAA4B,GAAG;IAC1C,WAAW,EAAE,sBAAsB;IACnC,aAAa,EAAE,UAAU;IACzB,YAAY,EAAE,UAAU;IACxB,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,OAAO;IACjB,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE;CACrC,CAAA"}
|
|
@@ -17,7 +17,7 @@ export interface ExpandSectionProps {
|
|
|
17
17
|
stylePreset?: MQ<string>;
|
|
18
18
|
typographyPreset?: MQ<string>;
|
|
19
19
|
};
|
|
20
|
-
|
|
20
|
+
marginBlockEnd?: MQ<string>;
|
|
21
21
|
};
|
|
22
22
|
textOverrides?: {
|
|
23
23
|
typographyPreset?: MQ<string>;
|
|
@@ -26,7 +26,8 @@ export interface ExpandSectionProps {
|
|
|
26
26
|
};
|
|
27
27
|
buttonOverrides?: {
|
|
28
28
|
stylePreset?: MQ<string>;
|
|
29
|
-
|
|
29
|
+
paddingInline?: MQ<string>;
|
|
30
|
+
paddingBlock?: MQ<string>;
|
|
30
31
|
minHeight?: MQ<string>;
|
|
31
32
|
minWidth?: MQ<string>;
|
|
32
33
|
width?: MQ<string>;
|
|
@@ -81,7 +81,7 @@ var FormComponent = function (_a) {
|
|
|
81
81
|
react_1.default.createElement(newskit_1.Global, { styles: (0, newskit_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n form {\n width: 100%;\n }\n "], ["\n form {\n width: 100%;\n }\n "]))) }),
|
|
82
82
|
react_1.default.createElement(FormGrid_1.FormGrid, { xsMargin: "space000", xsColumnGutter: "space000", xsRowGutter: "space000" },
|
|
83
83
|
text &&
|
|
84
|
-
text.map(function (p, i) { return (react_1.default.createElement(newskit_1.Block, {
|
|
84
|
+
text.map(function (p, i) { return (react_1.default.createElement(newskit_1.Block, { marginBlockEnd: textOverriders === null || textOverriders === void 0 ? void 0 : textOverriders.marginBlockEnd, key: i },
|
|
85
85
|
react_1.default.createElement(newskit_1.TextBlock, { stylePreset: textOverriders === null || textOverriders === void 0 ? void 0 : textOverriders.stylePreset, typographyPreset: textOverriders === null || textOverriders === void 0 ? void 0 : textOverriders.typographyPreset, dangerouslySetInnerHTML: { __html: p } }))); }),
|
|
86
86
|
react_1.default.createElement(newskit_1.Form, { resolver: resolver, onSubmit: function (e) {
|
|
87
87
|
setLoading(true);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormComponent.js","sourceRoot":"","sources":["../../../src/FormComponent/FormComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AACvC,mCAagB;AAChB,8CAA4C;AAE5C,sCAAmD;AACnD,uCAAqC;AACrC,+CAAqD;AACrD,kCAA2C;AAE3C,IAAM,oBAAoB,GAAG;IAC3B,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE,WAAW;IACrB,WAAW,EAAE,cAAc;IAC3B,KAAK,EAAE,eAAe;CACvB,CAAA;AAEM,IAAM,aAAa,GAAwB,UAAC,EAiBlD;QAhBC,SAAS,eAAA,EACT,2BAAwB,EAAxB,mBAAmB,mBAAG,EAAE,KAAA,EACxB,MAAM,YAAA,EACN,gBAAgB,sBAAA,EAChB,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,cAAc,oBAAA,EACd,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,aAAa,mBAAA,EACb,mBAAmB,yBAAA,EACnB,QAAQ,cAAA;IAER,IAAM,WAAW,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAA;IACnD,IAAM,QAAQ,GAAG,IAAA,iBAAW,EAAC,WAAW,CAAC,CAAA;IACnC,IAAA,KAAwB,IAAA,gBAAQ,EAAU,KAAK,CAAC,EAA/C,OAAO,QAAA,EAAE,UAAU,QAA4B,CAAA;IACtD,IAAM,MAAM,GAAe,IAAA,kBAAS,GAAE,CAAA;IAC9B,IAAA,SAAS,GAAK,IAAA,4BAAkB,GAAE,UAAzB,CAAyB;IAE1C,IAAM,eAAe,GAAG,UAAC,eAAe;QACtC,IAAI,WAAW;YACb,WAAW,CACT,mBAAmB,EACnB,aAAa,EACb,mBAAmB,EACnB,eAAe,CAChB,CAAA;IACL,CAAC,CAAA;IAED,IAAM,aAAa,GAAG,UAAC,MAAuB;QAC5C,OAAO,CACL,MAAM;YACN,MAAM,CAAC,GAAG,CAAC,UAAC,EAAgB;oBAAd,KAAK,WAAA,EAAE,KAAK,WAAA;gBACxB,OAAO,CACL,8BAAC,eAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,UAAG,KAAK,SAAG,KAAK,CAAE;oBACrC,8BAAC,mBAAS,IAAC,IAAI,EAAE,KAAK;wBACpB,8BAAC,wBAAc,eAAK,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,UAAU,GACtC,oBAAoB,CAAC,KAAK,CAAC,CACb;wBACjB,8BAAC,4BAAkB,2BACL,oBAAoB,CAAC,KAAK,CAAC,EACvC,YAAY,EAAE,KAAe,IACzB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,uBAAuB,IACtC,OAAO,EAAE;gCACP,OAAA,SAAS,CACP,IAAA,wBAAgB,EACd,YAAY,EACZ,kCAA2B,oBAAoB,CAAC,KAAK,CAAC,CAAE,CACzD,CACF;4BALD,CAKC,IAEH;wBACF,8BAAC,gCAAsB,IACrB,SAAS,EAAE,EAAE,cAAc,EAAE,UAAU,EAAE,GAGlB,CACf;oBAEZ,8BAAC,eAAK,IAAC,cAAc,EAAC,UAAU,GAAG,CACpB,CAClB,CAAA;YACH,CAAC,CAAC,CACH,CAAA;IACH,CAAC,CAAA;IAED,OAAO,CACL;QACE,8BAAC,gBAAM,IACL,MAAM,MAAE,aAAG,yIAAA,qEAIV,OACD;QACF,8BAAC,mBAAQ,IACP,QAAQ,EAAC,UAAU,EACnB,cAAc,EAAC,UAAU,EACzB,WAAW,EAAC,UAAU;YAErB,IAAI;gBACH,IAAI,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CACjB,8BAAC,eAAK,IAAC,
|
|
1
|
+
{"version":3,"file":"FormComponent.js","sourceRoot":"","sources":["../../../src/FormComponent/FormComponent.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,9 +10,10 @@ export interface Data {
|
|
|
10
10
|
}
|
|
11
11
|
interface InputTextOverrides {
|
|
12
12
|
cells?: MQ<number>;
|
|
13
|
-
|
|
13
|
+
marginBlockEnd?: MQ<string>;
|
|
14
14
|
stylePreset?: MQ<string>;
|
|
15
|
-
|
|
15
|
+
paddingInline?: MQ<string>;
|
|
16
|
+
paddingBlock?: MQ<string>;
|
|
16
17
|
}
|
|
17
18
|
export interface InputText extends InputTextOverrides {
|
|
18
19
|
labelProps?: Omit<LabelProps, 'children'> & {
|
|
@@ -25,14 +26,14 @@ export interface InputText extends InputTextOverrides {
|
|
|
25
26
|
}
|
|
26
27
|
export interface InfoPanel extends InlineMessageProps {
|
|
27
28
|
infoPanelCells?: MQ<number>;
|
|
28
|
-
|
|
29
|
+
marginBlockEnd?: MQ<string>;
|
|
29
30
|
}
|
|
30
31
|
export interface FormWrapperProps {
|
|
31
32
|
text?: string[];
|
|
32
33
|
textOverriders?: {
|
|
33
34
|
stylePreset?: MQ<string>;
|
|
34
35
|
typographyPreset?: MQ<string>;
|
|
35
|
-
|
|
36
|
+
marginBlockEnd?: MQ<string>;
|
|
36
37
|
};
|
|
37
38
|
buttonGroupProps?: ButtonGroupProps;
|
|
38
39
|
inputText?: Omit<InputText, 'labelProps.text' | 'assistiveTextProps.text'>;
|
|
@@ -27,14 +27,14 @@ var Image_1 = require("../Image");
|
|
|
27
27
|
var utils_1 = require("../utils");
|
|
28
28
|
var StyledBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", " {\n max-width: 440px;\n }\n ", " {\n max-width: 560px;\n }\n"], ["\n ", " {\n max-width: 440px;\n }\n ", " {\n max-width: 560px;\n }\n"])), (0, newskit_1.getMediaQueryFromTheme)('md'), (0, newskit_1.getMediaQueryFromTheme)('lg'));
|
|
29
29
|
var Header = function (_a) {
|
|
30
|
-
var backButton = _a.backButton, backButtonOverrides = _a.backButtonOverrides, image = _a.image, overline = _a.overline, overlineOverrides = _a.overlineOverrides, title = _a.title, titleOverrides = _a.titleOverrides, fullWidthTitle = _a.fullWidthTitle, description = _a.description, descriptionOverrides = _a.descriptionOverrides,
|
|
31
|
-
return (react_1.default.createElement(StyledBlock, {
|
|
30
|
+
var backButton = _a.backButton, backButtonOverrides = _a.backButtonOverrides, image = _a.image, overline = _a.overline, overlineOverrides = _a.overlineOverrides, title = _a.title, titleOverrides = _a.titleOverrides, fullWidthTitle = _a.fullWidthTitle, description = _a.description, descriptionOverrides = _a.descriptionOverrides, marginBlockEnd = _a.marginBlockEnd, showDivider = _a.showDivider, dividerOverrides = _a.dividerOverrides, center = _a.center, introductionCell = _a.introductionCell, imageCell = _a.imageCell, backButtonCell = _a.backButtonCell;
|
|
31
|
+
return (react_1.default.createElement(StyledBlock, { marginBlockEnd: marginBlockEnd, "data-testid": "page-header" },
|
|
32
32
|
react_1.default.createElement(newskit_1.Grid, { xsRowGutter: 'space000', xsMargin: 'space000', xsColumnGutter: 'space000' },
|
|
33
33
|
backButton && (react_1.default.createElement(newskit_1.Cell, __assign({ xs: 12 }, backButtonCell),
|
|
34
34
|
react_1.default.createElement(BackButton_1.BackButton, { backButton: backButton, backButtonOverrides: backButtonOverrides }))),
|
|
35
35
|
react_1.default.createElement(newskit_1.Cell, __assign({ xs: 12, lg: backButton || fullWidthTitle ? 12 : 10 }, introductionCell),
|
|
36
36
|
react_1.default.createElement(Introduction_1.Introduction, { overline: overline, overlineOverrides: overlineOverrides, title: title, description: description, titleOverrides: titleOverrides, descriptionOverrides: descriptionOverrides, center: center })),
|
|
37
|
-
react_1.default.createElement(newskit_1.Cell, __assign({ xs: 12 }, imageCell), image && (react_1.default.createElement(newskit_1.Block, {
|
|
37
|
+
react_1.default.createElement(newskit_1.Cell, __assign({ xs: 12 }, imageCell), image && (react_1.default.createElement(newskit_1.Block, { marginBlockEnd: image.marginBlockEnd },
|
|
38
38
|
react_1.default.createElement(Image_1.Image, { src: image.src, alt: image.alt || '', aspectRatio: (0, utils_1.getAspectRatio)(image.loadingAspectRatio) }))))),
|
|
39
39
|
showDivider && react_1.default.createElement(newskit_1.Divider, { overrides: dividerOverrides })));
|
|
40
40
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/Header/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,gDAA8C;AAC9C,mCAOgB;AAChB,4CAA0C;AAC1C,kCAAgC;AAChC,kCAAyC;AAEzC,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,mJAAA,MAC7B,EAA4B,oCAG5B,EAA4B,kCAG/B,KANG,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAG5B,IAAA,gCAAsB,EAAC,IAAI,CAAC,CAG/B,CAAA;AACM,IAAM,MAAM,GAA0B,UAAC,EAkB7C;QAjBC,UAAU,gBAAA,EACV,mBAAmB,yBAAA,EACnB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACpB,
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/Header/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,gDAA8C;AAC9C,mCAOgB;AAChB,4CAA0C;AAC1C,kCAAgC;AAChC,kCAAyC;AAEzC,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,mJAAA,MAC7B,EAA4B,oCAG5B,EAA4B,kCAG/B,KANG,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAG5B,IAAA,gCAAsB,EAAC,IAAI,CAAC,CAG/B,CAAA;AACM,IAAM,MAAM,GAA0B,UAAC,EAkB7C;QAjBC,UAAU,gBAAA,EACV,mBAAmB,yBAAA,EACnB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACpB,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,gBAAgB,sBAAA,EAChB,MAAM,YAAA,EACN,gBAAgB,sBAAA,EAChB,SAAS,eAAA,EACT,cAAc,oBAAA;IAEd,OAAO,CACL,8BAAC,WAAW,IAAC,cAAc,EAAE,cAAc,iBAAc,aAAa;QACpE,8BAAC,cAAI,IACH,WAAW,EAAE,UAAU,EACvB,QAAQ,EAAE,UAAU,EACpB,cAAc,EAAE,UAAU;YAEzB,UAAU,IAAI,CACb,8BAAC,cAAI,aAAC,EAAE,EAAE,EAAE,IAAM,cAAc;gBAC9B,8BAAC,uBAAU,IACT,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,GACxC,CACG,CACR;YACD,8BAAC,cAAI,aACH,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,UAAU,IAAI,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IACtC,gBAAgB;gBAEpB,8BAAC,2BAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,oBAAoB,EAAE,oBAAoB,EAC1C,MAAM,EAAE,MAAM,GACd,CACG;YACP,8BAAC,cAAI,aAAC,EAAE,EAAE,EAAE,IAAM,SAAS,GACxB,KAAK,IAAI,CACR,8BAAC,eAAK,IAAC,cAAc,EAAE,KAAK,CAAC,cAAc;gBACzC,8BAAC,aAAK,IACJ,GAAG,EAAE,KAAK,CAAC,GAAa,EACxB,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,EAAE,EACpB,WAAW,EAAE,IAAA,sBAAc,EAAC,KAAK,CAAC,kBAA4B,CAAC,GAC/D,CACI,CACT,CACI,CACF;QACN,WAAW,IAAI,8BAAC,iBAAO,IAAC,SAAS,EAAE,gBAAgB,GAAI,CAC5C,CACf,CAAA;AACH,CAAC,CAAA;AAhEY,QAAA,MAAM,UAgElB"}
|
|
@@ -2,13 +2,13 @@ import { IntroductionProps } from '../Introduction';
|
|
|
2
2
|
import { MQ, ImageProps, CellProps } from 'newskit';
|
|
3
3
|
import { TBackButton, BackButtonOverrides } from '../BackButton';
|
|
4
4
|
type EnhancedImageProps = ImageProps & {
|
|
5
|
-
|
|
5
|
+
marginBlockEnd?: MQ<string>;
|
|
6
6
|
};
|
|
7
7
|
export type HeaderProps = IntroductionProps & {
|
|
8
8
|
backButton?: TBackButton;
|
|
9
9
|
backButtonOverrides?: BackButtonOverrides;
|
|
10
10
|
image?: EnhancedImageProps | false;
|
|
11
|
-
|
|
11
|
+
marginBlockEnd?: MQ<string>;
|
|
12
12
|
showDivider?: boolean;
|
|
13
13
|
dividerOverrides?: {
|
|
14
14
|
stylePreset: MQ<string>;
|
|
@@ -29,31 +29,31 @@ var StyledBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (te
|
|
|
29
29
|
var StyleInnerHtml = (0, newskit_1.styled)(newskit_1.TextBlock)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n p:first-of-type {\n margin-block-start: 0em;\n }\n"], ["\n p:first-of-type {\n margin-block-start: 0em;\n }\n"])));
|
|
30
30
|
var Introduction = function (_a) {
|
|
31
31
|
var title = _a.title, titleOverrides = _a.titleOverrides, description = _a.description, descriptionOverrides = _a.descriptionOverrides, overline = _a.overline, overlineOverrides = _a.overlineOverrides, _b = _a.center, center = _b === void 0 ? false : _b, innerHTML = _a.innerHTML, makeBoldText = _a.makeBoldText;
|
|
32
|
-
var
|
|
32
|
+
var titleDefaultMarginBlockEnd = description
|
|
33
33
|
? 'space040'
|
|
34
34
|
: {
|
|
35
35
|
xs: 'space050',
|
|
36
36
|
md: 'space060',
|
|
37
37
|
};
|
|
38
38
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
39
|
-
overline && (react_1.default.createElement(newskit_1.Block, {
|
|
39
|
+
overline && (react_1.default.createElement(newskit_1.Block, { marginBlockEnd: (overlineOverrides === null || overlineOverrides === void 0 ? void 0 : overlineOverrides.marginBlockEnd) || 'space040' },
|
|
40
40
|
react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: (overlineOverrides === null || overlineOverrides === void 0 ? void 0 : overlineOverrides.typographyPreset) || {
|
|
41
41
|
xs: 'utilityLabel020',
|
|
42
42
|
md: 'utilityLabel030',
|
|
43
43
|
}, stylePreset: (overlineOverrides === null || overlineOverrides === void 0 ? void 0 : overlineOverrides.stylePreset) || 'inkBrand010' }, overline))),
|
|
44
|
-
title && (react_1.default.createElement(StyledBlock, {
|
|
44
|
+
title && (react_1.default.createElement(StyledBlock, { marginBlockEnd: (titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.marginBlockEnd) || titleDefaultMarginBlockEnd, center: center },
|
|
45
45
|
react_1.default.createElement(newskit_1.TextBlock, { as: (titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.as) || 'h1', "data-testid": "introduction-title", typographyPreset: (titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.typographyPreset) || {
|
|
46
46
|
sm: 'utilityHeading050',
|
|
47
47
|
}, stylePreset: (titleOverrides === null || titleOverrides === void 0 ? void 0 : titleOverrides.stylePreset) || 'inkContrast' }, title))),
|
|
48
48
|
description &&
|
|
49
|
-
(makeBoldText ? (react_1.default.createElement(StyledBlock, { "data-testid": "description-block",
|
|
49
|
+
(makeBoldText ? (react_1.default.createElement(StyledBlock, { "data-testid": "description-block", marginBlockEnd: (descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.marginBlockEnd) || {
|
|
50
50
|
xs: 'space040',
|
|
51
51
|
md: 'space050',
|
|
52
52
|
}, center: center },
|
|
53
53
|
react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: {
|
|
54
54
|
xs: 'utilityBody010',
|
|
55
55
|
md: 'utilityBody020',
|
|
56
|
-
}, stylePreset: 'inkBase', style: { whiteSpace: 'pre-line' } }, boldText(makeBoldText, description)))) : (checkDescription(description).map(function (des, i) { return (react_1.default.createElement(StyledBlock, { "data-testid": "description-block", key: i,
|
|
56
|
+
}, stylePreset: 'inkBase', style: { whiteSpace: 'pre-line' } }, boldText(makeBoldText, description)))) : (checkDescription(description).map(function (des, i) { return (react_1.default.createElement(StyledBlock, { "data-testid": "description-block", key: i, marginBlockEnd: (descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.marginBlockEnd) || {
|
|
57
57
|
xs: 'space040',
|
|
58
58
|
md: 'space050',
|
|
59
59
|
}, center: center },
|
|
@@ -65,7 +65,7 @@ var Introduction = function (_a) {
|
|
|
65
65
|
xs: 'utilityBody020',
|
|
66
66
|
md: 'utilityBody020',
|
|
67
67
|
}, stylePreset: 'inkBase', dangerouslySetInnerHTML: { __html: innerHTML } })),
|
|
68
|
-
(descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.
|
|
68
|
+
(descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.removeLastMarginBlockEnd) && (react_1.default.createElement(newskit_1.Global, { styles: (0, newskit_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n div[data-testid='description-block']:last-of-type {\n margin: 0;\n }\n "], ["\n div[data-testid='description-block']:last-of-type {\n margin: 0;\n }\n "]))) }))));
|
|
69
69
|
};
|
|
70
70
|
exports.Introduction = Introduction;
|
|
71
71
|
var templateObject_1, templateObject_2, templateObject_3;
|