newskit 5.4.2 → 5.4.5
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/cjs/aspect-ratio/aspect-ratio.d.ts +3 -0
- package/cjs/aspect-ratio/aspect-ratio.d.ts.map +1 -1
- package/cjs/aspect-ratio/aspect-ratio.js +3 -0
- package/cjs/aspect-ratio/aspect-ratio.js.map +1 -1
- package/cjs/aspect-ratio/types.d.ts +3 -0
- package/cjs/aspect-ratio/types.d.ts.map +1 -1
- package/cjs/assistive-text/assistive-text.d.ts.map +1 -1
- package/cjs/assistive-text/assistive-text.js +3 -1
- package/cjs/assistive-text/assistive-text.js.map +1 -1
- package/cjs/audio-player/audio-player.js +1 -1
- package/cjs/audio-player/audio-player.js.map +1 -1
- package/cjs/audio-player/styled.d.ts +2 -1
- package/cjs/audio-player/styled.d.ts.map +1 -1
- package/cjs/audio-player/styled.js +2 -1
- package/cjs/audio-player/styled.js.map +1 -1
- package/cjs/audio-player/types.d.ts +2 -1
- package/cjs/audio-player/types.d.ts.map +1 -1
- package/cjs/audio-player/types.js.map +1 -1
- package/cjs/audio-player-composable/components/seek-bar/defaults.d.ts +3 -0
- package/cjs/audio-player-composable/components/seek-bar/defaults.d.ts.map +1 -1
- package/cjs/audio-player-composable/components/seek-bar/defaults.js +3 -0
- package/cjs/audio-player-composable/components/seek-bar/defaults.js.map +1 -1
- package/cjs/banner/banner-internal.d.ts.map +1 -1
- package/cjs/banner/banner-internal.js +7 -5
- package/cjs/banner/banner-internal.js.map +1 -1
- package/cjs/banner/styled.d.ts.map +1 -1
- package/cjs/banner/styled.js +7 -3
- package/cjs/banner/styled.js.map +1 -1
- package/cjs/banner/types.d.ts +5 -1
- package/cjs/banner/types.d.ts.map +1 -1
- package/cjs/base-switch/base-switch.d.ts.map +1 -1
- package/cjs/base-switch/base-switch.js +23 -11
- package/cjs/base-switch/base-switch.js.map +1 -1
- package/cjs/base-switch/styled.d.ts +4 -3
- package/cjs/base-switch/styled.d.ts.map +1 -1
- package/cjs/base-switch/styled.js +20 -8
- package/cjs/base-switch/styled.js.map +1 -1
- package/cjs/base-switch/types.d.ts +5 -1
- package/cjs/base-switch/types.d.ts.map +1 -1
- package/cjs/block/block.d.ts +2 -2
- package/cjs/byline/byline.d.ts.map +1 -1
- package/cjs/byline/byline.js +16 -3
- package/cjs/byline/byline.js.map +1 -1
- package/cjs/byline/types.d.ts +2 -1
- package/cjs/byline/types.d.ts.map +1 -1
- package/cjs/caption/caption.d.ts.map +1 -1
- package/cjs/caption/caption.js +17 -4
- package/cjs/caption/caption.js.map +1 -1
- package/cjs/caption/types.d.ts +14 -11
- package/cjs/caption/types.d.ts.map +1 -1
- package/cjs/card/card.d.ts.map +1 -1
- package/cjs/card/card.js +3 -1
- package/cjs/card/card.js.map +1 -1
- package/cjs/card/styled.d.ts.map +1 -1
- package/cjs/card/styled.js +8 -7
- package/cjs/card/styled.js.map +1 -1
- package/cjs/card/types.d.ts +11 -4
- package/cjs/card/types.d.ts.map +1 -1
- package/cjs/checkbox/defaults.d.ts +3 -0
- package/cjs/checkbox/defaults.d.ts.map +1 -1
- package/cjs/checkbox/defaults.js +6 -3
- package/cjs/checkbox/defaults.js.map +1 -1
- package/cjs/checkbox/style-presets.d.ts.map +1 -1
- package/cjs/checkbox/style-presets.js +0 -31
- package/cjs/checkbox/style-presets.js.map +1 -1
- package/cjs/date-time/date-time.d.ts.map +1 -1
- package/cjs/date-time/date-time.js +5 -2
- package/cjs/date-time/date-time.js.map +1 -1
- package/cjs/date-time/types.d.ts +2 -1
- package/cjs/date-time/types.d.ts.map +1 -1
- package/cjs/divider/divider.d.ts +2 -1
- package/cjs/divider/divider.d.ts.map +1 -1
- package/cjs/divider/divider.js +3 -2
- package/cjs/divider/divider.js.map +1 -1
- package/cjs/drawer/styled.d.ts.map +1 -1
- package/cjs/drawer/styled.js +7 -1
- package/cjs/drawer/styled.js.map +1 -1
- package/cjs/drawer/types.d.ts +2 -1
- package/cjs/drawer/types.d.ts.map +1 -1
- package/cjs/email-input/email-input.d.ts +3 -0
- package/cjs/email-input/email-input.d.ts.map +1 -1
- package/cjs/email-input/email-input.js +3 -0
- package/cjs/email-input/email-input.js.map +1 -1
- package/cjs/email-input/types.d.ts +3 -0
- package/cjs/email-input/types.d.ts.map +1 -1
- package/cjs/fieldset/styled.d.ts.map +1 -1
- package/cjs/fieldset/styled.js +2 -1
- package/cjs/fieldset/styled.js.map +1 -1
- package/cjs/fieldset/types.d.ts +5 -1
- package/cjs/fieldset/types.d.ts.map +1 -1
- package/cjs/form/form.d.ts.map +1 -1
- package/cjs/form/form.js +9 -1
- package/cjs/form/form.js.map +1 -1
- package/cjs/form/types.d.ts +1 -1
- package/cjs/form/types.d.ts.map +1 -1
- package/cjs/form/utils.d.ts +12 -0
- package/cjs/form/utils.d.ts.map +1 -1
- package/cjs/grid-layout/styled.d.ts +2 -2
- package/cjs/grid-layout/styled.d.ts.map +1 -1
- package/cjs/grid-layout/styled.js +3 -2
- package/cjs/grid-layout/styled.js.map +1 -1
- package/cjs/grid-layout/types.d.ts +2 -1
- package/cjs/grid-layout/types.d.ts.map +1 -1
- package/cjs/instrumentation/types.d.ts +2 -1
- package/cjs/instrumentation/types.d.ts.map +1 -1
- package/cjs/instrumentation/types.js +1 -0
- package/cjs/instrumentation/types.js.map +1 -1
- package/cjs/label/types.d.ts +2 -2
- package/cjs/radio-button/defaults.d.ts +3 -0
- package/cjs/radio-button/defaults.d.ts.map +1 -1
- package/cjs/radio-button/defaults.js +6 -3
- package/cjs/radio-button/defaults.js.map +1 -1
- package/cjs/radio-button/style-presets.d.ts.map +1 -1
- package/cjs/radio-button/style-presets.js +0 -31
- package/cjs/radio-button/style-presets.js.map +1 -1
- package/cjs/share-bar/share-bar.d.ts +6 -0
- package/cjs/share-bar/share-bar.d.ts.map +1 -1
- package/cjs/share-bar/share-bar.js +3 -0
- package/cjs/share-bar/share-bar.js.map +1 -1
- package/cjs/slider/defaults.d.ts +5 -0
- package/cjs/slider/defaults.d.ts.map +1 -1
- package/cjs/slider/defaults.js +5 -0
- package/cjs/slider/defaults.js.map +1 -1
- package/cjs/slider/slider.d.ts.map +1 -1
- package/cjs/slider/slider.js +1 -0
- package/cjs/slider/slider.js.map +1 -1
- package/cjs/slider/styled.d.ts +6 -0
- package/cjs/slider/styled.d.ts.map +1 -1
- package/cjs/slider/styled.js +14 -4
- package/cjs/slider/styled.js.map +1 -1
- package/cjs/structured-list/structured-list-item.d.ts.map +1 -1
- package/cjs/structured-list/structured-list-item.js +10 -2
- package/cjs/structured-list/structured-list-item.js.map +1 -1
- package/cjs/structured-list/types.d.ts +2 -1
- package/cjs/structured-list/types.d.ts.map +1 -1
- package/cjs/tabs/styled.d.ts.map +1 -1
- package/cjs/tabs/styled.js +2 -2
- package/cjs/tabs/styled.js.map +1 -1
- package/cjs/text-field/text-field.d.ts.map +1 -1
- package/cjs/text-field/text-field.js +10 -3
- package/cjs/text-field/text-field.js.map +1 -1
- package/cjs/text-field/types.d.ts +2 -1
- package/cjs/text-field/types.d.ts.map +1 -1
- package/cjs/text-field/types.js.map +1 -1
- package/cjs/theme/presets/style-presets.js +32 -0
- package/cjs/theme/presets/style-presets.js.map +1 -1
- package/cjs/theme/presets/transition-presets.js +7 -0
- package/cjs/theme/presets/transition-presets.js.map +1 -1
- package/cjs/theme/presets/types.d.ts +4 -0
- package/cjs/theme/presets/types.d.ts.map +1 -1
- package/cjs/utils/focus-visible.d.ts +2 -0
- package/cjs/utils/focus-visible.d.ts.map +1 -0
- package/cjs/utils/focus-visible.js +17 -0
- package/cjs/utils/focus-visible.js.map +1 -0
- package/cjs/utils/logical-properties.d.ts +9 -6
- package/cjs/utils/logical-properties.d.ts.map +1 -1
- package/cjs/utils/logical-properties.js +44 -31
- package/cjs/utils/logical-properties.js.map +1 -1
- package/cjs/utils/style/style-preset.d.ts +1 -0
- package/cjs/utils/style/style-preset.d.ts.map +1 -1
- package/cjs/utils/style/style-preset.js +8 -4
- package/cjs/utils/style/style-preset.js.map +1 -1
- package/cjs/version-number.json +1 -1
- package/esm/aspect-ratio/aspect-ratio.d.ts +3 -0
- package/esm/aspect-ratio/aspect-ratio.d.ts.map +1 -1
- package/esm/aspect-ratio/aspect-ratio.js +3 -0
- package/esm/aspect-ratio/aspect-ratio.js.map +1 -1
- package/esm/aspect-ratio/types.d.ts +3 -0
- package/esm/aspect-ratio/types.d.ts.map +1 -1
- package/esm/assistive-text/assistive-text.d.ts.map +1 -1
- package/esm/assistive-text/assistive-text.js +3 -1
- package/esm/assistive-text/assistive-text.js.map +1 -1
- package/esm/audio-player/audio-player.js +1 -1
- package/esm/audio-player/audio-player.js.map +1 -1
- package/esm/audio-player/styled.d.ts +2 -1
- package/esm/audio-player/styled.d.ts.map +1 -1
- package/esm/audio-player/styled.js +2 -1
- package/esm/audio-player/styled.js.map +1 -1
- package/esm/audio-player/types.d.ts +2 -1
- package/esm/audio-player/types.d.ts.map +1 -1
- package/esm/audio-player/types.js.map +1 -1
- package/esm/audio-player-composable/components/seek-bar/defaults.d.ts +3 -0
- package/esm/audio-player-composable/components/seek-bar/defaults.d.ts.map +1 -1
- package/esm/audio-player-composable/components/seek-bar/defaults.js +3 -0
- package/esm/audio-player-composable/components/seek-bar/defaults.js.map +1 -1
- package/esm/banner/banner-internal.d.ts.map +1 -1
- package/esm/banner/banner-internal.js +7 -5
- package/esm/banner/banner-internal.js.map +1 -1
- package/esm/banner/styled.d.ts.map +1 -1
- package/esm/banner/styled.js +7 -3
- package/esm/banner/styled.js.map +1 -1
- package/esm/banner/types.d.ts +5 -1
- package/esm/banner/types.d.ts.map +1 -1
- package/esm/base-switch/base-switch.d.ts.map +1 -1
- package/esm/base-switch/base-switch.js +24 -12
- package/esm/base-switch/base-switch.js.map +1 -1
- package/esm/base-switch/styled.d.ts +4 -3
- package/esm/base-switch/styled.d.ts.map +1 -1
- package/esm/base-switch/styled.js +19 -7
- package/esm/base-switch/styled.js.map +1 -1
- package/esm/base-switch/types.d.ts +5 -1
- package/esm/base-switch/types.d.ts.map +1 -1
- package/esm/block/block.d.ts +2 -2
- package/esm/byline/byline.d.ts.map +1 -1
- package/esm/byline/byline.js +17 -4
- package/esm/byline/byline.js.map +1 -1
- package/esm/byline/types.d.ts +2 -1
- package/esm/byline/types.d.ts.map +1 -1
- package/esm/caption/caption.d.ts.map +1 -1
- package/esm/caption/caption.js +17 -4
- package/esm/caption/caption.js.map +1 -1
- package/esm/caption/types.d.ts +14 -11
- package/esm/caption/types.d.ts.map +1 -1
- package/esm/card/card.d.ts.map +1 -1
- package/esm/card/card.js +3 -1
- package/esm/card/card.js.map +1 -1
- package/esm/card/styled.d.ts.map +1 -1
- package/esm/card/styled.js +9 -8
- package/esm/card/styled.js.map +1 -1
- package/esm/card/types.d.ts +11 -4
- package/esm/card/types.d.ts.map +1 -1
- package/esm/checkbox/defaults.d.ts +3 -0
- package/esm/checkbox/defaults.d.ts.map +1 -1
- package/esm/checkbox/defaults.js +6 -3
- package/esm/checkbox/defaults.js.map +1 -1
- package/esm/checkbox/style-presets.d.ts.map +1 -1
- package/esm/checkbox/style-presets.js +0 -31
- package/esm/checkbox/style-presets.js.map +1 -1
- package/esm/date-time/date-time.d.ts.map +1 -1
- package/esm/date-time/date-time.js +5 -2
- package/esm/date-time/date-time.js.map +1 -1
- package/esm/date-time/types.d.ts +2 -1
- package/esm/date-time/types.d.ts.map +1 -1
- package/esm/divider/divider.d.ts +2 -1
- package/esm/divider/divider.d.ts.map +1 -1
- package/esm/divider/divider.js +3 -2
- package/esm/divider/divider.js.map +1 -1
- package/esm/drawer/styled.d.ts.map +1 -1
- package/esm/drawer/styled.js +7 -1
- package/esm/drawer/styled.js.map +1 -1
- package/esm/drawer/types.d.ts +2 -1
- package/esm/drawer/types.d.ts.map +1 -1
- package/esm/email-input/email-input.d.ts +3 -0
- package/esm/email-input/email-input.d.ts.map +1 -1
- package/esm/email-input/email-input.js +3 -0
- package/esm/email-input/email-input.js.map +1 -1
- package/esm/email-input/types.d.ts +3 -0
- package/esm/email-input/types.d.ts.map +1 -1
- package/esm/fieldset/styled.d.ts.map +1 -1
- package/esm/fieldset/styled.js +2 -1
- package/esm/fieldset/styled.js.map +1 -1
- package/esm/fieldset/types.d.ts +5 -1
- package/esm/fieldset/types.d.ts.map +1 -1
- package/esm/form/form.d.ts.map +1 -1
- package/esm/form/form.js +9 -1
- package/esm/form/form.js.map +1 -1
- package/esm/form/types.d.ts +1 -1
- package/esm/form/types.d.ts.map +1 -1
- package/esm/form/utils.d.ts +12 -0
- package/esm/form/utils.d.ts.map +1 -1
- package/esm/grid-layout/styled.d.ts +2 -2
- package/esm/grid-layout/styled.d.ts.map +1 -1
- package/esm/grid-layout/styled.js +3 -2
- package/esm/grid-layout/styled.js.map +1 -1
- package/esm/grid-layout/types.d.ts +2 -1
- package/esm/grid-layout/types.d.ts.map +1 -1
- package/esm/instrumentation/types.d.ts +2 -1
- package/esm/instrumentation/types.d.ts.map +1 -1
- package/esm/instrumentation/types.js +1 -0
- package/esm/instrumentation/types.js.map +1 -1
- package/esm/label/types.d.ts +2 -2
- package/esm/radio-button/defaults.d.ts +3 -0
- package/esm/radio-button/defaults.d.ts.map +1 -1
- package/esm/radio-button/defaults.js +6 -3
- package/esm/radio-button/defaults.js.map +1 -1
- package/esm/radio-button/style-presets.d.ts.map +1 -1
- package/esm/radio-button/style-presets.js +0 -31
- package/esm/radio-button/style-presets.js.map +1 -1
- package/esm/share-bar/share-bar.d.ts +6 -0
- package/esm/share-bar/share-bar.d.ts.map +1 -1
- package/esm/share-bar/share-bar.js +3 -0
- package/esm/share-bar/share-bar.js.map +1 -1
- package/esm/slider/defaults.d.ts +5 -0
- package/esm/slider/defaults.d.ts.map +1 -1
- package/esm/slider/defaults.js +5 -0
- package/esm/slider/defaults.js.map +1 -1
- package/esm/slider/slider.d.ts.map +1 -1
- package/esm/slider/slider.js +2 -1
- package/esm/slider/slider.js.map +1 -1
- package/esm/slider/styled.d.ts +6 -0
- package/esm/slider/styled.d.ts.map +1 -1
- package/esm/slider/styled.js +14 -4
- package/esm/slider/styled.js.map +1 -1
- package/esm/structured-list/structured-list-item.d.ts.map +1 -1
- package/esm/structured-list/structured-list-item.js +10 -2
- package/esm/structured-list/structured-list-item.js.map +1 -1
- package/esm/structured-list/types.d.ts +2 -1
- package/esm/structured-list/types.d.ts.map +1 -1
- package/esm/tabs/styled.d.ts.map +1 -1
- package/esm/tabs/styled.js +2 -2
- package/esm/tabs/styled.js.map +1 -1
- package/esm/text-field/text-field.d.ts.map +1 -1
- package/esm/text-field/text-field.js +10 -3
- package/esm/text-field/text-field.js.map +1 -1
- package/esm/text-field/types.d.ts +2 -1
- package/esm/text-field/types.d.ts.map +1 -1
- package/esm/text-field/types.js.map +1 -1
- package/esm/theme/presets/style-presets.js +32 -0
- package/esm/theme/presets/style-presets.js.map +1 -1
- package/esm/theme/presets/transition-presets.js +7 -0
- package/esm/theme/presets/transition-presets.js.map +1 -1
- package/esm/theme/presets/types.d.ts +4 -0
- package/esm/theme/presets/types.d.ts.map +1 -1
- package/esm/utils/focus-visible.d.ts +2 -0
- package/esm/utils/focus-visible.d.ts.map +1 -0
- package/esm/utils/focus-visible.js +13 -0
- package/esm/utils/focus-visible.js.map +1 -0
- package/esm/utils/logical-properties.d.ts +9 -6
- package/esm/utils/logical-properties.d.ts.map +1 -1
- package/esm/utils/logical-properties.js +40 -31
- package/esm/utils/logical-properties.js.map +1 -1
- package/esm/utils/style/style-preset.d.ts +1 -0
- package/esm/utils/style/style-preset.d.ts.map +1 -1
- package/esm/utils/style/style-preset.js +8 -4
- package/esm/utils/style/style-preset.js.map +1 -1
- package/esm/version-number.json +1 -1
- package/package.json +2 -2
|
@@ -4,18 +4,22 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.StyledLabel = exports.StyledInput = exports.
|
|
7
|
+
exports.StyledLabel = exports.StyledInput = exports.StyledSwitchFeedback = exports.StyledSwitch = exports.StyledSwitchContainer = exports.StyledSwitchAndLabelWrapper = void 0;
|
|
8
8
|
var utils_1 = require("../utils");
|
|
9
|
+
var logical_properties_1 = require("../utils/logical-properties");
|
|
9
10
|
var STACKING_CONTEXT = {
|
|
10
11
|
feedback: '1',
|
|
11
12
|
input: '2',
|
|
12
13
|
};
|
|
13
|
-
exports.
|
|
14
|
+
exports.StyledSwitchAndLabelWrapper = utils_1.styled.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n\n ", ";\n\n ", "\n\n ", "\n"], ["\n display: flex;\n align-items: center;\n\n ", ";\n\n ", "\n\n ", "\n"])), function (_a) {
|
|
14
15
|
var state = _a.state;
|
|
15
16
|
return ({ cursor: state === 'disabled' ? 'not-allowed' : 'pointer' });
|
|
16
17
|
}, function (_a) {
|
|
17
18
|
var size = _a.size, path = _a.path;
|
|
18
19
|
return (0, utils_1.getResponsiveSpace)('marginBottom', "".concat(path, ".").concat(size), '', 'spaceStack');
|
|
20
|
+
}, function (_a) {
|
|
21
|
+
var size = _a.size, path = _a.path;
|
|
22
|
+
return (0, logical_properties_1.logicalProps)("".concat(path, ".").concat(size));
|
|
19
23
|
});
|
|
20
24
|
exports.StyledSwitchContainer = utils_1.styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n display: inline-block;\n align-self: start;\n flex-shrink: 0;\n\n * {\n box-sizing: border-box;\n }\n\n ", "\n\n ", "\n"], ["\n position: relative;\n display: inline-block;\n align-self: start;\n flex-shrink: 0;\n\n * {\n box-sizing: border-box;\n }\n\n ", "\n\n ", "\n"])), function (_a) {
|
|
21
25
|
var size = _a.size, path = _a.path;
|
|
@@ -25,7 +29,7 @@ exports.StyledSwitchContainer = utils_1.styled.div(templateObject_2 || (template
|
|
|
25
29
|
return (0, utils_1.getResponsiveSpace)(labelPosition === 'end' ? 'marginRight' : 'marginLeft', "".concat(path, ".").concat(size, ".input"), 'input', 'spaceInline');
|
|
26
30
|
});
|
|
27
31
|
var insetCSS = "\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n";
|
|
28
|
-
exports.StyledSwitch = utils_1.styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n display: flex;\n justify-content: center;\n align-items: center;\n ", ";\n ", ";\n\n ", ";\n"], ["\n ", "\n display: flex;\n justify-content: center;\n align-items: center;\n ", ";\n ", ";\n\n ", ";\n"])), insetCSS, function (_a) {
|
|
32
|
+
exports.StyledSwitch = utils_1.styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n display: flex;\n justify-content: center;\n align-items: center;\n\n ", ";\n\n ", "\n ", ";\n\n ", ";\n"], ["\n ", "\n display: flex;\n justify-content: center;\n align-items: center;\n\n ", ";\n\n ", "\n ", ";\n\n ", ";\n"])), insetCSS, function (_a) {
|
|
29
33
|
var size = _a.size, checked = _a.checked, state = _a.state, isFocused = _a.isFocused, isHovered = _a.isHovered, path = _a.path;
|
|
30
34
|
return (0, utils_1.getStylePreset)("".concat(path, ".").concat(size, ".input"), 'input', {
|
|
31
35
|
isChecked: checked,
|
|
@@ -35,6 +39,10 @@ exports.StyledSwitch = utils_1.styled.div(templateObject_3 || (templateObject_3
|
|
|
35
39
|
isFocused: isFocused,
|
|
36
40
|
isHovered: isHovered,
|
|
37
41
|
});
|
|
42
|
+
}, function (_a) {
|
|
43
|
+
var isFocusedVisible = _a.isFocusedVisible;
|
|
44
|
+
return isFocusedVisible &&
|
|
45
|
+
" outline: 5px auto Highlight;\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: 3px;\n ";
|
|
38
46
|
}, function (_a) {
|
|
39
47
|
var feedbackIsVisible = _a.feedbackIsVisible;
|
|
40
48
|
return feedbackIsVisible && "z-index: ".concat(STACKING_CONTEXT.input);
|
|
@@ -42,14 +50,15 @@ exports.StyledSwitch = utils_1.styled.div(templateObject_3 || (templateObject_3
|
|
|
42
50
|
var size = _a.size, path = _a.path;
|
|
43
51
|
return (0, utils_1.getTransitionPreset)("".concat(path, ".").concat(size, ".input"), 'input');
|
|
44
52
|
});
|
|
45
|
-
exports.
|
|
46
|
-
var isHovered = _a.isHovered
|
|
47
|
-
return
|
|
53
|
+
exports.StyledSwitchFeedback = utils_1.styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n position: absolute;\n top: 50%;\n left: 50%;\n ", ";\n\n ", "\n ", ";\n ", ";\n"], ["\n position: absolute;\n top: 50%;\n left: 50%;\n ", ";\n\n ", "\n ", ";\n ", ";\n"])), function (_a) {
|
|
54
|
+
var isHovered = _a.isHovered;
|
|
55
|
+
return isHovered && "z-index: ".concat(STACKING_CONTEXT.feedback);
|
|
48
56
|
}, function (_a) {
|
|
49
|
-
var size = _a.size, isHovered = _a.isHovered,
|
|
57
|
+
var size = _a.size, isHovered = _a.isHovered, isActive = _a.isActive, state = _a.state, path = _a.path;
|
|
50
58
|
return (0, utils_1.getStylePreset)("".concat(path, ".").concat(size, ".feedback"), 'feedback', {
|
|
51
59
|
isHovered: isHovered,
|
|
52
|
-
|
|
60
|
+
isActive: isActive,
|
|
61
|
+
isDisabled: state === 'disabled',
|
|
53
62
|
isInvalid: state === 'invalid',
|
|
54
63
|
isValid: state === 'valid',
|
|
55
64
|
// when is not HOVER we need to remove the hover so it does not apply as class:hover
|
|
@@ -62,6 +71,9 @@ exports.StyledFeedback = utils_1.styled.div(templateObject_4 || (templateObject_
|
|
|
62
71
|
height: rectSize,
|
|
63
72
|
transform: "translate3d(calc(".concat(rectSize, " / -2), calc(").concat(rectSize, " / -2), 0)"),
|
|
64
73
|
}); }, "".concat(path, ".").concat(size, ".feedback"), 'feedback', 'size');
|
|
74
|
+
}, function (_a) {
|
|
75
|
+
var size = _a.size, path = _a.path;
|
|
76
|
+
return (0, utils_1.getTransitionPreset)("".concat(path, ".").concat(size, ".feedback"), 'feedback');
|
|
65
77
|
});
|
|
66
78
|
exports.StyledInput = utils_1.styled.input(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", "\n margin: 0;\n opacity: 0;\n cursor: inherit;\n"], ["\n ", "\n margin: 0;\n opacity: 0;\n cursor: inherit;\n"])), insetCSS);
|
|
67
79
|
exports.StyledLabel = utils_1.styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), function (_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/base-switch/styled.tsx"],"names":[],"mappings":";;;;;;;AAAA,kCAOkB;
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/base-switch/styled.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { NewsKitIconProps } from '../icons';
|
|
3
3
|
import { TransitionToken } from '../theme/presets/types';
|
|
4
|
+
import { LogicalProps } from '../utils/logical-properties';
|
|
4
5
|
import { Override } from '../utils/overrides';
|
|
5
6
|
import { MQ } from '../utils/style/types';
|
|
6
7
|
export declare type BaseSwitchIconProps = NewsKitIconProps & Pick<BaseSwitchProps, 'checked' | 'state'> & {
|
|
7
8
|
iconSize?: string;
|
|
8
9
|
};
|
|
9
10
|
declare type BaseSwitchOverrides = {
|
|
11
|
+
/**
|
|
12
|
+
* @deprecated This property is deprecated and will be removed in the next major release. Use `marginBlockEnd` instead.
|
|
13
|
+
*/
|
|
10
14
|
spaceStack?: MQ<string>;
|
|
11
15
|
input?: {
|
|
12
16
|
size?: MQ<string>;
|
|
@@ -28,7 +32,7 @@ export declare type BaseSwitchSize = 'small' | 'medium' | 'large';
|
|
|
28
32
|
export declare type BaseSwitchState = 'valid' | 'invalid' | 'disabled';
|
|
29
33
|
export declare type BaseSwitchLabelPosition = 'start' | 'end';
|
|
30
34
|
export interface BaseSwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'disabled'> {
|
|
31
|
-
overrides?: BaseSwitchOverrides;
|
|
35
|
+
overrides?: BaseSwitchOverrides & LogicalProps;
|
|
32
36
|
size?: BaseSwitchSize;
|
|
33
37
|
state?: BaseSwitchState;
|
|
34
38
|
label?: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/base-switch/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAC,EAAE,EAAC,MAAM,sBAAsB,CAAC;AAExC,oBAAY,mBAAmB,GAAG,gBAAgB,GAChD,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,OAAO,CAAC,GAAG;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC;AAEnE,aAAK,mBAAmB,GAAG;IACzB,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACxB,KAAK,CAAC,EAAE;QACN,IAAI,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAClB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;KACxD,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,IAAI,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAClB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;IACF,KAAK,CAAC,EAAE;QACN,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC/B,CAAC;IACF,IAAI,CAAC,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAAC;CACtC,CAAC;AAEF,oBAAY,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE1D,oBAAY,eAAe,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;AAE/D,oBAAY,uBAAuB,GAAG,OAAO,GAAG,KAAK,CAAC;AAEtD,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,UAAU,CACpB;IACD,SAAS,CAAC,EAAE,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/base-switch/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAC,EAAE,EAAC,MAAM,sBAAsB,CAAC;AAExC,oBAAY,mBAAmB,GAAG,gBAAgB,GAChD,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,OAAO,CAAC,GAAG;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC;AAEnE,aAAK,mBAAmB,GAAG;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACxB,KAAK,CAAC,EAAE;QACN,IAAI,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAClB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;KACxD,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,IAAI,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAClB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;IACF,KAAK,CAAC,EAAE;QACN,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC/B,CAAC;IACF,IAAI,CAAC,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAAC;CACtC,CAAC;AAEF,oBAAY,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE1D,oBAAY,eAAe,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;AAE/D,oBAAY,uBAAuB,GAAG,OAAO,GAAG,KAAK,CAAC;AAEtD,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,UAAU,CACpB;IACD,SAAS,CAAC,EAAE,mBAAmB,GAAG,YAAY,CAAC;IAC/C,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,eAAe,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAC9D,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,8BAA8B,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;CAC1E"}
|
package/cjs/block/block.d.ts
CHANGED
|
@@ -11,11 +11,11 @@ export interface BlockProps extends React.HTMLAttributes<HTMLDivElement>, Logica
|
|
|
11
11
|
*/
|
|
12
12
|
spaceInset?: MQ<string>;
|
|
13
13
|
/**
|
|
14
|
-
* @deprecated This property is deprecated and will be removed in the next major release. Use `
|
|
14
|
+
* @deprecated This property is deprecated and will be removed in the next major release. Use `marginInlineEnd` instead.
|
|
15
15
|
*/
|
|
16
16
|
spaceInline?: MQ<string>;
|
|
17
17
|
/**
|
|
18
|
-
* @deprecated This property is deprecated and will be removed in the next major release. Use `
|
|
18
|
+
* @deprecated This property is deprecated and will be removed in the next major release. Use `marginBlockEnd` instead.
|
|
19
19
|
*/
|
|
20
20
|
spaceStack?: MQ<string>;
|
|
21
21
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"byline.d.ts","sourceRoot":"","sources":["../../../src/byline/byline.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAC,WAAW,EAAa,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"byline.d.ts","sourceRoot":"","sources":["../../../src/byline/byline.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAC,WAAW,EAAa,MAAM,SAAS,CAAC;AAiMhD,eAAO,MAAM,MAAM,uEAEjB,CAAC"}
|
package/cjs/byline/byline.js
CHANGED
|
@@ -3,6 +3,17 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
|
+
var __assign = (this && this.__assign) || function () {
|
|
7
|
+
__assign = Object.assign || function(t) {
|
|
8
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
+
s = arguments[i];
|
|
10
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
+
t[p] = s[p];
|
|
12
|
+
}
|
|
13
|
+
return t;
|
|
14
|
+
};
|
|
15
|
+
return __assign.apply(this, arguments);
|
|
16
|
+
};
|
|
6
17
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
18
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
19
|
};
|
|
@@ -18,6 +29,7 @@ var block_1 = require("../block");
|
|
|
18
29
|
var text_block_1 = require("../text-block");
|
|
19
30
|
var defaults_1 = __importDefault(require("./defaults"));
|
|
20
31
|
var with_own_theme_1 = require("../utils/with-own-theme");
|
|
32
|
+
var logical_properties_1 = require("../utils/logical-properties");
|
|
21
33
|
var InlineBlock = (0, style_1.styled)(block_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline-flex;\n"], ["\n display: inline-flex;\n"])));
|
|
22
34
|
var getStyledTextBlock = function (typographyPreset, stylePreset, spaceInline) { return function (_a) {
|
|
23
35
|
var children = _a.children, _b = _a.withSpace, withSpace = _b === void 0 ? false : _b, ariaHidden = _a.ariaHidden;
|
|
@@ -35,7 +47,7 @@ var isLastItem = function (currentIndex, length) {
|
|
|
35
47
|
return currentIndex === length - 1;
|
|
36
48
|
};
|
|
37
49
|
var ThemelessByline = function (_a) {
|
|
38
|
-
var bylineData = _a.bylineData,
|
|
50
|
+
var bylineData = _a.bylineData, _b = _a.overrides, overrides = _b === void 0 ? {} : _b;
|
|
39
51
|
var theme = (0, theme_1.useTheme)();
|
|
40
52
|
var spaceStack = (0, get_token_1.getToken)({ theme: theme, overrides: overrides }, 'byline', '', 'spaceStack');
|
|
41
53
|
var linkStyles = (0, get_token_1.getToken)({ theme: theme, overrides: overrides }, 'byline.link', 'link', 'stylePreset');
|
|
@@ -43,7 +55,7 @@ var ThemelessByline = function (_a) {
|
|
|
43
55
|
var textStyles = (0, get_token_1.getToken)({ theme: theme, overrides: overrides }, 'byline', '', 'stylePreset');
|
|
44
56
|
var textTypes = (0, get_token_1.getToken)({ theme: theme, overrides: overrides }, 'byline', '', 'typographyPreset');
|
|
45
57
|
var dividerSpace = (0, get_token_1.getToken)({ theme: theme, overrides: overrides }, 'byline.divider', 'divider', 'spaceInline');
|
|
46
|
-
var PipeContainer = style_1.styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n
|
|
58
|
+
var PipeContainer = style_1.styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n ", "\n user-select: none;\n "], ["\n ", "\n ", "\n user-select: none;\n "])), (0, style_1.getResponsiveSpace)('marginLeft', 'byline.divider', 'divider', 'spaceInline'), (0, style_1.getStylePreset)('byline.divider', 'divider'));
|
|
47
59
|
var StyledTextBlockWithSpace = getStyledTextBlock(textTypes, textStyles, dividerSpace);
|
|
48
60
|
var BylineItem = function (_a) {
|
|
49
61
|
var lastItem = _a.lastItem, children = _a.children;
|
|
@@ -60,7 +72,8 @@ var ThemelessByline = function (_a) {
|
|
|
60
72
|
}
|
|
61
73
|
return location;
|
|
62
74
|
};
|
|
63
|
-
|
|
75
|
+
var logicalProps = (0, logical_properties_1.extractLogicalPropsFromOverrides)(overrides);
|
|
76
|
+
return (react_1.default.createElement(stack_1.Stack, __assign({ flow: "horizontal-center", inline: true, wrap: "wrap", spaceStack: spaceStack }, logicalProps), bylineData.map(function (_a, i) {
|
|
64
77
|
var author = _a.author, href = _a.href, title = _a.title, location = _a.location, ariaLabel = _a.ariaLabel, key = _a.key;
|
|
65
78
|
var lastItem = isLastItem(i, bylineData.length);
|
|
66
79
|
var hasLinkOnly = href && !title && !location;
|
package/cjs/byline/byline.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"byline.js","sourceRoot":"","sources":["../../../src/byline/byline.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"byline.js","sourceRoot":"","sources":["../../../src/byline/byline.tsx"],"names":[],"mappings":"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"}
|
package/cjs/byline/types.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { LogicalProps } from '../utils/logical-properties';
|
|
1
2
|
import { MQ } from '../utils/style';
|
|
2
3
|
export interface BylineData {
|
|
3
4
|
author: string;
|
|
@@ -21,6 +22,6 @@ export interface BylineProps {
|
|
|
21
22
|
stylePreset?: MQ<string>;
|
|
22
23
|
spaceInline?: MQ<string>;
|
|
23
24
|
};
|
|
24
|
-
};
|
|
25
|
+
} & LogicalProps;
|
|
25
26
|
}
|
|
26
27
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/byline/types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/byline/types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB;AACD,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAC9B,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACxB,IAAI,CAAC,EAAE;YACL,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SAC/B,CAAC;QACF,OAAO,CAAC,EAAE;YACR,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SAC1B,CAAC;KACH,GAAG,YAAY,CAAC;CAClB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"caption.d.ts","sourceRoot":"","sources":["../../../src/caption/caption.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"caption.d.ts","sourceRoot":"","sources":["../../../src/caption/caption.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AA4ErC,eAAO,MAAM,OAAO,wEAElB,CAAC"}
|
package/cjs/caption/caption.js
CHANGED
|
@@ -1,4 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
2
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
15
|
};
|
|
@@ -11,20 +22,22 @@ var theme_1 = require("../theme");
|
|
|
11
22
|
var text_block_1 = require("../text-block");
|
|
12
23
|
var with_own_theme_1 = require("../utils/with-own-theme");
|
|
13
24
|
var defaults_1 = __importDefault(require("./defaults"));
|
|
25
|
+
var logical_properties_1 = require("../utils/logical-properties");
|
|
14
26
|
var ThemelessCaption = function (_a) {
|
|
15
27
|
var overrides = _a.overrides, children = _a.children, creditText = _a.creditText;
|
|
16
28
|
var theme = (0, theme_1.useTheme)();
|
|
17
|
-
var
|
|
29
|
+
var captionGap = creditText && (0, get_token_1.getToken)({ theme: theme, overrides: overrides }, 'caption', '', 'spaceStack');
|
|
18
30
|
var captionStylePreset = (0, get_token_1.getToken)({ theme: theme, overrides: overrides }, 'caption', '', 'stylePreset');
|
|
19
31
|
var captionTypographyPreset = (0, get_token_1.getToken)({ theme: theme, overrides: overrides }, 'caption', '', 'typographyPreset');
|
|
20
32
|
var creditTypographyPreset = (0, get_token_1.getToken)({ theme: theme, overrides: overrides }, 'caption.credit', 'credit', 'typographyPreset');
|
|
21
33
|
var creditStylePreset = (0, get_token_1.getToken)({ theme: theme, overrides: overrides }, 'caption.credit', 'credit', 'stylePreset');
|
|
22
34
|
var captionInset = (0, get_token_1.getToken)({ theme: theme, overrides: overrides }, 'caption', '', 'spaceInset');
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
35
|
+
var logicalProps = (0, logical_properties_1.extractLogicalPropsFromOverrides)(overrides);
|
|
36
|
+
return (react_1.default.createElement(block_1.Block, __assign({ spaceInset: captionInset }, logicalProps),
|
|
37
|
+
react_1.default.createElement(text_block_1.TextBlock, { stylePreset: captionStylePreset, typographyPreset: captionTypographyPreset, marginBlockEnd: captionGap }, children),
|
|
26
38
|
creditText && (react_1.default.createElement(text_block_1.TextBlock, { stylePreset: creditStylePreset, typographyPreset: creditTypographyPreset }, creditText))));
|
|
27
39
|
};
|
|
40
|
+
// Caption will be rebuilt in https://nidigitalsolutions.jira.com/browse/PPDSC-2091
|
|
28
41
|
exports.Caption = (0, with_own_theme_1.withOwnTheme)(ThemelessCaption)({
|
|
29
42
|
defaults: defaults_1.default,
|
|
30
43
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"caption.js","sourceRoot":"","sources":["../../../src/caption/caption.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"caption.js","sourceRoot":"","sources":["../../../src/caption/caption.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,kCAA+B;AAC/B,gDAA4C;AAC5C,kCAAkC;AAClC,4CAAwC;AACxC,0DAAqD;AACrD,wDAAkC;AAClC,kEAA6E;AAE7E,IAAM,gBAAgB,GAA2B,UAAC,EAIjD;QAHC,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,UAAU,gBAAA;IAEV,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,IAAM,UAAU,GACd,UAAU,IAAI,IAAA,oBAAQ,EAAC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAAE,SAAS,EAAE,EAAE,EAAE,YAAY,CAAC,CAAC;IAE1E,IAAM,kBAAkB,GAAG,IAAA,oBAAQ,EACjC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,SAAS,EACT,EAAE,EACF,aAAa,CACd,CAAC;IAEF,IAAM,uBAAuB,GAAG,IAAA,oBAAQ,EACtC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,SAAS,EACT,EAAE,EACF,kBAAkB,CACnB,CAAC;IAEF,IAAM,sBAAsB,GAAG,IAAA,oBAAQ,EACrC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,gBAAgB,EAChB,QAAQ,EACR,kBAAkB,CACnB,CAAC;IACF,IAAM,iBAAiB,GAAG,IAAA,oBAAQ,EAChC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,gBAAgB,EAChB,QAAQ,EACR,aAAa,CACd,CAAC;IAEF,IAAM,YAAY,GAAG,IAAA,oBAAQ,EAC3B,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,SAAS,EACT,EAAE,EACF,YAAY,CACb,CAAC;IAEF,IAAM,YAAY,GAAG,IAAA,qDAAgC,EAAC,SAAS,CAAC,CAAC;IAEjE,OAAO,CACL,8BAAC,aAAK,aAAC,UAAU,EAAE,YAAY,IAAM,YAAY;QAC/C,8BAAC,sBAAS,IACR,WAAW,EAAE,kBAAkB,EAC/B,gBAAgB,EAAE,uBAAuB,EACzC,cAAc,EAAE,UAAU,IAEzB,QAAQ,CACC;QACX,UAAU,IAAI,CACb,8BAAC,sBAAS,IACR,WAAW,EAAE,iBAAiB,EAC9B,gBAAgB,EAAE,sBAAsB,IAEvC,UAAU,CACD,CACb,CACK,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,mFAAmF;AACtE,QAAA,OAAO,GAAG,IAAA,6BAAY,EAAC,gBAAgB,CAAC,CAAC;IACpD,QAAQ,oBAAA;CACT,CAAC,CAAC;AACH,gBAAgB,CAAC,WAAW,GAAG,SAAS,CAAC"}
|
package/cjs/caption/types.d.ts
CHANGED
|
@@ -1,17 +1,20 @@
|
|
|
1
|
+
import { LogicalProps } from '../utils/logical-properties';
|
|
1
2
|
import { MQ } from '../utils/style';
|
|
2
|
-
export interface CaptionOverrides {
|
|
3
|
-
typographyPreset?: MQ<string>;
|
|
4
|
-
stylePreset?: MQ<string>;
|
|
5
|
-
spaceStack?: MQ<string>;
|
|
6
|
-
spaceInset?: MQ<string>;
|
|
7
|
-
credit?: {
|
|
8
|
-
typographyPreset?: MQ<string>;
|
|
9
|
-
stylePreset?: MQ<string>;
|
|
10
|
-
};
|
|
11
|
-
}
|
|
12
3
|
export interface CaptionProps {
|
|
13
4
|
captionText?: string;
|
|
14
5
|
creditText?: string;
|
|
15
|
-
overrides?:
|
|
6
|
+
overrides?: {
|
|
7
|
+
typographyPreset?: MQ<string>;
|
|
8
|
+
stylePreset?: MQ<string>;
|
|
9
|
+
spaceStack?: MQ<string>;
|
|
10
|
+
/**
|
|
11
|
+
* @deprecated This property is deprecated and will be removed in the next major release. Use `paddingInline` & `paddingBlock` instead.
|
|
12
|
+
*/
|
|
13
|
+
spaceInset?: MQ<string>;
|
|
14
|
+
credit?: {
|
|
15
|
+
typographyPreset?: MQ<string>;
|
|
16
|
+
stylePreset?: MQ<string>;
|
|
17
|
+
};
|
|
18
|
+
} & LogicalProps;
|
|
16
19
|
}
|
|
17
20
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/caption/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/caption/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAGlC,MAAM,WAAW,YAAY;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE;QACV,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAC9B,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACxB;;WAEG;QACH,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACxB,MAAM,CAAC,EAAE;YACP,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YAC9B,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SAC1B,CAAC;KACH,GAAG,YAAY,CAAC;CAClB"}
|
package/cjs/card/card.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/card/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/card/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAsOlC,eAAO,MAAM,IAAI,2GAAwD,CAAC"}
|
package/cjs/card/card.js
CHANGED
|
@@ -40,6 +40,7 @@ var merge_breakpoint_object_1 = require("../utils/merge-breakpoint-object");
|
|
|
40
40
|
var with_own_theme_1 = require("../utils/with-own-theme");
|
|
41
41
|
var defaults_1 = __importDefault(require("./defaults"));
|
|
42
42
|
var style_presets_1 = __importDefault(require("./style-presets"));
|
|
43
|
+
var logical_properties_1 = require("../utils/logical-properties");
|
|
43
44
|
// This key is needed to for the card headline (and to the link when it is wrapped)
|
|
44
45
|
// to avoid missing key prop warning from react.
|
|
45
46
|
// There is no need for the key to be automatically generated for now
|
|
@@ -108,12 +109,13 @@ var TeaserDecorator = function (_a) {
|
|
|
108
109
|
var ThemelessCard = react_1.default.forwardRef(function (_a, ref) {
|
|
109
110
|
var media = _a.media, _b = _a.mediaInteractive, mediaInteractive = _b === void 0 ? false : _b, _c = _a.layout, layout = _c === void 0 ? 'vertical' : _c, href = _a.href, actions = _a.actions, children = _a.children, _d = _a.overrides, overrides = _d === void 0 ? {} : _d, restProps = __rest(_a, ["media", "mediaInteractive", "layout", "href", "actions", "children", "overrides"]);
|
|
110
111
|
var hasHref = Boolean(href);
|
|
112
|
+
var nonLogicalOverrides = (0, logical_properties_1.omitLogicalPropsFromOverrides)(overrides);
|
|
111
113
|
return (react_1.default.createElement(styled_1.StyledCardContainer, __assign({ hasHref: hasHref, layout: layout, overrides: overrides, ref: ref }, restProps),
|
|
112
114
|
media && (react_1.default.createElement(styled_1.StyledCardContainerMedia, { layout: layout, mediaInteractive: mediaInteractive, hasHref: hasHref, overrides: overrides }, renderMedia(media))),
|
|
113
115
|
react_1.default.createElement(styled_1.StyledCardContainerTeaserAndActions, { layout: layout, overrides: overrides },
|
|
114
116
|
children && (react_1.default.createElement(styled_1.StyledCardContainerTeaser, { hasHref: hasHref, layout: layout, overrides: overrides },
|
|
115
117
|
react_1.default.createElement(TeaserDecorator, { href: href }, children))),
|
|
116
|
-
actions && (react_1.default.createElement(styled_1.StyledCardContainerActions, { flow: stack_1.Flow.HorizontalCenter, stackDistribution: stack_1.StackDistribution.Start, hasHref: hasHref, wrap: "nowrap", overrides:
|
|
118
|
+
actions && (react_1.default.createElement(styled_1.StyledCardContainerActions, { flow: stack_1.Flow.HorizontalCenter, stackDistribution: stack_1.StackDistribution.Start, hasHref: hasHref, wrap: "nowrap", overrides: nonLogicalOverrides }, (0, component_1.renderIfReactComponent)(actions))))));
|
|
117
119
|
});
|
|
118
120
|
exports.Card = (0, with_own_theme_1.withOwnTheme)(ThemelessCard)({ defaults: defaults_1.default, stylePresets: style_presets_1.default });
|
|
119
121
|
exports.Card.displayName = 'Card';
|
package/cjs/card/card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/card/card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,kCAA2C;AAC3C,mCAOkB;AAClB,kCAAiD;AACjD,gDAG4B;AAC5B,8EAA0D;AAC1D,wCAAqC;AAErC,kCAAyD;AACzD,wDAAgE;AAChE,kDAA8C;AAC9C,4EAAuE;AACvE,0DAAqD;AACrD,wDAAkC;AAClC,kEAA2C;
|
|
1
|
+
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/card/card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,kCAA2C;AAC3C,mCAOkB;AAClB,kCAAiD;AACjD,gDAG4B;AAC5B,8EAA0D;AAC1D,wCAAqC;AAErC,kCAAyD;AACzD,wDAAgE;AAChE,kDAA8C;AAC9C,4EAAuE;AACvE,0DAAqD;AACrD,wDAAkC;AAClC,kEAA2C;AAC3C,kEAA0E;AAE1E,mFAAmF;AACnF,gDAAgD;AAChD,qEAAqE;AACrE,2CAA2C;AAC3C,wDAAwD;AACxD,IAAM,eAAe,GAAG,GAAG,CAAC;AAE5B,IAAM,WAAW,GAAG,UAAC,KAAyB;IAC5C,OAAA,IAAA,kCAAsB,EAAC,KAAK,CAAC,IAAI,CAC/B,8BAAC,aAAK,aAAC,kBAAkB,EAAC,KAAK,IAAM,KAAoB,EAAI,CAC9D;AAFD,CAEC,CAAC;AAEJ,IAAM,kBAAkB,GAAG,UAAC,KAAa,EAAE,IAA4B;IACrE,OAAA,OAAO,IAAI,KAAK,QAAQ;QACtB,CAAC,uBACM,KAAK,KACR,IAAI,MAAA,IAER,CAAC,uBACM,IAAI,GACJ,KAAK,CACT;AARL,CAQK,CAAC;AAER,IAAM,wBAAwB,GAAG,UAC/B,QAAyB,EACzB,KAAY,EACZ,IAA6B;IAE7B,IAAM,oBAAoB,GAAG,IAAI;QAC/B,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW;QACnD,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC;IAEzD,IAAM,KAGD,QAA+B,CAAC,KAAK,EAF7B,qBAAqB,eAAA,EAC7B,iBAAiB,cAFhB,aAGL,CAAyC,CAAC;IAE3C,IAAM,iBAAiB,gBAClB,IAAA,sBAAS,EACV,IAAA,+CAAqB,EAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAqB,CAAC,EACzE,oBAAoB,EACpB,IAAA,wCAAwB,EAAC,qBAAqB,CAAC,CAChD,CACF,CAAC;IAEF,OAAO;QACL,iBAAiB,mBAAA;QACjB,iBAAiB,mBAAA;KAClB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,2BAA2B,GAAG,UAClC,QAAyB,EACzB,KAAY,EACZ,IAA6B;IAE7B,IAAI,WAAW,GAAG,KAAK,CAAC;IACxB,IAAM,oBAAoB,GAAG,UAAC,KAAsB;QAClD,IAAI,CAAC,KAAK,IAAI,CAAC,IAAA,sCAA0B,EAAC,KAAK,EAAE,mBAAQ,CAAC,EAAE;YAC1D,OAAO,KAAK,CAAC;SACd;QAED,WAAW,GAAG,IAAI,CAAC;QACb,IAAA,KAAyC,wBAAwB,CACrE,KAAK,EACL,KAAK,EACL,IAAI,CACL,EAJM,iBAAiB,uBAAA,EAAE,iBAAiB,uBAI1C,CAAC;QAEF,IAAM,YAAY,GAAG,CACnB,8BAAC,mBAAQ,eACH,iBAAiB,IACrB,SAAS,EAAE,iBAAiB,EAC5B,GAAG,EAAE,eAAe,IACpB,CACH,CAAC;QAEF,wDAAwD;QACxD,IAAI,CAAC,IAAI;YAAE,OAAO,YAAY,CAAC;QAE/B,IAAM,iBAAiB,GAAG,kBAAkB,CAC1C;YACE,SAAS,EAAE,cAAc;YACzB,SAAS,EAAE,iBAAiB;SAC7B,EACD,IAAI,CACL,CAAC;QAEF,gEAAgE;QAChE,OAAO,CACL,8BAAC,uBAAc,eAAK,iBAAiB,IAAE,GAAG,EAAE,eAAe,KACxD,YAAY,CACE,CAClB,CAAC;IACJ,CAAC,CAAC;IAEF,IAAM,iBAAiB,GAAG,IAAA,kCAAO,EAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAC;IAClE,OAAO,EAAC,WAAW,aAAA,EAAE,iBAAiB,mBAAA,EAAC,CAAC;AAC1C,CAAC,CAAC;AAEF,IAAM,eAAe,GAAG,UAAC,EAMxB;QALC,QAAQ,cAAA,EACR,IAAI,UAAA;IAKJ,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAW,CAAC;IAElC,+FAA+F;IACzF,IAAA,KAAmC,2BAA2B,CAClE,QAAQ,EACR,KAAK,EACL,IAAI,CACL,EAJM,WAAW,iBAAA,EAAE,iBAAiB,uBAIpC,CAAC;IAEF,IAAI,WAAW,EAAE;QACf,OAAO,8DAAG,iBAAiB,CAAI,CAAC;KACjC;IAED,+DAA+D;IAC/D,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,8DAAG,QAAQ,CAAI,CAAC;KACxB;IAED,qGAAqG;IACrG,IAAM,SAAS,GAAG,kBAAkB,CAClC;QACE,SAAS,EAAE,cAAc;QACzB,QAAQ,UAAA;KACT,EACD,IAAI,CACL,CAAC;IAEF,OAAO,8BAAC,uBAAc,eAAK,SAAS,EAAI,CAAC;AAC3C,CAAC,CAAC;AAEF,IAAM,aAAa,GAAG,eAAK,CAAC,UAAU,CACpC,UACE,EASC,EACD,GAAG;IATD,IAAA,KAAK,WAAA,EACL,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EACxB,cAAmB,EAAnB,MAAM,mBAAG,UAAU,KAAA,EACnB,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACX,SAAS,cARd,mFASC,CADa;IAId,IAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,IAAM,mBAAmB,GAAG,IAAA,kDAA6B,EAAC,SAAS,CAAC,CAAC;IAErE,OAAO,CACL,8BAAC,4BAAmB,aAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,IACJ,SAAS;QAEZ,KAAK,IAAI,CACR,8BAAC,iCAAwB,IACvB,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,IAEnB,WAAW,CAAC,KAAK,CAAC,CACM,CAC5B;QAED,8BAAC,4CAAmC,IAClC,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS;YAEnB,QAAQ,IAAI,CACX,8BAAC,kCAAyB,IACxB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS;gBAEpB,8BAAC,eAAe,IAAC,IAAI,EAAE,IAAI,IAAG,QAAQ,CAAmB,CAC/B,CAC7B;YACA,OAAO,IAAI,CACV,8BAAC,mCAA0B,IACzB,IAAI,EAAE,YAAI,CAAC,gBAAgB,EAC3B,iBAAiB,EAAE,yBAAiB,CAAC,KAAK,EAC1C,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,mBAAmB,IAE7B,IAAA,kCAAsB,EAAC,OAAO,CAAC,CACL,CAC9B,CACmC,CAClB,CACvB,CAAC;AACJ,CAAC,CACF,CAAC;AAEW,QAAA,IAAI,GAAG,IAAA,6BAAY,EAAC,aAAa,CAAC,CAAC,EAAC,QAAQ,oBAAA,EAAE,YAAY,yBAAA,EAAC,CAAC,CAAC;AAE1E,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
|
package/cjs/card/styled.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/card/styled.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAiC,SAAS,EAAE,OAAO,EAAC,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/card/styled.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAiC,SAAS,EAAE,OAAO,EAAC,MAAM,SAAS,CAAC;AAW3E,OAAO,EAAC,iBAAiB,EAAC,MAAM,mBAAmB,CAAC;AAapD,eAAO,MAAM,mBAAmB;;;2KAc/B,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;kLA8CpC,CAAC;AAEF,eAAO,MAAM,mCAAmC;;;6JAoB/C,CAAC;AAEF,eAAO,MAAM,yBAAyB;;;6JAsBrC,CAAC;AAEF,eAAO,MAAM,cAAc;;;yIAsB1B,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;mDAuBtC,CAAC"}
|
package/cjs/card/styled.js
CHANGED
|
@@ -19,10 +19,11 @@ exports.StyledCardContainerActions = exports.StyledCardLink = exports.StyledCard
|
|
|
19
19
|
var style_1 = require("../utils/style");
|
|
20
20
|
var stack_1 = require("../stack");
|
|
21
21
|
var utils_1 = require("./utils");
|
|
22
|
+
var logical_properties_1 = require("../utils/logical-properties");
|
|
22
23
|
var DEFAULT_PROPS = {
|
|
23
24
|
layout: 'vertical',
|
|
24
25
|
};
|
|
25
|
-
exports.StyledCardContainer = style_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n box-sizing: border-box;\n overflow: hidden;\n ", "\n position: relative;\n display: flex;\n ", "\n"], ["\n box-sizing: border-box;\n overflow: hidden;\n ", "\n position: relative;\n display: flex;\n ", "\n"])), function (_a) {
|
|
26
|
+
exports.StyledCardContainer = style_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n box-sizing: border-box;\n overflow: hidden;\n ", "\n position: relative;\n display: flex;\n ", "\n ", ";\n"], ["\n box-sizing: border-box;\n overflow: hidden;\n ", "\n position: relative;\n display: flex;\n ", "\n ", ";\n"])), function (_a) {
|
|
26
27
|
var hasHref = _a.hasHref, props = __rest(_a, ["hasHref"]);
|
|
27
28
|
return (0, utils_1.filterInteractiveStates)('', hasHref)(props);
|
|
28
29
|
}, (0, style_1.handleResponsiveProp)({ layout: DEFAULT_PROPS.layout }, function (_a) {
|
|
@@ -32,8 +33,8 @@ exports.StyledCardContainer = style_1.styled.div(templateObject_1 || (templateOb
|
|
|
32
33
|
? "row".concat((0, utils_1.isReverse)(layout) && '-reverse')
|
|
33
34
|
: 'column'),
|
|
34
35
|
});
|
|
35
|
-
}));
|
|
36
|
-
exports.StyledCardContainerMedia = style_1.styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-sizing: border-box;\n display: block;\n position: relative;\n\n ", "\n\n ", "\n\n ", "\n ", "\n"], ["\n box-sizing: border-box;\n display: block;\n position: relative;\n\n ", "\n\n ", "\n\n ", "\n ", "\n"])), (0, style_1.handleResponsiveProp)({ layout: DEFAULT_PROPS.layout }, function (_a, _b) {
|
|
36
|
+
}), (0, logical_properties_1.logicalProps)('card'));
|
|
37
|
+
exports.StyledCardContainerMedia = style_1.styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-sizing: border-box;\n display: block;\n position: relative;\n svg {\n ", ";\n }\n\n ", "\n\n ", "\n ", ";\n\n ", "\n ", "\n"], ["\n box-sizing: border-box;\n display: block;\n position: relative;\n svg {\n ", ";\n }\n\n ", "\n\n ", "\n ", ";\n\n ", "\n ", "\n"])), (0, style_1.getBorderCssFromTheme)('borderRadius', 'borderRadiusRounded010'), (0, style_1.handleResponsiveProp)({ layout: DEFAULT_PROPS.layout }, function (_a, _b) {
|
|
37
38
|
var layout = _a.layout;
|
|
38
39
|
var overrides = _b.overrides, theme = _b.theme;
|
|
39
40
|
if ((0, utils_1.isHorizontal)(layout)) {
|
|
@@ -51,7 +52,7 @@ exports.StyledCardContainerMedia = style_1.styled.div(templateObject_2 || (templ
|
|
|
51
52
|
marginDirection = 'marginRight';
|
|
52
53
|
}
|
|
53
54
|
return (0, style_1.getResponsiveSpace)(marginDirection, 'card.mediaContainer', 'mediaContainer', 'spaceInline')(props);
|
|
54
|
-
}), function (_a) {
|
|
55
|
+
}), (0, logical_properties_1.logicalPaddingProps)('card.mediaContainer', 'mediaContainer'), function (_a) {
|
|
55
56
|
var mediaInteractive = _a.mediaInteractive;
|
|
56
57
|
return (mediaInteractive ? 'z-index: 2;' : null);
|
|
57
58
|
}, function (_a) {
|
|
@@ -67,7 +68,7 @@ exports.StyledCardContainerTeaserAndActions = style_1.styled.div(templateObject_
|
|
|
67
68
|
}
|
|
68
69
|
return {};
|
|
69
70
|
}));
|
|
70
|
-
exports.StyledCardContainerTeaser = style_1.styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n box-sizing: border-box;\n ", "\n ", "\n ", "\n\n a:not(.nk-card-link) {\n z-index: 2;\n position: relative;\n }\n"], ["\n box-sizing: border-box;\n ", "\n ", "\n ", "\n\n a:not(.nk-card-link) {\n z-index: 2;\n position: relative;\n }\n"])), (0, style_1.handleResponsiveProp)({ layout: DEFAULT_PROPS.layout }, function (_a) {
|
|
71
|
+
exports.StyledCardContainerTeaser = style_1.styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n box-sizing: border-box;\n ", "\n ", "\n // LOGICAL_PROPS_TO_DO: remove the below func when logical props are used in defaults\n ", "\n ", ";\n\n a:not(.nk-card-link) {\n z-index: 2;\n position: relative;\n }\n"], ["\n box-sizing: border-box;\n ", "\n ", "\n // LOGICAL_PROPS_TO_DO: remove the below func when logical props are used in defaults\n ", "\n ", ";\n\n a:not(.nk-card-link) {\n z-index: 2;\n position: relative;\n }\n"])), (0, style_1.handleResponsiveProp)({ layout: DEFAULT_PROPS.layout }, function (_a) {
|
|
71
72
|
var layout = _a.layout;
|
|
72
73
|
return ({
|
|
73
74
|
flex: (0, utils_1.isHorizontal)(layout) ? 1 : undefined,
|
|
@@ -75,13 +76,13 @@ exports.StyledCardContainerTeaser = style_1.styled.div(templateObject_4 || (temp
|
|
|
75
76
|
}), function (_a) {
|
|
76
77
|
var hasHref = _a.hasHref, props = __rest(_a, ["hasHref"]);
|
|
77
78
|
return (0, utils_1.filterInteractiveStates)('teaserContainer', hasHref)(props);
|
|
78
|
-
}, (0, style_1.getResponsiveSpace)('padding', 'card.teaserContainer', 'teaserContainer', 'spaceInset'));
|
|
79
|
+
}, (0, style_1.getResponsiveSpace)('padding', 'card.teaserContainer', 'teaserContainer', 'spaceInset'), (0, logical_properties_1.logicalPaddingProps)('card.teaserContainer', 'teaserContainer'));
|
|
79
80
|
exports.StyledCardLink = style_1.styled.a(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n text-decoration: none;\n border: none;\n\n ", "\n\n ", "\n\n :before {\n content: '';\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n overflow: hidden;\n position: absolute;\n z-index: 1;\n }\n"], ["\n text-decoration: none;\n border: none;\n\n ", "\n\n ", "\n\n :before {\n content: '';\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n overflow: hidden;\n position: absolute;\n z-index: 1;\n }\n"])), (0, style_1.getStylePreset)('card.headline.interactive.kicker', 'kicker', {
|
|
80
81
|
nestedCssSelector: '.nk-headline-kicker',
|
|
81
82
|
}), (0, style_1.getStylePreset)('card.headline.interactive.heading', 'heading', {
|
|
82
83
|
nestedCssSelector: '.nk-headline-heading',
|
|
83
84
|
}));
|
|
84
|
-
exports.StyledCardContainerActions = (0, style_1.styled)(stack_1.Stack)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: auto;\n box-sizing: border-box;\n ", "\n ", "\n ", "\n position: relative;\n z-index: 2;\n"], ["\n height: auto;\n box-sizing: border-box;\n ", "\n ", "\n ", "\n position: relative;\n z-index: 2;\n"])), (0, style_1.getResponsiveSpace)('padding', 'card.actionsContainer', 'actionsContainer', 'spaceInset'), function (_a) {
|
|
85
|
+
exports.StyledCardContainerActions = (0, style_1.styled)(stack_1.Stack)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: auto;\n box-sizing: border-box;\n // LOGICAL_PROPS_TO_DO: remove the below func when logical props are used in defaults\n ", "\n ", ";\n ", "\n ", "\n position: relative;\n z-index: 2;\n"], ["\n height: auto;\n box-sizing: border-box;\n // LOGICAL_PROPS_TO_DO: remove the below func when logical props are used in defaults\n ", "\n ", ";\n ", "\n ", "\n position: relative;\n z-index: 2;\n"])), (0, style_1.getResponsiveSpace)('padding', 'card.actionsContainer', 'actionsContainer', 'spaceInset'), (0, logical_properties_1.logicalPaddingProps)('card.actionsContainer', 'actionsContainer'), function (_a) {
|
|
85
86
|
var hasHref = _a.hasHref, props = __rest(_a, ["hasHref"]);
|
|
86
87
|
return (0, utils_1.filterInteractiveStates)('actionsContainer', hasHref)(props);
|
|
87
88
|
}, (0, style_1.getResponsiveSize)('minHeight', 'card.actionsContainer', 'actionsContainer', 'minHeight'));
|
package/cjs/card/styled.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/card/styled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAGA,
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/card/styled.tsx"],"names":[],"mappings":"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"}
|
package/cjs/card/types.d.ts
CHANGED
|
@@ -1,23 +1,30 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ImageProps } from '../image/types';
|
|
3
3
|
import { BaseLinkProps } from '../link/types';
|
|
4
|
+
import { LogicalProps, LogicalPaddingProps } from '../utils/logical-properties';
|
|
4
5
|
import { MQ } from '../utils/style';
|
|
5
|
-
export interface CardOverridesProps {
|
|
6
|
+
export interface CardOverridesProps extends LogicalProps {
|
|
6
7
|
stylePreset?: MQ<string>;
|
|
7
8
|
horizontalRatio?: string;
|
|
8
9
|
mediaContainer?: {
|
|
9
10
|
stylePreset?: MQ<string>;
|
|
10
11
|
spaceInline?: MQ<string>;
|
|
11
|
-
};
|
|
12
|
+
} & LogicalPaddingProps;
|
|
12
13
|
teaserContainer?: {
|
|
13
14
|
stylePreset?: MQ<string>;
|
|
15
|
+
/**
|
|
16
|
+
* @deprecated This property is deprecated and will be removed in the next major release. Use `paddingInline` & `paddingBlock` instead.
|
|
17
|
+
*/
|
|
14
18
|
spaceInset?: MQ<string>;
|
|
15
|
-
};
|
|
19
|
+
} & LogicalPaddingProps;
|
|
16
20
|
actionsContainer?: {
|
|
17
21
|
stylePreset?: MQ<string>;
|
|
22
|
+
/**
|
|
23
|
+
* @deprecated This property is deprecated and will be removed in the next major release. Use `paddingInline` & `paddingBlock` instead.
|
|
24
|
+
*/
|
|
18
25
|
spaceInset?: MQ<string>;
|
|
19
26
|
minHeight?: string;
|
|
20
|
-
};
|
|
27
|
+
} & LogicalPaddingProps;
|
|
21
28
|
}
|
|
22
29
|
export declare type HasHref = {
|
|
23
30
|
hasHref?: boolean;
|
package/cjs/card/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/card/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,aAAa,EAAC,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/card/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,aAAa,EAAC,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAC,YAAY,EAAE,mBAAmB,EAAC,MAAM,6BAA6B,CAAC;AAC9E,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE;QACf,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,GAAG,mBAAmB,CAAC;IACxB,eAAe,CAAC,EAAE;QAChB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB;;WAEG;QACH,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KACzB,GAAG,mBAAmB,CAAC;IACxB,gBAAgB,CAAC,EAAE;QACjB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB;;WAEG;QACH,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACxB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,GAAG,mBAAmB,CAAC;CACzB;AAED,oBAAY,OAAO,GAAG;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,oBAAY,UAAU,GAAG,UAAU,GAAG,YAAY,GAAG,oBAAoB,CAAC;AAE1E,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,IAAI,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;IAC9B,MAAM,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC;IACxB,KAAK,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC9B,SAAS,CAAC,EAAE,kBAAkB,CAAC;CAChC"}
|
|
@@ -11,6 +11,7 @@ declare const _default: {
|
|
|
11
11
|
feedback: {
|
|
12
12
|
size: string;
|
|
13
13
|
stylePreset: string;
|
|
14
|
+
transitionPreset: string;
|
|
14
15
|
};
|
|
15
16
|
label: {
|
|
16
17
|
stylePreset: string;
|
|
@@ -28,6 +29,7 @@ declare const _default: {
|
|
|
28
29
|
feedback: {
|
|
29
30
|
size: string;
|
|
30
31
|
stylePreset: string;
|
|
32
|
+
transitionPreset: string;
|
|
31
33
|
};
|
|
32
34
|
label: {
|
|
33
35
|
stylePreset: string;
|
|
@@ -45,6 +47,7 @@ declare const _default: {
|
|
|
45
47
|
feedback: {
|
|
46
48
|
size: string;
|
|
47
49
|
stylePreset: string;
|
|
50
|
+
transitionPreset: string;
|
|
48
51
|
};
|
|
49
52
|
label: {
|
|
50
53
|
stylePreset: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/checkbox/defaults.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/checkbox/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAyDE"}
|