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
package/esm/byline/byline.js
CHANGED
|
@@ -2,8 +2,19 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
2
2
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
3
|
return cooked;
|
|
4
4
|
};
|
|
5
|
+
var __assign = (this && this.__assign) || function () {
|
|
6
|
+
__assign = Object.assign || function(t) {
|
|
7
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
8
|
+
s = arguments[i];
|
|
9
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
10
|
+
t[p] = s[p];
|
|
11
|
+
}
|
|
12
|
+
return t;
|
|
13
|
+
};
|
|
14
|
+
return __assign.apply(this, arguments);
|
|
15
|
+
};
|
|
5
16
|
import React from 'react';
|
|
6
|
-
import { styled,
|
|
17
|
+
import { styled, getStylePreset, getResponsiveSpace } from '../utils/style';
|
|
7
18
|
import { LinkInline } from '../link';
|
|
8
19
|
import { Stack } from '../stack';
|
|
9
20
|
import { getToken } from '../utils/get-token';
|
|
@@ -12,6 +23,7 @@ import { Block } from '../block';
|
|
|
12
23
|
import { TextBlock } from '../text-block';
|
|
13
24
|
import defaults from './defaults';
|
|
14
25
|
import { withOwnTheme } from '../utils/with-own-theme';
|
|
26
|
+
import { extractLogicalPropsFromOverrides } from '../utils/logical-properties';
|
|
15
27
|
var InlineBlock = styled(Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline-flex;\n"], ["\n display: inline-flex;\n"])));
|
|
16
28
|
var getStyledTextBlock = function (typographyPreset, stylePreset, spaceInline) { return function (_a) {
|
|
17
29
|
var children = _a.children, _b = _a.withSpace, withSpace = _b === void 0 ? false : _b, ariaHidden = _a.ariaHidden;
|
|
@@ -29,7 +41,7 @@ var isLastItem = function (currentIndex, length) {
|
|
|
29
41
|
return currentIndex === length - 1;
|
|
30
42
|
};
|
|
31
43
|
var ThemelessByline = function (_a) {
|
|
32
|
-
var bylineData = _a.bylineData,
|
|
44
|
+
var bylineData = _a.bylineData, _b = _a.overrides, overrides = _b === void 0 ? {} : _b;
|
|
33
45
|
var theme = useTheme();
|
|
34
46
|
var spaceStack = getToken({ theme: theme, overrides: overrides }, 'byline', '', 'spaceStack');
|
|
35
47
|
var linkStyles = getToken({ theme: theme, overrides: overrides }, 'byline.link', 'link', 'stylePreset');
|
|
@@ -37,7 +49,7 @@ var ThemelessByline = function (_a) {
|
|
|
37
49
|
var textStyles = getToken({ theme: theme, overrides: overrides }, 'byline', '', 'stylePreset');
|
|
38
50
|
var textTypes = getToken({ theme: theme, overrides: overrides }, 'byline', '', 'typographyPreset');
|
|
39
51
|
var dividerSpace = getToken({ theme: theme, overrides: overrides }, 'byline.divider', 'divider', 'spaceInline');
|
|
40
|
-
var PipeContainer = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n
|
|
52
|
+
var PipeContainer = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n ", "\n user-select: none;\n "], ["\n ", "\n ", "\n user-select: none;\n "])), getResponsiveSpace('marginLeft', 'byline.divider', 'divider', 'spaceInline'), getStylePreset('byline.divider', 'divider'));
|
|
41
53
|
var StyledTextBlockWithSpace = getStyledTextBlock(textTypes, textStyles, dividerSpace);
|
|
42
54
|
var BylineItem = function (_a) {
|
|
43
55
|
var lastItem = _a.lastItem, children = _a.children;
|
|
@@ -54,7 +66,8 @@ var ThemelessByline = function (_a) {
|
|
|
54
66
|
}
|
|
55
67
|
return location;
|
|
56
68
|
};
|
|
57
|
-
|
|
69
|
+
var logicalProps = extractLogicalPropsFromOverrides(overrides);
|
|
70
|
+
return (React.createElement(Stack, __assign({ flow: "horizontal-center", inline: true, wrap: "wrap", spaceStack: spaceStack }, logicalProps), bylineData.map(function (_a, i) {
|
|
58
71
|
var author = _a.author, href = _a.href, title = _a.title, location = _a.location, ariaLabel = _a.ariaLabel, key = _a.key;
|
|
59
72
|
var lastItem = isLastItem(i, bylineData.length);
|
|
60
73
|
var hasLinkOnly = href && !title && !location;
|
package/esm/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/esm/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/esm/caption/caption.js
CHANGED
|
@@ -1,3 +1,14 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
1
12
|
import React from 'react';
|
|
2
13
|
import { Block } from '../block';
|
|
3
14
|
import { getToken } from '../utils/get-token';
|
|
@@ -5,20 +16,22 @@ import { useTheme } from '../theme';
|
|
|
5
16
|
import { TextBlock } from '../text-block';
|
|
6
17
|
import { withOwnTheme } from '../utils/with-own-theme';
|
|
7
18
|
import defaults from './defaults';
|
|
19
|
+
import { extractLogicalPropsFromOverrides } from '../utils/logical-properties';
|
|
8
20
|
var ThemelessCaption = function (_a) {
|
|
9
21
|
var overrides = _a.overrides, children = _a.children, creditText = _a.creditText;
|
|
10
22
|
var theme = useTheme();
|
|
11
|
-
var
|
|
23
|
+
var captionGap = creditText && getToken({ theme: theme, overrides: overrides }, 'caption', '', 'spaceStack');
|
|
12
24
|
var captionStylePreset = getToken({ theme: theme, overrides: overrides }, 'caption', '', 'stylePreset');
|
|
13
25
|
var captionTypographyPreset = getToken({ theme: theme, overrides: overrides }, 'caption', '', 'typographyPreset');
|
|
14
26
|
var creditTypographyPreset = getToken({ theme: theme, overrides: overrides }, 'caption.credit', 'credit', 'typographyPreset');
|
|
15
27
|
var creditStylePreset = getToken({ theme: theme, overrides: overrides }, 'caption.credit', 'credit', 'stylePreset');
|
|
16
28
|
var captionInset = getToken({ theme: theme, overrides: overrides }, 'caption', '', 'spaceInset');
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
29
|
+
var logicalProps = extractLogicalPropsFromOverrides(overrides);
|
|
30
|
+
return (React.createElement(Block, __assign({ spaceInset: captionInset }, logicalProps),
|
|
31
|
+
React.createElement(TextBlock, { stylePreset: captionStylePreset, typographyPreset: captionTypographyPreset, marginBlockEnd: captionGap }, children),
|
|
20
32
|
creditText && (React.createElement(TextBlock, { stylePreset: creditStylePreset, typographyPreset: creditTypographyPreset }, creditText))));
|
|
21
33
|
};
|
|
34
|
+
// Caption will be rebuilt in https://nidigitalsolutions.jira.com/browse/PPDSC-2091
|
|
22
35
|
export var Caption = withOwnTheme(ThemelessCaption)({
|
|
23
36
|
defaults: defaults,
|
|
24
37
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"caption.js","sourceRoot":"","sources":["../../../src/caption/caption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAClC,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AACxC,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AACrD,OAAO,QAAQ,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"caption.js","sourceRoot":"","sources":["../../../src/caption/caption.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAClC,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AACxC,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AACrD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAC,gCAAgC,EAAC,MAAM,6BAA6B,CAAC;AAE7E,IAAM,gBAAgB,GAA2B,UAAC,EAIjD;QAHC,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,UAAU,gBAAA;IAEV,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAM,UAAU,GACd,UAAU,IAAI,QAAQ,CAAC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAAE,SAAS,EAAE,EAAE,EAAE,YAAY,CAAC,CAAC;IAE1E,IAAM,kBAAkB,GAAG,QAAQ,CACjC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,SAAS,EACT,EAAE,EACF,aAAa,CACd,CAAC;IAEF,IAAM,uBAAuB,GAAG,QAAQ,CACtC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,SAAS,EACT,EAAE,EACF,kBAAkB,CACnB,CAAC;IAEF,IAAM,sBAAsB,GAAG,QAAQ,CACrC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,gBAAgB,EAChB,QAAQ,EACR,kBAAkB,CACnB,CAAC;IACF,IAAM,iBAAiB,GAAG,QAAQ,CAChC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,gBAAgB,EAChB,QAAQ,EACR,aAAa,CACd,CAAC;IAEF,IAAM,YAAY,GAAG,QAAQ,CAC3B,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,SAAS,EACT,EAAE,EACF,YAAY,CACb,CAAC;IAEF,IAAM,YAAY,GAAG,gCAAgC,CAAC,SAAS,CAAC,CAAC;IAEjE,OAAO,CACL,oBAAC,KAAK,aAAC,UAAU,EAAE,YAAY,IAAM,YAAY;QAC/C,oBAAC,SAAS,IACR,WAAW,EAAE,kBAAkB,EAC/B,gBAAgB,EAAE,uBAAuB,EACzC,cAAc,EAAE,UAAU,IAEzB,QAAQ,CACC;QACX,UAAU,IAAI,CACb,oBAAC,SAAS,IACR,WAAW,EAAE,iBAAiB,EAC9B,gBAAgB,EAAE,sBAAsB,IAEvC,UAAU,CACD,CACb,CACK,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,mFAAmF;AACnF,MAAM,CAAC,IAAM,OAAO,GAAG,YAAY,CAAC,gBAAgB,CAAC,CAAC;IACpD,QAAQ,UAAA;CACT,CAAC,CAAC;AACH,gBAAgB,CAAC,WAAW,GAAG,SAAS,CAAC"}
|
package/esm/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/esm/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/esm/card/card.js
CHANGED
|
@@ -34,6 +34,7 @@ import { mergeBreakpointObject } from '../utils/merge-breakpoint-object';
|
|
|
34
34
|
import { withOwnTheme } from '../utils/with-own-theme';
|
|
35
35
|
import defaults from './defaults';
|
|
36
36
|
import stylePresets from './style-presets';
|
|
37
|
+
import { omitLogicalPropsFromOverrides } from '../utils/logical-properties';
|
|
37
38
|
// This key is needed to for the card headline (and to the link when it is wrapped)
|
|
38
39
|
// to avoid missing key prop warning from react.
|
|
39
40
|
// There is no need for the key to be automatically generated for now
|
|
@@ -102,12 +103,13 @@ var TeaserDecorator = function (_a) {
|
|
|
102
103
|
var ThemelessCard = React.forwardRef(function (_a, ref) {
|
|
103
104
|
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"]);
|
|
104
105
|
var hasHref = Boolean(href);
|
|
106
|
+
var nonLogicalOverrides = omitLogicalPropsFromOverrides(overrides);
|
|
105
107
|
return (React.createElement(StyledCardContainer, __assign({ hasHref: hasHref, layout: layout, overrides: overrides, ref: ref }, restProps),
|
|
106
108
|
media && (React.createElement(StyledCardContainerMedia, { layout: layout, mediaInteractive: mediaInteractive, hasHref: hasHref, overrides: overrides }, renderMedia(media))),
|
|
107
109
|
React.createElement(StyledCardContainerTeaserAndActions, { layout: layout, overrides: overrides },
|
|
108
110
|
children && (React.createElement(StyledCardContainerTeaser, { hasHref: hasHref, layout: layout, overrides: overrides },
|
|
109
111
|
React.createElement(TeaserDecorator, { href: href }, children))),
|
|
110
|
-
actions && (React.createElement(StyledCardContainerActions, { flow: Flow.HorizontalCenter, stackDistribution: StackDistribution.Start, hasHref: hasHref, wrap: "nowrap", overrides:
|
|
112
|
+
actions && (React.createElement(StyledCardContainerActions, { flow: Flow.HorizontalCenter, stackDistribution: StackDistribution.Start, hasHref: hasHref, wrap: "nowrap", overrides: nonLogicalOverrides }, renderIfReactComponent(actions))))));
|
|
111
113
|
});
|
|
112
114
|
export var Card = withOwnTheme(ThemelessCard)({ defaults: defaults, stylePresets: stylePresets });
|
|
113
115
|
Card.displayName = 'Card';
|
package/esm/card/card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/card/card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,KAAK,EAAa,MAAM,UAAU,CAAC;AAC3C,OAAO,EACL,mBAAmB,EACnB,wBAAwB,EACxB,mCAAmC,EACnC,yBAAyB,EACzB,0BAA0B,EAC1B,cAAc,GACf,MAAM,UAAU,CAAC;AAClB,OAAO,EAAC,IAAI,EAAE,iBAAiB,EAAC,MAAM,UAAU,CAAC;AACjD,OAAO,EACL,sBAAsB,EACtB,0BAA0B,GAC3B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,OAAO,EAAC,MAAM,mCAAmC,CAAC;AAC1D,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AAErC,OAAO,EAAwB,QAAQ,EAAC,MAAM,UAAU,CAAC;AACzD,OAAO,EAAC,wBAAwB,EAAC,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAC,SAAS,EAAC,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAC,qBAAqB,EAAC,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AACrD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,YAAY,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/card/card.tsx"],"names":[],"mappings":"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"}
|
package/esm/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/esm/card/styled.js
CHANGED
|
@@ -13,13 +13,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
13
13
|
}
|
|
14
14
|
return t;
|
|
15
15
|
};
|
|
16
|
-
import { styled, getStylePreset, handleResponsiveProp, getResponsiveSpace, getResponsiveSize, } from '../utils/style';
|
|
16
|
+
import { styled, getStylePreset, handleResponsiveProp, getResponsiveSpace, getResponsiveSize, getBorderCssFromTheme, } from '../utils/style';
|
|
17
17
|
import { Stack } from '../stack';
|
|
18
18
|
import { filterInteractiveStates, getHorizontalRatio, isHorizontal, isReverse, } from './utils';
|
|
19
|
+
import { logicalPaddingProps, logicalProps } from '../utils/logical-properties';
|
|
19
20
|
var DEFAULT_PROPS = {
|
|
20
21
|
layout: 'vertical',
|
|
21
22
|
};
|
|
22
|
-
export var StyledCardContainer = 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) {
|
|
23
|
+
export var StyledCardContainer = 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) {
|
|
23
24
|
var hasHref = _a.hasHref, props = __rest(_a, ["hasHref"]);
|
|
24
25
|
return filterInteractiveStates('', hasHref)(props);
|
|
25
26
|
}, handleResponsiveProp({ layout: DEFAULT_PROPS.layout }, function (_a) {
|
|
@@ -29,8 +30,8 @@ export var StyledCardContainer = styled.div(templateObject_1 || (templateObject_
|
|
|
29
30
|
? "row".concat(isReverse(layout) && '-reverse')
|
|
30
31
|
: 'column'),
|
|
31
32
|
});
|
|
32
|
-
}));
|
|
33
|
-
export var StyledCardContainerMedia = 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"])), handleResponsiveProp({ layout: DEFAULT_PROPS.layout }, function (_a, _b) {
|
|
33
|
+
}), logicalProps('card'));
|
|
34
|
+
export var StyledCardContainerMedia = 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"])), getBorderCssFromTheme('borderRadius', 'borderRadiusRounded010'), handleResponsiveProp({ layout: DEFAULT_PROPS.layout }, function (_a, _b) {
|
|
34
35
|
var layout = _a.layout;
|
|
35
36
|
var overrides = _b.overrides, theme = _b.theme;
|
|
36
37
|
if (isHorizontal(layout)) {
|
|
@@ -48,7 +49,7 @@ export var StyledCardContainerMedia = styled.div(templateObject_2 || (templateOb
|
|
|
48
49
|
marginDirection = 'marginRight';
|
|
49
50
|
}
|
|
50
51
|
return getResponsiveSpace(marginDirection, 'card.mediaContainer', 'mediaContainer', 'spaceInline')(props);
|
|
51
|
-
}), function (_a) {
|
|
52
|
+
}), logicalPaddingProps('card.mediaContainer', 'mediaContainer'), function (_a) {
|
|
52
53
|
var mediaInteractive = _a.mediaInteractive;
|
|
53
54
|
return (mediaInteractive ? 'z-index: 2;' : null);
|
|
54
55
|
}, function (_a) {
|
|
@@ -64,7 +65,7 @@ export var StyledCardContainerTeaserAndActions = styled.div(templateObject_3 ||
|
|
|
64
65
|
}
|
|
65
66
|
return {};
|
|
66
67
|
}));
|
|
67
|
-
export var StyledCardContainerTeaser = 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"])), handleResponsiveProp({ layout: DEFAULT_PROPS.layout }, function (_a) {
|
|
68
|
+
export var StyledCardContainerTeaser = 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"])), handleResponsiveProp({ layout: DEFAULT_PROPS.layout }, function (_a) {
|
|
68
69
|
var layout = _a.layout;
|
|
69
70
|
return ({
|
|
70
71
|
flex: isHorizontal(layout) ? 1 : undefined,
|
|
@@ -72,13 +73,13 @@ export var StyledCardContainerTeaser = styled.div(templateObject_4 || (templateO
|
|
|
72
73
|
}), function (_a) {
|
|
73
74
|
var hasHref = _a.hasHref, props = __rest(_a, ["hasHref"]);
|
|
74
75
|
return filterInteractiveStates('teaserContainer', hasHref)(props);
|
|
75
|
-
}, getResponsiveSpace('padding', 'card.teaserContainer', 'teaserContainer', 'spaceInset'));
|
|
76
|
+
}, getResponsiveSpace('padding', 'card.teaserContainer', 'teaserContainer', 'spaceInset'), logicalPaddingProps('card.teaserContainer', 'teaserContainer'));
|
|
76
77
|
export var StyledCardLink = 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"])), getStylePreset('card.headline.interactive.kicker', 'kicker', {
|
|
77
78
|
nestedCssSelector: '.nk-headline-kicker',
|
|
78
79
|
}), getStylePreset('card.headline.interactive.heading', 'heading', {
|
|
79
80
|
nestedCssSelector: '.nk-headline-heading',
|
|
80
81
|
}));
|
|
81
|
-
export var StyledCardContainerActions = styled(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"])), getResponsiveSpace('padding', 'card.actionsContainer', 'actionsContainer', 'spaceInset'), function (_a) {
|
|
82
|
+
export var StyledCardContainerActions = styled(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"])), getResponsiveSpace('padding', 'card.actionsContainer', 'actionsContainer', 'spaceInset'), logicalPaddingProps('card.actionsContainer', 'actionsContainer'), function (_a) {
|
|
82
83
|
var hasHref = _a.hasHref, props = __rest(_a, ["hasHref"]);
|
|
83
84
|
return filterInteractiveStates('actionsContainer', hasHref)(props);
|
|
84
85
|
}, getResponsiveSize('minHeight', 'card.actionsContainer', 'actionsContainer', 'minHeight'));
|
package/esm/card/styled.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/card/styled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAGA,OAAO,EACL,MAAM,EACN,cAAc,EACd,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/card/styled.tsx"],"names":[],"mappings":"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"}
|
package/esm/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/esm/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"}
|
package/esm/checkbox/defaults.js
CHANGED
|
@@ -10,7 +10,8 @@ export default {
|
|
|
10
10
|
},
|
|
11
11
|
feedback: {
|
|
12
12
|
size: 'sizing070',
|
|
13
|
-
stylePreset: '
|
|
13
|
+
stylePreset: 'feedback',
|
|
14
|
+
transitionPreset: 'opacityChange',
|
|
14
15
|
},
|
|
15
16
|
label: {
|
|
16
17
|
stylePreset: 'controlLabel',
|
|
@@ -27,7 +28,8 @@ export default {
|
|
|
27
28
|
},
|
|
28
29
|
feedback: {
|
|
29
30
|
size: 'sizing080',
|
|
30
|
-
stylePreset: '
|
|
31
|
+
stylePreset: 'feedback',
|
|
32
|
+
transitionPreset: 'opacityChange',
|
|
31
33
|
},
|
|
32
34
|
label: {
|
|
33
35
|
stylePreset: 'controlLabel',
|
|
@@ -44,7 +46,8 @@ export default {
|
|
|
44
46
|
},
|
|
45
47
|
feedback: {
|
|
46
48
|
size: 'sizing090',
|
|
47
|
-
stylePreset: '
|
|
49
|
+
stylePreset: 'feedback',
|
|
50
|
+
transitionPreset: 'opacityChange',
|
|
48
51
|
},
|
|
49
52
|
label: {
|
|
50
53
|
stylePreset: 'controlLabel',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/checkbox/defaults.ts"],"names":[],"mappings":"AAAA,eAAe;IACb,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,UAAU,EAAE,UAAU;YACtB,KAAK,EAAE;gBACL,IAAI,EAAE,WAAW;gBACjB,WAAW,EAAE,eAAe;gBAC5B,WAAW,EAAE,UAAU;gBACvB,gBAAgB,EAAE,CAAC,uBAAuB,EAAE,mBAAmB,CAAC;aACjE;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,WAAW;gBACjB,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/checkbox/defaults.ts"],"names":[],"mappings":"AAAA,eAAe;IACb,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,UAAU,EAAE,UAAU;YACtB,KAAK,EAAE;gBACL,IAAI,EAAE,WAAW;gBACjB,WAAW,EAAE,eAAe;gBAC5B,WAAW,EAAE,UAAU;gBACvB,gBAAgB,EAAE,CAAC,uBAAuB,EAAE,mBAAmB,CAAC;aACjE;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,WAAW;gBACjB,WAAW,EAAE,UAAU;gBACvB,gBAAgB,EAAE,eAAe;aAClC;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,cAAc;gBAC3B,gBAAgB,EAAE,gBAAgB;aACnC;SACF;QACD,MAAM,EAAE;YACN,UAAU,EAAE,UAAU;YACtB,KAAK,EAAE;gBACL,IAAI,EAAE,WAAW;gBACjB,WAAW,EAAE,eAAe;gBAC5B,WAAW,EAAE,UAAU;gBACvB,gBAAgB,EAAE,CAAC,uBAAuB,EAAE,mBAAmB,CAAC;aACjE;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,WAAW;gBACjB,WAAW,EAAE,UAAU;gBACvB,gBAAgB,EAAE,eAAe;aAClC;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,cAAc;gBAC3B,gBAAgB,EAAE,gBAAgB;aACnC;SACF;QACD,KAAK,EAAE;YACL,UAAU,EAAE,UAAU;YACtB,KAAK,EAAE;gBACL,IAAI,EAAE,WAAW;gBACjB,WAAW,EAAE,eAAe;gBAC5B,WAAW,EAAE,UAAU;gBACvB,gBAAgB,EAAE,CAAC,uBAAuB,EAAE,mBAAmB,CAAC;aACjE;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,WAAW;gBACjB,WAAW,EAAE,UAAU;gBACvB,gBAAgB,EAAE,eAAe;aAClC;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,cAAc;gBAC3B,gBAAgB,EAAE,gBAAgB;aACnC;SACF;KACF;CACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/checkbox/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;AAE3C,
|
|
1
|
+
{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/checkbox/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;AAE3C,wBA6GiC"}
|
|
@@ -105,36 +105,5 @@ export default {
|
|
|
105
105
|
iconColor: '{{colors.inkNonEssential}}',
|
|
106
106
|
},
|
|
107
107
|
},
|
|
108
|
-
checkboxFeedback: {
|
|
109
|
-
base: {
|
|
110
|
-
backgroundColor: '{{colors.transparent}}',
|
|
111
|
-
borderRadius: '{{borders.borderRadiusCircle}}',
|
|
112
|
-
},
|
|
113
|
-
hover: {
|
|
114
|
-
backgroundColor: '{{colors.interactiveInput030}}',
|
|
115
|
-
},
|
|
116
|
-
'valid:hover': {
|
|
117
|
-
backgroundColor: '{{colors.interactivePositive010}}',
|
|
118
|
-
},
|
|
119
|
-
'valid:focus:hover': {
|
|
120
|
-
backgroundColor: '{{colors.interactivePositive010}}',
|
|
121
|
-
},
|
|
122
|
-
'invalid:hover': {
|
|
123
|
-
backgroundColor: '{{colors.interactiveNegative010}}',
|
|
124
|
-
},
|
|
125
|
-
'invalid:focus:hover': {
|
|
126
|
-
backgroundColor: '{{colors.interactiveNegative010}}',
|
|
127
|
-
},
|
|
128
|
-
// TODO: Remove when we have generic focus style
|
|
129
|
-
focus: {
|
|
130
|
-
backgroundColor: '{{colors.interactiveInput030}}',
|
|
131
|
-
},
|
|
132
|
-
'valid:focus': {
|
|
133
|
-
backgroundColor: '{{colors.interactivePositive010}}',
|
|
134
|
-
},
|
|
135
|
-
'invalid:focus': {
|
|
136
|
-
backgroundColor: '{{colors.interactiveNegative010}}',
|
|
137
|
-
},
|
|
138
|
-
},
|
|
139
108
|
};
|
|
140
109
|
//# sourceMappingURL=style-presets.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/checkbox/style-presets.ts"],"names":[],"mappings":"AAEA,eAAe;IACb,aAAa,EAAE;QACb,IAAI,EAAE;YACJ,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,gCAAgC;YAC7C,WAAW,EAAE,4BAA4B;YACzC,YAAY,EAAE,oCAAoC;YAClD,WAAW,EAAE,OAAO;YACpB,SAAS,EAAE,uBAAuB;SACnC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,gCAAgC;SAC9C;QACD,KAAK,EAAE,EAAE;QACT,aAAa,EAAE;YACb,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,gCAAgC;SAC9C;QACD,OAAO,EAAE;YACP,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,gCAAgC;SAC9C;QACD,eAAe,EAAE;YACf,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,gCAAgC;SAC9C;QACD,eAAe,EAAE;YACf,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,gCAAgC;SAC9C;QACD,qBAAqB,EAAE;YACrB,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,gCAAgC;SAC9C;QACD,OAAO,EAAE;YACP,WAAW,EAAE,mCAAmC;SACjD;QACD,eAAe,EAAE;YACf,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,eAAe,EAAE;YACf,WAAW,EAAE,mCAAmC;SACjD;QAED,qBAAqB,EAAE;YACrB,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,iBAAiB,EAAE;YACjB,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,uBAAuB,EAAE;YACvB,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,uBAAuB,EAAE;YACvB,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,6BAA6B,EAAE;YAC7B,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,KAAK,EAAE;YACL,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,mCAAmC;SACjD;QACD,aAAa,EAAE;YACb,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,aAAa,EAAE;YACb,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,mCAAmC;SACjD;QAED,mBAAmB,EAAE;YACnB,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,eAAe,EAAE;YACf,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,qBAAqB,EAAE;YACrB,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,qBAAqB,EAAE;YACrB,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,2BAA2B,EAAE;YAC3B,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,mCAAmC;SACjD;QACD,kBAAkB,EAAE;YAClB,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;YAChD,SAAS,EAAE,4BAA4B;SACxC;KACF;
|
|
1
|
+
{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/checkbox/style-presets.ts"],"names":[],"mappings":"AAEA,eAAe;IACb,aAAa,EAAE;QACb,IAAI,EAAE;YACJ,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,gCAAgC;YAC7C,WAAW,EAAE,4BAA4B;YACzC,YAAY,EAAE,oCAAoC;YAClD,WAAW,EAAE,OAAO;YACpB,SAAS,EAAE,uBAAuB;SACnC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,gCAAgC;SAC9C;QACD,KAAK,EAAE,EAAE;QACT,aAAa,EAAE;YACb,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,gCAAgC;SAC9C;QACD,OAAO,EAAE;YACP,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,gCAAgC;SAC9C;QACD,eAAe,EAAE;YACf,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,gCAAgC;SAC9C;QACD,eAAe,EAAE;YACf,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,gCAAgC;SAC9C;QACD,qBAAqB,EAAE;YACrB,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,gCAAgC;SAC9C;QACD,OAAO,EAAE;YACP,WAAW,EAAE,mCAAmC;SACjD;QACD,eAAe,EAAE;YACf,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,eAAe,EAAE;YACf,WAAW,EAAE,mCAAmC;SACjD;QAED,qBAAqB,EAAE;YACrB,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,iBAAiB,EAAE;YACjB,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,uBAAuB,EAAE;YACvB,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,uBAAuB,EAAE;YACvB,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,6BAA6B,EAAE;YAC7B,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,KAAK,EAAE;YACL,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,mCAAmC;SACjD;QACD,aAAa,EAAE;YACb,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,aAAa,EAAE;YACb,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,mCAAmC;SACjD;QAED,mBAAmB,EAAE;YACnB,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,eAAe,EAAE;YACf,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,qBAAqB,EAAE;YACrB,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,qBAAqB,EAAE;YACrB,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,2BAA2B,EAAE;YAC3B,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,mCAAmC;SACjD;QACD,kBAAkB,EAAE;YAClB,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;YAChD,SAAS,EAAE,4BAA4B;SACxC;KACF;CAC6B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-time.d.ts","sourceRoot":"","sources":["../../../src/date-time/date-time.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"date-time.d.ts","sourceRoot":"","sources":["../../../src/date-time/date-time.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AA8EtC,eAAO,MAAM,QAAQ,yEAEnB,CAAC"}
|
|
@@ -21,6 +21,7 @@ import { useTheme } from '../theme';
|
|
|
21
21
|
import { getToken } from '../utils/get-token';
|
|
22
22
|
import defaults from './defaults';
|
|
23
23
|
import { withOwnTheme } from '../utils/with-own-theme';
|
|
24
|
+
import { extractLogicalPropsFromOverrides, logicalProps, } from '../utils/logical-properties';
|
|
24
25
|
var StyledDateText = styled(TextBlock)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n white-space: pre;\n &:before,\n &:after {\n white-space: normal;\n }\n"], ["\n white-space: pre;\n &:before,\n &:after {\n white-space: normal;\n }\n"])));
|
|
25
26
|
var StyledPrefix = StyledDateText;
|
|
26
27
|
var StyledSuffix = StyledDateText;
|
|
@@ -35,7 +36,9 @@ var ThemelessDateTime = function (_a) {
|
|
|
35
36
|
var prefixPresets = getPresets('prefix');
|
|
36
37
|
var datePresets = getPresets('');
|
|
37
38
|
var suffixPresets = getPresets('suffix');
|
|
38
|
-
|
|
39
|
+
var StyledTime = styled.time(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), logicalProps('dateTime'));
|
|
40
|
+
var logicalPropsOverrides = extractLogicalPropsFromOverrides(overrides);
|
|
41
|
+
return (React.createElement(StyledTime, __assign({}, logicalPropsOverrides),
|
|
39
42
|
prefix && (React.createElement(StyledPrefix, __assign({ as: "span" }, prefixPresets), "".concat(prefix, " "))),
|
|
40
43
|
React.createElement(StyledDateText, __assign({ as: "span" }, datePresets),
|
|
41
44
|
format(new Date(date), dateFormat),
|
|
@@ -45,5 +48,5 @@ var ThemelessDateTime = function (_a) {
|
|
|
45
48
|
export var DateTime = withOwnTheme(ThemelessDateTime)({
|
|
46
49
|
defaults: defaults,
|
|
47
50
|
});
|
|
48
|
-
var templateObject_1;
|
|
51
|
+
var templateObject_1, templateObject_2;
|
|
49
52
|
//# sourceMappingURL=date-time.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-time.js","sourceRoot":"","sources":["../../../src/date-time/date-time.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAEtC,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AACxC,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAC5C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"date-time.js","sourceRoot":"","sources":["../../../src/date-time/date-time.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAEtC,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AACxC,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAC5C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AACrD,OAAO,EACL,gCAAgC,EAChC,YAAY,GACb,MAAM,6BAA6B,CAAC;AAErC,IAAM,cAAc,GAAG,MAAM,CAAC,SAAS,CAAC,qJAAA,kFAMvC,IAAA,CAAC;AAEF,IAAM,YAAY,GAAG,cAAc,CAAC;AACpC,IAAM,YAAY,GAAG,cAAc,CAAC;AAEpC,IAAM,iBAAiB,GAAG,2BAA2B,CAAC;AAEtD,IAAM,iBAAiB,GAA4B,UAAC,EAMnD;QALC,IAAI,UAAA,EACJ,kBAA8B,EAA9B,UAAU,mBAAG,iBAAiB,KAAA,EAC9B,MAAM,YAAA,EACN,MAAM,YAAA,EACN,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IAEd,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,IAAM,UAAU,GAAG,UAAC,IAAY,IAAK,OAAA,CAAC;QACpC,gBAAgB,EAAE,QAAQ,CACxB,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,mBAAY,IAAI,CAAE,EAClB,UAAG,IAAI,CAAE,EACT,kBAAkB,CACnB;QACD,WAAW,EAAE,QAAQ,CACnB,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,mBAAY,IAAI,CAAE,EAClB,UAAG,IAAI,CAAE,EACT,aAAa,CACd;KACF,CAAC,EAbmC,CAanC,CAAC;IAEH,IAAM,aAAa,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC3C,IAAM,WAAW,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;IACnC,IAAM,aAAa,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;IAE3C,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,mFAAA,QAC1B,EAAwB,MAC3B,KADG,YAAY,CAAC,UAAU,CAAC,CAC3B,CAAC;IAEF,IAAM,qBAAqB,GAAG,gCAAgC,CAAC,SAAS,CAAC,CAAC;IAE1E,OAAO,CACL,oBAAC,UAAU,eAAK,qBAAqB;QAClC,MAAM,IAAI,CACT,oBAAC,YAAY,aAAC,EAAE,EAAC,MAAM,IAAK,aAAa,GACtC,UAAG,MAAM,MAAG,CACA,CAChB;QACD,oBAAC,cAAc,aAAC,EAAE,EAAC,MAAM,IAAK,WAAW;YACtC,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;YAClC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CACL;QAChB,MAAM,IAAI,CACT,oBAAC,YAAY,aAAC,EAAE,EAAC,MAAM,IAAK,aAAa,GACtC,MAAM,CACM,CAChB,CACU,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,YAAY,CAAC,iBAAiB,CAAC,CAAC;IACtD,QAAQ,UAAA;CACT,CAAC,CAAC"}
|
package/esm/date-time/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 DateTimeProps {
|
|
3
4
|
date: string | number;
|
|
@@ -15,6 +16,6 @@ export interface DateTimeProps {
|
|
|
15
16
|
stylePreset?: MQ<string>;
|
|
16
17
|
typographyPreset?: MQ<string>;
|
|
17
18
|
};
|
|
18
|
-
};
|
|
19
|
+
} & LogicalProps;
|
|
19
20
|
}
|
|
20
21
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/date-time/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAC9B,MAAM,CAAC,EAAE;YACP,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SAC/B,CAAC;QACF,MAAM,CAAC,EAAE;YACP,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SAC/B,CAAC;KACH,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/date-time/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAC9B,MAAM,CAAC,EAAE;YACP,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SAC/B,CAAC;QACF,MAAM,CAAC,EAAE;YACP,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SAC/B,CAAC;KACH,GAAG,YAAY,CAAC;CAClB"}
|
package/esm/divider/divider.d.ts
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { MQ } from '../utils/style';
|
|
2
|
+
import { LogicalProps } from '../utils/logical-properties';
|
|
2
3
|
export interface DividerOverrides {
|
|
3
4
|
stylePreset?: MQ<string>;
|
|
4
5
|
}
|
|
5
6
|
export interface DividerProps {
|
|
6
7
|
vertical?: MQ<boolean>;
|
|
7
|
-
overrides?: DividerOverrides;
|
|
8
|
+
overrides?: DividerOverrides & LogicalProps;
|
|
8
9
|
}
|
|
9
10
|
export declare const Divider: import("../utils/with-own-theme").NewsKitReactComponents<DividerProps>;
|
|
10
11
|
//# sourceMappingURL=divider.d.ts.map
|