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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/audio-player/styled.ts"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/audio-player/styled.ts"],"names":[],"mappings":";AAGA,OAAO,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAGzC,eAAO,MAAM,UAAU;;;;UAEtB,CAAC;AAEF,eAAO,MAAM,eAAe;;;yIAK3B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;qBACV,MAAM;UASxB,CAAC"}
|
|
@@ -5,8 +5,9 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
5
5
|
import { styled } from '../utils/style';
|
|
6
6
|
import { Grid } from '../grid/grid';
|
|
7
7
|
import { Hidden } from '../grid';
|
|
8
|
+
import { logicalProps } from '../utils/logical-properties';
|
|
8
9
|
export var PlayerGrid = styled(Grid)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n box-sizing: border-box;\n"], ["\n box-sizing: border-box;\n"])));
|
|
9
|
-
export var PlayerContainer = styled.section(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
|
|
10
|
+
export var PlayerContainer = styled.section(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 100%;\n ", ";\n"], ["\n width: 100%;\n ", ";\n"])), logicalProps('audioPlayer'));
|
|
10
11
|
export var ControlContainer = styled(Hidden)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n box-sizing: border-box;\n width: calc(\n 184px + ", "\n );\n padding: 0\n ", ";\n"], ["\n box-sizing: border-box;\n width: calc(\n 184px + ", "\n );\n padding: 0\n ", ";\n"])), function (_a) {
|
|
11
12
|
var theme = _a.theme, playerTrackSize = _a.playerTrackSize;
|
|
12
13
|
return "".concat(theme.sizing[playerTrackSize]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/audio-player/styled.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAClC,OAAO,EAAC,MAAM,EAAC,MAAM,SAAS,CAAC;AAE/B,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,kGAAA,+BAErC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/audio-player/styled.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAClC,OAAO,EAAC,MAAM,EAAC,MAAM,SAAS,CAAC;AAE/B,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AAEzD,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,kGAAA,+BAErC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,OAAO,gGAE5C,sBAEG,EAA2B,KAC9B,KADG,YAAY,CAAC,aAAa,CAAC,CAC9B,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,mKAE5C,2DAGY,EAAgE,4BAGxE,EAC4C,KACjD,KALa,UAAC,EAAwB;QAAvB,KAAK,WAAA,EAAE,eAAe,qBAAA;IAAM,OAAA,UAAG,KAAK,CAAC,MAAM,CAAC,eAAe,CAAC,CAAE;AAAlC,CAAkC,EAGxE,UAAC,EAAwB;QAAvB,KAAK,WAAA,EAAE,eAAe,qBAAA;IACxB,OAAA,eAAQ,KAAK,CAAC,MAAM,CAAC,eAAe,CAAC,UAAO;AAA5C,CAA4C,CACjD,CAAC"}
|
|
@@ -3,6 +3,7 @@ import { TrackControlProps, ControlsOverrideProps } from './controls';
|
|
|
3
3
|
import { SliderOverrideProps } from '../slider';
|
|
4
4
|
import { VolumeControlOverrideProps } from '../volume-control';
|
|
5
5
|
import { MQ } from '../utils/style';
|
|
6
|
+
import { LogicalProps } from '../utils/logical-properties';
|
|
6
7
|
export interface AudioPlayerProps extends Omit<React.AudioHTMLAttributes<HTMLAudioElement>, 'controls'>, TrackControlProps {
|
|
7
8
|
captionSrc?: string;
|
|
8
9
|
popoutHref?: string;
|
|
@@ -20,7 +21,7 @@ export interface AudioPlayerProps extends Omit<React.AudioHTMLAttributes<HTMLAud
|
|
|
20
21
|
};
|
|
21
22
|
controls?: ControlsOverrideProps;
|
|
22
23
|
volumeControl?: VolumeControlOverrideProps;
|
|
23
|
-
};
|
|
24
|
+
} & LogicalProps;
|
|
24
25
|
}
|
|
25
26
|
export declare enum AudioEvents {
|
|
26
27
|
Play = "onPlay",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/audio-player/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,iBAAiB,EAAE,qBAAqB,EAAC,MAAM,YAAY,CAAC;AACpE,OAAO,EAAC,mBAAmB,EAAC,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAC,0BAA0B,EAAC,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/audio-player/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,iBAAiB,EAAE,qBAAqB,EAAC,MAAM,YAAY,CAAC;AACpE,OAAO,EAAC,mBAAmB,EAAC,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAC,0BAA0B,EAAC,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AAEzD,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,EACnE,iBAAiB;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE;QACV,OAAO,CAAC,EAAE;YACR,MAAM,CAAC,EAAE,mBAAmB,CAAC;YAC7B,SAAS,CAAC,EAAE;gBACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;aAC1B,CAAC;SACH,CAAC;QACF,QAAQ,CAAC,EAAE,qBAAqB,CAAC;QACjC,aAAa,CAAC,EAAE,0BAA0B,CAAC;KAC5C,GAAG,YAAY,CAAC;CAClB;AAED,oBAAY,WAAW;IACrB,IAAI,WAAW;IACf,KAAK,YAAY;IACjB,OAAO,cAAc;IACrB,OAAO,cAAc;IACrB,KAAK,YAAY;IACjB,YAAY,mBAAmB;IAC/B,cAAc,qBAAqB;IACnC,UAAU,iBAAiB;IAC3B,QAAQ,eAAe;CACxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/audio-player/types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/audio-player/types.ts"],"names":[],"mappings":"AA4BA,MAAM,CAAN,IAAY,WAUX;AAVD,WAAY,WAAW;IACrB,8BAAe,CAAA;IACf,gCAAiB,CAAA;IACjB,oCAAqB,CAAA;IACrB,oCAAqB,CAAA;IACrB,gCAAiB,CAAA;IACjB,8CAA+B,CAAA;IAC/B,kDAAmC,CAAA;IACnC,0CAA2B,CAAA;IAC3B,sCAAuB,CAAA;AACzB,CAAC,EAVW,WAAW,KAAX,WAAW,QAUtB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/defaults.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAsBE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/defaults.ts"],"names":[],"mappings":"AAAA,eAAe;IACb,kBAAkB,EAAE;QAClB,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,WAAW,EAAE,cAAc;gBAC3B,IAAI,EAAE,WAAW;aAClB;YACD,SAAS,EAAE;gBACT,WAAW,EAAE,kBAAkB;aAChC;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,cAAc;gBAC3B,IAAI,EAAE,WAAW;aAClB;SACF;QACD,SAAS,EAAE;YACT,WAAW,EAAE,kBAAkB;SAChC;KACF;CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/defaults.ts"],"names":[],"mappings":"AAAA,eAAe;IACb,kBAAkB,EAAE;QAClB,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,WAAW,EAAE,cAAc;gBAC3B,IAAI,EAAE,WAAW;aAClB;YACD,SAAS,EAAE;gBACT,WAAW,EAAE,kBAAkB;aAChC;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,cAAc;gBAC3B,IAAI,EAAE,WAAW;aAClB;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,WAAW;aAClB;SACF;QACD,SAAS,EAAE;YACT,WAAW,EAAE,kBAAkB;SAChC;KACF;CACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"banner-internal.d.ts","sourceRoot":"","sources":["../../../src/banner/banner-internal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"banner-internal.d.ts","sourceRoot":"","sources":["../../../src/banner/banner-internal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AA0B5C,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkJxD,CAAC"}
|
|
@@ -35,6 +35,7 @@ import { deepMerge } from '../utils';
|
|
|
35
35
|
import { mergeBreakpointObject } from '../utils/merge-breakpoint-object';
|
|
36
36
|
import { Cell, Grid } from '../grid';
|
|
37
37
|
import { childrenIsString } from '../utils/react-children-utilities';
|
|
38
|
+
import { omitLogicalPropsFromOverrides } from '../utils/logical-properties';
|
|
38
39
|
export var BannerInternal = function (_a) {
|
|
39
40
|
var _b, _c, _d, _e;
|
|
40
41
|
var actions = _a.actions, children = _a.children, icon = _a.icon, overrides = _a.overrides, layout = _a.layout, _f = _a.closeButtonLabel, closeButtonLabel = _f === void 0 ? 'Close' : _f, onClose = _a.onClose, title = _a.title, restProps = __rest(_a, ["actions", "children", "icon", "overrides", "layout", "closeButtonLabel", "onClose", "title"]);
|
|
@@ -44,17 +45,18 @@ export var BannerInternal = function (_a) {
|
|
|
44
45
|
var actionKeys = useReactKeys(actionsCount);
|
|
45
46
|
var actionsSpacing = ((_c = overrides === null || overrides === void 0 ? void 0 : overrides.actions) === null || _c === void 0 ? void 0 : _c.spaceInline) ||
|
|
46
47
|
theme.componentDefaults.banner[layout].actions.spaceInline;
|
|
48
|
+
var nonLogicalOverrides = omitLogicalPropsFromOverrides(overrides);
|
|
47
49
|
return (React.createElement(StyledBannerContainer, __assign({ role: "region", "data-testid": "banner-container", overrides: overrides, layout: layout }, restProps),
|
|
48
50
|
React.createElement(Grid, __assign({}, (_d = overrides === null || overrides === void 0 ? void 0 : overrides.grid) === null || _d === void 0 ? void 0 : _d.props),
|
|
49
51
|
React.createElement(Cell, __assign({ xs: 12 }, (_e = overrides === null || overrides === void 0 ? void 0 : overrides.cell) === null || _e === void 0 ? void 0 : _e.props),
|
|
50
52
|
React.createElement(StyledMaxWidthContainer, { flow: layout === 'vertical'
|
|
51
53
|
? Flow.VerticalCenter
|
|
52
|
-
: Flow.HorizontalCenter, stackDistribution: "flex-start", wrap: "nowrap", layout: layout, overrides:
|
|
53
|
-
React.createElement(StyledIconContentContainer, { flow: Flow.HorizontalTop, stackDistribution: "flex-start", wrap: "nowrap", layout: layout, overrides:
|
|
54
|
-
icon && (React.createElement(StyledIconContainer, { layout: layout, overrides:
|
|
54
|
+
: Flow.HorizontalCenter, stackDistribution: "flex-start", wrap: "nowrap", layout: layout, overrides: nonLogicalOverrides },
|
|
55
|
+
React.createElement(StyledIconContentContainer, { flow: Flow.HorizontalTop, stackDistribution: "flex-start", wrap: "nowrap", layout: layout, overrides: nonLogicalOverrides, height: "auto" },
|
|
56
|
+
icon && (React.createElement(StyledIconContainer, { layout: layout, overrides: nonLogicalOverrides }, icon)),
|
|
55
57
|
React.createElement(StyledContentContainer, null,
|
|
56
|
-
title && (React.createElement(StyledTitleContainer, { as: "span", layout: layout, overrides:
|
|
57
|
-
React.createElement(StyledMessageContainer, { layout: layout, overrides:
|
|
58
|
+
title && (React.createElement(StyledTitleContainer, { as: "span", layout: layout, overrides: nonLogicalOverrides }, title)),
|
|
59
|
+
React.createElement(StyledMessageContainer, { layout: layout, overrides: nonLogicalOverrides, as: childrenIsString(children) ? 'p' : 'div' }, children))),
|
|
58
60
|
((actions === null || actions === void 0 ? void 0 : actions.length) || onClose) && (React.createElement(StyledActionsContainer, { flow: layout === 'vertical'
|
|
59
61
|
? Flow.VerticalCenter
|
|
60
62
|
: Flow.HorizontalCenter, stackDistribution: StackDistribution.Start, spaceInline: actionsSpacing, layout: layout },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"banner-internal.js","sourceRoot":"","sources":["../../../src/banner/banner-internal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,qBAAqB,EACrB,uBAAuB,EACvB,sBAAsB,EACtB,mBAAmB,EACnB,sBAAsB,EACtB,sBAAsB,EACtB,0BAA0B,EAC1B,oBAAoB,GACrB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAC,sBAAsB,EAAC,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAC,IAAI,EAAE,iBAAiB,EAAC,MAAM,UAAU,CAAC;AACjD,OAAO,EAAC,eAAe,EAAE,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAiB,QAAQ,EAAC,MAAM,UAAU,CAAC;AAClD,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAC,MAAM,EAAc,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAC,eAAe,EAAC,MAAM,UAAU,CAAC;AACzC,OAAO,EAAC,wBAAwB,EAAC,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,SAAS,EAAC,MAAM,UAAU,CAAC;AACnC,OAAO,EAAC,qBAAqB,EAAC,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,SAAS,CAAC;AACnC,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAC;
|
|
1
|
+
{"version":3,"file":"banner-internal.js","sourceRoot":"","sources":["../../../src/banner/banner-internal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/banner/styled.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/banner/styled.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAYpC,eAAO,MAAM,qBAAqB;;;uHAQjC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;sDAOnC,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;sDAYtC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;qJAW/B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;sDAkBhC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;yGAGlC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;sDAUlC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;sDAKlC,CAAC"}
|
package/esm/banner/styled.js
CHANGED
|
@@ -5,7 +5,8 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
5
5
|
import { styled, getStylePreset, getResponsiveSize, getResponsiveSpace, getTypographyPreset, } from '../utils/style';
|
|
6
6
|
import { Stack } from '../stack';
|
|
7
7
|
import { TextBlock } from '../text-block';
|
|
8
|
-
|
|
8
|
+
import { logicalProps } from '../utils/logical-properties';
|
|
9
|
+
export var StyledBannerContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n box-sizing: border-box;\n ", ";\n ", "\n ", "\n ", "\n"], ["\n box-sizing: border-box;\n ", ";\n ", "\n ", "\n ", "\n"])), function (_a) {
|
|
9
10
|
var layout = _a.layout;
|
|
10
11
|
return getStylePreset("banner.".concat(layout), '');
|
|
11
12
|
}, function (_a) {
|
|
@@ -14,19 +15,22 @@ export var StyledBannerContainer = styled.div(templateObject_1 || (templateObjec
|
|
|
14
15
|
}, function (_a) {
|
|
15
16
|
var layout = _a.layout;
|
|
16
17
|
return getResponsiveSize('minHeight', "banner.".concat(layout), '', 'minHeight');
|
|
18
|
+
}, function (_a) {
|
|
19
|
+
var layout = _a.layout;
|
|
20
|
+
return logicalProps("".concat(layout));
|
|
17
21
|
});
|
|
18
22
|
export var StyledMaxWidthContainer = styled(Stack)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-sizing: border-box;\n ", "\n margin: 0 auto;\n"], ["\n box-sizing: border-box;\n ", "\n margin: 0 auto;\n"])), function (_a) {
|
|
19
23
|
var layout = _a.layout;
|
|
20
24
|
return getResponsiveSize('maxWidth', "banner.".concat(layout), '', 'maxWidth');
|
|
21
25
|
});
|
|
22
|
-
export var StyledIconContentContainer = styled(Stack)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n flex: 1;\n ", "
|
|
26
|
+
export var StyledIconContentContainer = styled(Stack)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n flex: 1;\n ", ";\n ", ";\n"], ["\n flex: 1;\n ", ";\n ", ";\n"])), function (_a) {
|
|
23
27
|
var layout = _a.layout;
|
|
24
28
|
return layout === 'vertical' && 'align-self: stretch;';
|
|
25
29
|
}, function (_a) {
|
|
26
30
|
var layout = _a.layout;
|
|
27
31
|
return getResponsiveSpace(layout === 'vertical' ? 'marginBottom' : 'marginRight', "banner.".concat(layout, ".content"), 'content', 'spaceInline');
|
|
28
32
|
});
|
|
29
|
-
export var StyledIconContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n ", "
|
|
33
|
+
export var StyledIconContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n ", ";\n"], ["\n display: flex;\n ", ";\n"])), function (_a) {
|
|
30
34
|
var layout = _a.layout;
|
|
31
35
|
return getResponsiveSpace('marginRight', "banner.".concat(layout, ".icon"), 'icon', 'spaceInline');
|
|
32
36
|
});
|
package/esm/banner/styled.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/banner/styled.tsx"],"names":[],"mappings":";;;;AACA,OAAO,EACL,MAAM,EACN,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/banner/styled.tsx"],"names":[],"mappings":"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"}
|
package/esm/banner/types.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
2
|
import { CellProps, GridProps } from '../grid';
|
|
3
3
|
import { NewsKitIcon } from '../icons';
|
|
4
|
+
import { LogicalProps } from '../utils/logical-properties';
|
|
4
5
|
import { MQ } from '../utils/style';
|
|
5
6
|
export interface BannerBaseProps extends React.AriaAttributes {
|
|
6
7
|
actions?: React.ComponentType[];
|
|
@@ -12,6 +13,9 @@ export interface BannerBaseProps extends React.AriaAttributes {
|
|
|
12
13
|
overrides?: {
|
|
13
14
|
stylePreset?: MQ<string>;
|
|
14
15
|
minHeight?: MQ<string>;
|
|
16
|
+
/**
|
|
17
|
+
* @deprecated This property is deprecated and will be removed in the next major release. Use `paddingInline` & `paddingBlock` instead.
|
|
18
|
+
*/
|
|
15
19
|
spaceInset?: MQ<string>;
|
|
16
20
|
maxWidth?: MQ<string>;
|
|
17
21
|
grid?: {
|
|
@@ -41,7 +45,7 @@ export interface BannerBaseProps extends React.AriaAttributes {
|
|
|
41
45
|
stylePreset?: MQ<string>;
|
|
42
46
|
};
|
|
43
47
|
};
|
|
44
|
-
};
|
|
48
|
+
} & LogicalProps;
|
|
45
49
|
}
|
|
46
50
|
export interface BannerInternalProps extends BannerBaseProps {
|
|
47
51
|
layout: 'horizontal' | 'vertical';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/banner/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AACnC,OAAO,EAAC,SAAS,EAAE,SAAS,EAAC,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AACrC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc;IAC3D,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACvB,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACxB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACtB,IAAI,CAAC,EAAE;YACL,KAAK,EAAE,SAAS,CAAC;SAClB,CAAC;QACF,IAAI,CAAC,EAAE;YACL,KAAK,EAAE,SAAS,CAAC;SAClB,CAAC;QACF,IAAI,CAAC,EAAE;YACL,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SAC1B,CAAC;QACF,OAAO,CAAC,EAAE;YACR,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,KAAK,CAAC,EAAE;gBACN,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;gBACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;gBAC9B,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;aACzB,CAAC;YACF,OAAO,CAAC,EAAE;gBACR,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;gBACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;aAC/B,CAAC;SACH,CAAC;QAEF,OAAO,CAAC,EAAE;YACR,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,WAAW,CAAC,EAAE;gBACZ,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;aAC1B,CAAC;SACH,CAAC;KACH,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/banner/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AACnC,OAAO,EAAC,SAAS,EAAE,SAAS,EAAC,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AACrC,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc;IAC3D,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACvB;;WAEG;QACH,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACxB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACtB,IAAI,CAAC,EAAE;YACL,KAAK,EAAE,SAAS,CAAC;SAClB,CAAC;QACF,IAAI,CAAC,EAAE;YACL,KAAK,EAAE,SAAS,CAAC;SAClB,CAAC;QACF,IAAI,CAAC,EAAE;YACL,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SAC1B,CAAC;QACF,OAAO,CAAC,EAAE;YACR,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,KAAK,CAAC,EAAE;gBACN,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;gBACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;gBAC9B,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;aACzB,CAAC;YACF,OAAO,CAAC,EAAE;gBACR,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;gBACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;aAC/B,CAAC;SACH,CAAC;QAEF,OAAO,CAAC,EAAE;YACR,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,WAAW,CAAC,EAAE;gBACZ,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;aAC1B,CAAC;SACH,CAAC;KACH,GAAG,YAAY,CAAC;CAClB;AAED,MAAM,WAAW,mBAAoB,SAAQ,eAAe;IAC1D,MAAM,EAAE,YAAY,GAAG,UAAU,CAAC;CACnC;AAED,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,MAAM,CAAC,EAAE,EAAE,CAAC,YAAY,GAAG,UAAU,CAAC,CAAC;CACxC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-switch.d.ts","sourceRoot":"","sources":["../../../src/base-switch/base-switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAWjD,OAAO,EAAC,eAAe,EAAsB,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"base-switch.d.ts","sourceRoot":"","sources":["../../../src/base-switch/base-switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAWjD,OAAO,EAAC,eAAe,EAAsB,MAAM,SAAS,CAAC;AAO7D,eAAO,MAAM,UAAU,0FA2KtB,CAAC"}
|
|
@@ -23,20 +23,23 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
23
|
import React, { useCallback, useRef } from 'react';
|
|
24
24
|
import composeRefs from '@seznam/compose-react-refs';
|
|
25
25
|
import { composeEventHandlers } from '../utils/compose-event-handlers';
|
|
26
|
-
import { StyledSwitch, StyledInput, StyledSwitchContainer,
|
|
26
|
+
import { StyledSwitch, StyledInput, StyledSwitchContainer, StyledSwitchFeedback, StyledSwitchAndLabelWrapper, StyledLabel, } from './styled';
|
|
27
27
|
import { getComponentOverrides } from '../utils/overrides';
|
|
28
28
|
import { useControlled } from '../utils/hooks';
|
|
29
29
|
import { useTheme } from '../theme';
|
|
30
30
|
import { getToken } from '../utils/get-token';
|
|
31
|
+
import { isFocusVisible } from '../utils/focus-visible';
|
|
31
32
|
export var BaseSwitch = React.forwardRef(function (_a, inputRef) {
|
|
32
33
|
var _b = _a.size, size = _b === void 0 ? 'medium' : _b, checkedProp = _a.checked, defaultChecked = _a.defaultChecked, state = _a.state, overrides = _a.overrides, onFocus = _a.onFocus, onBlur = _a.onBlur, onChange = _a.onChange, label = _a.label, _c = _a.labelPosition, labelPosition = _c === void 0 ? 'end' : _c, _d = _a.labelAttributes, labelAttributes = _d === void 0 ? {} : _d, path = _a.path, defaultSwitchComponent = _a.defaultSwitchSelectorComponent, type = _a.type, restProps = __rest(_a, ["size", "checked", "defaultChecked", "state", "overrides", "onFocus", "onBlur", "onChange", "label", "labelPosition", "labelAttributes", "path", "defaultSwitchSelectorComponent", "type"]);
|
|
33
34
|
var ref = useRef(null);
|
|
34
35
|
var _e = React.useState(false), isInputFocused = _e[0], setIsInputFocused = _e[1];
|
|
35
|
-
var _f = React.useState(false),
|
|
36
|
-
var _g =
|
|
36
|
+
var _f = React.useState(false), isInputFocusVisible = _f[0], setIsInputFocusVisible = _f[1];
|
|
37
|
+
var _g = React.useState(false), isInputActive = _g[0], setIsInputActive = _g[1];
|
|
38
|
+
var _h = React.useState(false), isLabelHovered = _h[0], setIsLabelHovered = _h[1];
|
|
39
|
+
var _j = useControlled({
|
|
37
40
|
controlledValue: checkedProp,
|
|
38
41
|
defaultValue: Boolean(defaultChecked),
|
|
39
|
-
}), checked =
|
|
42
|
+
}), checked = _j[0], setCheckedState = _j[1];
|
|
40
43
|
var onFeedbackClick = useCallback(function () {
|
|
41
44
|
// When label is passed, everything ( input and feedback components) is wrap inside the label
|
|
42
45
|
// so there is no need for clicking on the input
|
|
@@ -48,12 +51,20 @@ export var BaseSwitch = React.forwardRef(function (_a, inputRef) {
|
|
|
48
51
|
var onInputChange = useCallback(function (event) {
|
|
49
52
|
setCheckedState(event.target.checked);
|
|
50
53
|
}, [setCheckedState]);
|
|
51
|
-
var onInputFocus = useCallback(function () {
|
|
54
|
+
var onInputFocus = useCallback(function (e) {
|
|
55
|
+
setIsInputFocusVisible(isFocusVisible(e));
|
|
52
56
|
setIsInputFocused(true);
|
|
53
57
|
}, [setIsInputFocused]);
|
|
54
58
|
var onInputBlur = useCallback(function () {
|
|
59
|
+
setIsInputFocusVisible(false);
|
|
55
60
|
setIsInputFocused(false);
|
|
56
|
-
}, [
|
|
61
|
+
}, []);
|
|
62
|
+
var onMouseDown = useCallback(function () {
|
|
63
|
+
setIsInputActive(true);
|
|
64
|
+
}, [setIsInputActive]);
|
|
65
|
+
var onMouseUp = useCallback(function () {
|
|
66
|
+
setIsInputActive(false);
|
|
67
|
+
}, [setIsInputActive]);
|
|
57
68
|
var onLabelMouseOver = useCallback(function () {
|
|
58
69
|
if (state !== 'disabled') {
|
|
59
70
|
setIsLabelHovered(true);
|
|
@@ -62,24 +73,25 @@ export var BaseSwitch = React.forwardRef(function (_a, inputRef) {
|
|
|
62
73
|
var onLabelMouseLeave = useCallback(function () {
|
|
63
74
|
if (state !== 'disabled') {
|
|
64
75
|
setIsLabelHovered(false);
|
|
76
|
+
setIsInputActive(false);
|
|
65
77
|
}
|
|
66
78
|
}, [setIsLabelHovered, state]);
|
|
67
79
|
var theme = useTheme();
|
|
68
80
|
var iconSize = getToken({ theme: theme, overrides: overrides }, "".concat(path, ".").concat(size, ".icon"), 'icon', 'size');
|
|
69
|
-
var
|
|
81
|
+
var _k = getComponentOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.icon, defaultSwitchComponent, {
|
|
70
82
|
state: state,
|
|
71
83
|
checked: checked,
|
|
72
84
|
size: size,
|
|
73
85
|
iconSize: iconSize,
|
|
74
|
-
}), CheckIcon =
|
|
86
|
+
}), CheckIcon = _k[0], checkIconProps = _k[1];
|
|
75
87
|
var labelElement = label && (React.createElement(StyledLabel, { path: path, size: size, overrides: overrides, state: state }, label));
|
|
76
|
-
return (React.createElement(
|
|
88
|
+
return (React.createElement(StyledSwitchAndLabelWrapper, __assign({ as: label ? 'label' : 'div', state: state, size: size, overrides: overrides }, (label ? labelAttributes : {}), { onMouseOver: onLabelMouseOver, onMouseLeave: onLabelMouseLeave, onMouseDown: onMouseDown, onMouseUp: onMouseUp, path: path }),
|
|
77
89
|
labelPosition === 'start' && labelElement,
|
|
78
90
|
React.createElement(StyledSwitchContainer, { size: size, overrides: overrides, state: state, labelPosition: labelPosition, role: "presentation", path: path },
|
|
79
|
-
React.createElement(
|
|
80
|
-
React.createElement(StyledSwitch, { checked: checked, state: state, overrides: overrides, size: size, isFocused: isInputFocused, isHovered: isLabelHovered, feedbackIsVisible: isLabelHovered || isInputFocused, path: path },
|
|
91
|
+
React.createElement(StyledSwitchFeedback, { size: size, overrides: overrides, state: state, onClick: onFeedbackClick, "data-testid": "".concat(type, "-feedback"), isActive: isInputActive, isHovered: isLabelHovered, path: path }),
|
|
92
|
+
React.createElement(StyledSwitch, { checked: checked, state: state, overrides: overrides, size: size, isFocused: isInputFocused, isFocusedVisible: isInputFocusVisible, isHovered: isLabelHovered, feedbackIsVisible: isLabelHovered || isInputFocused, path: path },
|
|
81
93
|
React.createElement(CheckIcon, __assign({}, checkIconProps)),
|
|
82
|
-
React.createElement(StyledInput, __assign({ ref: composeRefs(inputRef, ref), overrides: overrides, checked: checked, disabled: state === 'disabled' }, restProps, { state: state, onFocus: composeEventHandlers([onInputFocus, onFocus]), onBlur: composeEventHandlers([onInputBlur, onBlur]), onChange: composeEventHandlers([onInputChange, onChange]), path: path, type: type
|
|
94
|
+
React.createElement(StyledInput, __assign({ ref: composeRefs(inputRef, ref), overrides: overrides, checked: checked, disabled: state === 'disabled', "data-testid": "".concat(type, "-input") }, restProps, { state: state, onFocus: composeEventHandlers([onInputFocus, onFocus]), onBlur: composeEventHandlers([onInputBlur, onBlur]), onChange: composeEventHandlers([onInputChange, onChange]), path: path, type: type })))),
|
|
83
95
|
labelPosition === 'end' && labelElement));
|
|
84
96
|
});
|
|
85
97
|
//# sourceMappingURL=base-switch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-switch.js","sourceRoot":"","sources":["../../../src/base-switch/base-switch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAC,WAAW,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AACjD,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AACrE,OAAO,EACL,YAAY,EACZ,WAAW,EACX,qBAAqB,EACrB,
|
|
1
|
+
{"version":3,"file":"base-switch.js","sourceRoot":"","sources":["../../../src/base-switch/base-switch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAC,WAAW,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AACjD,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AACrE,OAAO,EACL,YAAY,EACZ,WAAW,EACX,qBAAqB,EACrB,oBAAoB,EACpB,2BAA2B,EAC3B,WAAW,GACZ,MAAM,UAAU,CAAC;AAElB,OAAO,EAAC,qBAAqB,EAAC,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAC,cAAc,EAAC,MAAM,wBAAwB,CAAC;AAEtD,MAAM,CAAC,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,UACE,EAgBC,EACD,QAAQ;IAhBN,IAAA,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACN,WAAW,aAAA,EACpB,cAAc,oBAAA,EACd,KAAK,WAAA,EACL,SAAS,eAAA,EACT,OAAO,aAAA,EACP,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,uBAAoB,EAApB,eAAe,mBAAG,EAAE,KAAA,EACpB,IAAI,UAAA,EAC4B,sBAAsB,oCAAA,EACtD,IAAI,UAAA,EACD,SAAS,cAfd,2LAgBC,CADa;IAId,IAAM,GAAG,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IACrC,IAAA,KAAsC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA1D,cAAc,QAAA,EAAE,iBAAiB,QAAyB,CAAC;IAC5D,IAAA,KAAgD,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAApE,mBAAmB,QAAA,EAAE,sBAAsB,QAAyB,CAAC;IACtE,IAAA,KAAoC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAxD,aAAa,QAAA,EAAE,gBAAgB,QAAyB,CAAC;IAC1D,IAAA,KAAsC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA1D,cAAc,QAAA,EAAE,iBAAiB,QAAyB,CAAC;IAE5D,IAAA,KAA6B,aAAa,CAAC;QAC/C,eAAe,EAAE,WAAW;QAC5B,YAAY,EAAE,OAAO,CAAC,cAAc,CAAC;KACtC,CAAC,EAHK,OAAO,QAAA,EAAE,eAAe,QAG7B,CAAC;IAEH,IAAM,eAAe,GAAG,WAAW,CAAC;QAClC,6FAA6F;QAC7F,gDAAgD;QAChD,0BAA0B;QAC1B,IAAI,CAAC,KAAK,IAAI,GAAG,IAAI,GAAG,CAAC,OAAO,EAAE;YAChC,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SACrB;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;IAEjB,IAAM,aAAa,GAAG,WAAW,CAC/B,UAAA,KAAK;QACH,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACxC,CAAC,EACD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,IAAM,YAAY,GAAG,WAAW,CAC9B,UAAC,CAAqC;QACpC,sBAAsB,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1C,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC,EACD,CAAC,iBAAiB,CAAC,CACpB,CAAC;IAEF,IAAM,WAAW,GAAG,WAAW,CAAC;QAC9B,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAC9B,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,WAAW,GAAG,WAAW,CAAC;QAC9B,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,IAAM,SAAS,GAAG,WAAW,CAAC;QAC5B,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,IAAM,gBAAgB,GAAG,WAAW,CAAC;QACnC,IAAI,KAAK,KAAK,UAAU,EAAE;YACxB,iBAAiB,CAAC,IAAI,CAAC,CAAC;SACzB;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC,CAAC;IAE/B,IAAM,iBAAiB,GAAG,WAAW,CAAC;QACpC,IAAI,KAAK,KAAK,UAAU,EAAE;YACxB,iBAAiB,CAAC,KAAK,CAAC,CAAC;YACzB,gBAAgB,CAAC,KAAK,CAAC,CAAC;SACzB;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC,CAAC;IAE/B,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAM,QAAQ,GAAG,QAAQ,CACvB,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,UAAG,IAAI,cAAI,IAAI,UAAO,EACtB,MAAM,EACN,MAAM,CACP,CAAC;IAEI,IAAA,KAA8B,qBAAqB,CACvD,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,EACf,sBAAsB,EACtB;QACE,KAAK,OAAA;QACL,OAAO,SAAA;QACP,IAAI,MAAA;QACJ,QAAQ,UAAA;KACT,CACF,EATM,SAAS,QAAA,EAAE,cAAc,QAS/B,CAAC;IAEF,IAAM,YAAY,GAAG,KAAK,IAAI,CAC5B,oBAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,IACpE,KAAK,CACM,CACf,CAAC;IAEF,OAAO,CACL,oBAAC,2BAA2B,aAC1B,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAC3B,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,IAChB,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,IAClC,WAAW,EAAE,gBAAgB,EAC7B,YAAY,EAAE,iBAAiB,EAC/B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI;QAET,aAAa,KAAK,OAAO,IAAI,YAAY;QAC1C,oBAAC,qBAAqB,IACpB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAC,cAAc,EACnB,IAAI,EAAE,IAAI;YAEV,oBAAC,oBAAoB,IACnB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,eAAe,iBACX,UAAG,IAAI,cAAW,EAC/B,QAAQ,EAAE,aAAa,EACvB,SAAS,EAAE,cAAc,EACzB,IAAI,EAAE,IAAI,GACV;YACF,oBAAC,YAAY,IACX,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,cAAc,EACzB,gBAAgB,EAAE,mBAAmB,EACrC,SAAS,EAAE,cAAc,EACzB,iBAAiB,EAAE,cAAc,IAAI,cAAc,EACnD,IAAI,EAAE,IAAI;gBAEV,oBAAC,SAAS,eAAM,cAAsC,EAAI;gBAC1D,oBAAC,WAAW,aACV,GAAG,EAAE,WAAW,CAAC,QAAQ,EAAE,GAAG,CAAC,EAC/B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,KAAK,KAAK,UAAU,iBACjB,UAAG,IAAI,WAAQ,IACxB,SAAS,IACb,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,oBAAoB,CAAC,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,EACtD,MAAM,EAAE,oBAAoB,CAAC,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,EACnD,QAAQ,EAAE,oBAAoB,CAAC,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC,EACzD,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,IACV,CACW,CACO;QACvB,aAAa,KAAK,KAAK,IAAI,YAAY,CACZ,CAC/B,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { BaseSwitchProps } from './types';
|
|
3
|
-
export declare const
|
|
3
|
+
export declare const StyledSwitchAndLabelWrapper: import("@emotion/styled").StyledComponent<{
|
|
4
4
|
theme?: import("@emotion/react").Theme | undefined;
|
|
5
5
|
as?: import("react").ElementType<any> | undefined;
|
|
6
6
|
} & Pick<BaseSwitchProps, "state" | "path" | "size" | "overrides">, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
|
|
@@ -15,13 +15,14 @@ export declare const StyledSwitch: import("@emotion/styled").StyledComponent<{
|
|
|
15
15
|
isFocused: boolean;
|
|
16
16
|
isHovered: boolean;
|
|
17
17
|
feedbackIsVisible: boolean;
|
|
18
|
+
isFocusedVisible: boolean;
|
|
18
19
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
19
|
-
export declare const
|
|
20
|
+
export declare const StyledSwitchFeedback: import("@emotion/styled").StyledComponent<{
|
|
20
21
|
theme?: import("@emotion/react").Theme | undefined;
|
|
21
22
|
as?: import("react").ElementType<any> | undefined;
|
|
22
23
|
} & Pick<BaseSwitchProps, "state" | "path" | "size" | "overrides"> & {
|
|
23
|
-
isFocused: boolean;
|
|
24
24
|
isHovered: boolean;
|
|
25
|
+
isActive: boolean;
|
|
25
26
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
26
27
|
export declare const StyledInput: import("@emotion/styled").StyledComponent<{
|
|
27
28
|
theme?: import("@emotion/react").Theme | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/base-switch/styled.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/base-switch/styled.tsx"],"names":[],"mappings":";AASA,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAOxC,eAAO,MAAM,2BAA2B;;;mLAYvC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;4LA8BjC,CAAC;AAUF,eAAO,MAAM,YAAY;;;;eAEV,OAAO;eACP,OAAO;uBACC,OAAO;sBACR,OAAO;yGA4B5B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;eAElB,OAAO;cACR,OAAO;yGA+BpB,CAAC;AAEF,eAAO,MAAM,WAAW;;;4KAOvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;4KAUvB,CAAC"}
|
|
@@ -3,16 +3,20 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
return cooked;
|
|
4
4
|
};
|
|
5
5
|
import { getResponsiveSize, getResponsiveSpace, getStylePreset, getTransitionPreset, getTypographyPreset, styled, } from '../utils';
|
|
6
|
+
import { logicalProps } from '../utils/logical-properties';
|
|
6
7
|
var STACKING_CONTEXT = {
|
|
7
8
|
feedback: '1',
|
|
8
9
|
input: '2',
|
|
9
10
|
};
|
|
10
|
-
export var
|
|
11
|
+
export var StyledSwitchAndLabelWrapper = 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) {
|
|
11
12
|
var state = _a.state;
|
|
12
13
|
return ({ cursor: state === 'disabled' ? 'not-allowed' : 'pointer' });
|
|
13
14
|
}, function (_a) {
|
|
14
15
|
var size = _a.size, path = _a.path;
|
|
15
16
|
return getResponsiveSpace('marginBottom', "".concat(path, ".").concat(size), '', 'spaceStack');
|
|
17
|
+
}, function (_a) {
|
|
18
|
+
var size = _a.size, path = _a.path;
|
|
19
|
+
return logicalProps("".concat(path, ".").concat(size));
|
|
16
20
|
});
|
|
17
21
|
export var StyledSwitchContainer = 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) {
|
|
18
22
|
var size = _a.size, path = _a.path;
|
|
@@ -22,7 +26,7 @@ export var StyledSwitchContainer = styled.div(templateObject_2 || (templateObjec
|
|
|
22
26
|
return getResponsiveSpace(labelPosition === 'end' ? 'marginRight' : 'marginLeft', "".concat(path, ".").concat(size, ".input"), 'input', 'spaceInline');
|
|
23
27
|
});
|
|
24
28
|
var insetCSS = "\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n";
|
|
25
|
-
export var StyledSwitch = 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) {
|
|
29
|
+
export var StyledSwitch = 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) {
|
|
26
30
|
var size = _a.size, checked = _a.checked, state = _a.state, isFocused = _a.isFocused, isHovered = _a.isHovered, path = _a.path;
|
|
27
31
|
return getStylePreset("".concat(path, ".").concat(size, ".input"), 'input', {
|
|
28
32
|
isChecked: checked,
|
|
@@ -32,6 +36,10 @@ export var StyledSwitch = styled.div(templateObject_3 || (templateObject_3 = __m
|
|
|
32
36
|
isFocused: isFocused,
|
|
33
37
|
isHovered: isHovered,
|
|
34
38
|
});
|
|
39
|
+
}, function (_a) {
|
|
40
|
+
var isFocusedVisible = _a.isFocusedVisible;
|
|
41
|
+
return isFocusedVisible &&
|
|
42
|
+
" outline: 5px auto Highlight;\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: 3px;\n ";
|
|
35
43
|
}, function (_a) {
|
|
36
44
|
var feedbackIsVisible = _a.feedbackIsVisible;
|
|
37
45
|
return feedbackIsVisible && "z-index: ".concat(STACKING_CONTEXT.input);
|
|
@@ -39,14 +47,15 @@ export var StyledSwitch = styled.div(templateObject_3 || (templateObject_3 = __m
|
|
|
39
47
|
var size = _a.size, path = _a.path;
|
|
40
48
|
return getTransitionPreset("".concat(path, ".").concat(size, ".input"), 'input');
|
|
41
49
|
});
|
|
42
|
-
export var
|
|
43
|
-
var isHovered = _a.isHovered
|
|
44
|
-
return
|
|
50
|
+
export var StyledSwitchFeedback = 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) {
|
|
51
|
+
var isHovered = _a.isHovered;
|
|
52
|
+
return isHovered && "z-index: ".concat(STACKING_CONTEXT.feedback);
|
|
45
53
|
}, function (_a) {
|
|
46
|
-
var size = _a.size, isHovered = _a.isHovered,
|
|
54
|
+
var size = _a.size, isHovered = _a.isHovered, isActive = _a.isActive, state = _a.state, path = _a.path;
|
|
47
55
|
return getStylePreset("".concat(path, ".").concat(size, ".feedback"), 'feedback', {
|
|
48
56
|
isHovered: isHovered,
|
|
49
|
-
|
|
57
|
+
isActive: isActive,
|
|
58
|
+
isDisabled: state === 'disabled',
|
|
50
59
|
isInvalid: state === 'invalid',
|
|
51
60
|
isValid: state === 'valid',
|
|
52
61
|
// when is not HOVER we need to remove the hover so it does not apply as class:hover
|
|
@@ -59,6 +68,9 @@ export var StyledFeedback = styled.div(templateObject_4 || (templateObject_4 = _
|
|
|
59
68
|
height: rectSize,
|
|
60
69
|
transform: "translate3d(calc(".concat(rectSize, " / -2), calc(").concat(rectSize, " / -2), 0)"),
|
|
61
70
|
}); }, "".concat(path, ".").concat(size, ".feedback"), 'feedback', 'size');
|
|
71
|
+
}, function (_a) {
|
|
72
|
+
var size = _a.size, path = _a.path;
|
|
73
|
+
return getTransitionPreset("".concat(path, ".").concat(size, ".feedback"), 'feedback');
|
|
62
74
|
});
|
|
63
75
|
export var StyledInput = 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);
|
|
64
76
|
export var StyledLabel = 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,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,mBAAmB,EACnB,mBAAmB,EACnB,MAAM,GACP,MAAM,UAAU,CAAC;
|
|
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/esm/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"}
|