newskit 6.0.0 → 6.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +17 -12
- package/cjs/accordion/accordion.d.ts +1 -1
- package/cjs/accordion/accordion.d.ts.map +1 -1
- package/cjs/accordion/accordion.js +43 -2
- package/cjs/accordion/accordion.js.map +1 -1
- package/cjs/accordion/defaults.d.ts +2 -0
- package/cjs/accordion/defaults.d.ts.map +1 -1
- package/cjs/accordion/defaults.js +2 -0
- package/cjs/accordion/defaults.js.map +1 -1
- package/cjs/accordion/styled.d.ts +4 -0
- package/cjs/accordion/styled.d.ts.map +1 -1
- package/cjs/accordion/styled.js +6 -8
- package/cjs/accordion/styled.js.map +1 -1
- package/cjs/accordion/types.d.ts +7 -3
- package/cjs/accordion/types.d.ts.map +1 -1
- package/cjs/accordion/utils.d.ts +2 -0
- package/cjs/accordion/utils.d.ts.map +1 -0
- package/cjs/accordion/utils.js +9 -0
- package/cjs/accordion/utils.js.map +1 -0
- package/cjs/audio-player-composable/components/seek-bar/seek-bar.d.ts +1 -1
- package/cjs/audio-player-composable/components/seek-bar/seek-bar.d.ts.map +1 -1
- package/cjs/audio-player-composable/components/time-display/time-display.d.ts +1 -1
- package/cjs/audio-player-composable/components/volume-control/defaults.d.ts +1 -0
- package/cjs/audio-player-composable/components/volume-control/defaults.d.ts.map +1 -1
- package/cjs/audio-player-composable/components/volume-control/defaults.js +1 -0
- package/cjs/audio-player-composable/components/volume-control/defaults.js.map +1 -1
- package/cjs/audio-player-composable/components/volume-control/types.d.ts +1 -1
- package/cjs/audio-player-composable/components/volume-control/types.d.ts.map +1 -1
- package/cjs/audio-player-composable/components/volume-control/volume-control.d.ts +1 -1
- package/cjs/audio-player-composable/components/volume-control/volume-control.d.ts.map +1 -1
- package/cjs/audio-player-composable/components/volume-control/volume-control.js +16 -1
- package/cjs/audio-player-composable/components/volume-control/volume-control.js.map +1 -1
- package/cjs/banner/banner.d.ts +1 -1
- package/cjs/banner/banner.d.ts.map +1 -1
- package/cjs/base-floating-element/base-floating-element.js +1 -1
- package/cjs/base-floating-element/base-floating-element.js.map +1 -1
- package/cjs/button/styled.d.ts +1 -1
- package/cjs/button/styled.d.ts.map +1 -1
- package/cjs/button/styled.js +2 -2
- package/cjs/button/styled.js.map +1 -1
- package/cjs/consent/consent-settings-link.d.ts.map +1 -1
- package/cjs/consent/consent-settings-link.js +1 -0
- package/cjs/consent/consent-settings-link.js.map +1 -1
- package/cjs/flag/flag.d.ts +2 -1
- package/cjs/flag/flag.d.ts.map +1 -1
- package/cjs/flag/flag.js +3 -3
- package/cjs/flag/flag.js.map +1 -1
- package/cjs/flag/types.d.ts +1 -1
- package/cjs/flag/types.d.ts.map +1 -1
- package/cjs/form/form-input.d.ts +2 -0
- package/cjs/form/form-input.d.ts.map +1 -1
- package/cjs/form/form-input.js +7 -1
- package/cjs/form/form-input.js.map +1 -1
- package/cjs/inline-message/inline-message.d.ts +1 -1
- package/cjs/inline-message/inline-message.d.ts.map +1 -1
- package/cjs/instrumentation/handlers/index.d.ts +1 -0
- package/cjs/instrumentation/handlers/index.d.ts.map +1 -1
- package/cjs/instrumentation/handlers/index.js +2 -0
- package/cjs/instrumentation/handlers/index.js.map +1 -1
- package/cjs/instrumentation/handlers/tealium-track.d.ts +8 -0
- package/cjs/instrumentation/handlers/tealium-track.d.ts.map +1 -0
- package/cjs/instrumentation/handlers/tealium-track.js +19 -0
- package/cjs/instrumentation/handlers/tealium-track.js.map +1 -0
- package/cjs/link/link-inline.d.ts +1 -1
- package/cjs/link/link-inline.d.ts.map +1 -1
- package/cjs/link/link-standalone.d.ts +1 -1
- package/cjs/link/link-standalone.d.ts.map +1 -1
- package/cjs/link/link.d.ts +2 -2
- package/cjs/link/link.d.ts.map +1 -1
- package/cjs/popover/popover.d.ts +1 -1
- package/cjs/popover/popover.d.ts.map +1 -1
- package/cjs/popover/popover.js +7 -7
- package/cjs/popover/popover.js.map +1 -1
- package/cjs/select/select-button.d.ts.map +1 -1
- package/cjs/select/select-button.js +5 -2
- package/cjs/select/select-button.js.map +1 -1
- package/cjs/select/select.d.ts.map +1 -1
- package/cjs/select/select.js +18 -0
- package/cjs/select/select.js.map +1 -1
- package/cjs/select/styled.d.ts +2 -1
- package/cjs/select/styled.d.ts.map +1 -1
- package/cjs/select/styled.js +4 -1
- package/cjs/select/styled.js.map +1 -1
- package/cjs/slider/slider.d.ts.map +1 -1
- package/cjs/slider/slider.js +2 -2
- package/cjs/slider/slider.js.map +1 -1
- package/cjs/storybook-pages/style-presets.d.ts +4 -0
- package/cjs/storybook-pages/style-presets.d.ts.map +1 -0
- package/cjs/storybook-pages/style-presets.js +13 -0
- package/cjs/storybook-pages/style-presets.js.map +1 -0
- package/cjs/storybook-pages/welcome.d.ts +4 -0
- package/cjs/storybook-pages/welcome.d.ts.map +1 -0
- package/cjs/storybook-pages/welcome.js +63 -0
- package/cjs/storybook-pages/welcome.js.map +1 -0
- package/cjs/storybook-pages/welcome.stories.d.ts +23 -0
- package/cjs/storybook-pages/welcome.stories.d.ts.map +1 -0
- package/cjs/storybook-pages/welcome.stories.js +29 -0
- package/cjs/storybook-pages/welcome.stories.js.map +1 -0
- package/cjs/tabs/tabs.d.ts +1 -1
- package/cjs/tabs/tabs.d.ts.map +1 -1
- package/cjs/tabs/types.d.ts +2 -1
- package/cjs/tabs/types.d.ts.map +1 -1
- package/cjs/tag/tag.js +2 -2
- package/cjs/tag/tag.js.map +1 -1
- package/cjs/tag/types.d.ts +1 -1
- package/cjs/tag/types.d.ts.map +1 -1
- package/cjs/tealium/tealium.d.ts.map +1 -1
- package/cjs/tealium/tealium.js +2 -2
- package/cjs/tealium/tealium.js.map +1 -1
- package/cjs/text-area/defaults.d.ts +36 -0
- package/cjs/text-area/defaults.d.ts.map +1 -0
- package/cjs/text-area/defaults.js +37 -0
- package/cjs/text-area/defaults.js.map +1 -0
- package/cjs/text-area/index.d.ts +3 -0
- package/cjs/text-area/index.d.ts.map +1 -0
- package/cjs/text-area/index.js +15 -0
- package/cjs/text-area/index.js.map +1 -0
- package/cjs/text-area/styled.d.ts +10 -0
- package/cjs/text-area/styled.d.ts.map +1 -0
- package/cjs/text-area/styled.js +65 -0
- package/cjs/text-area/styled.js.map +1 -0
- package/cjs/text-area/text-area.d.ts +4 -0
- package/cjs/text-area/text-area.d.ts.map +1 -0
- package/cjs/text-area/text-area.js +59 -0
- package/cjs/text-area/text-area.js.map +1 -0
- package/cjs/text-area/types.d.ts +21 -0
- package/cjs/text-area/types.d.ts.map +1 -0
- package/cjs/text-area/types.js +3 -0
- package/cjs/text-area/types.js.map +1 -0
- package/cjs/text-field/styled.d.ts.map +1 -1
- package/cjs/text-field/styled.js +5 -1
- package/cjs/text-field/styled.js.map +1 -1
- package/cjs/text-field/text-field.d.ts.map +1 -1
- package/cjs/text-field/text-field.js +5 -2
- package/cjs/text-field/text-field.js.map +1 -1
- package/cjs/text-field/types.d.ts +0 -1
- package/cjs/text-field/types.d.ts.map +1 -1
- package/cjs/theme/creator.d.ts.map +1 -1
- package/cjs/theme/creator.js +30 -2
- package/cjs/theme/creator.js.map +1 -1
- package/cjs/theme/foundations/fonts.d.ts +1 -0
- package/cjs/theme/foundations/fonts.d.ts.map +1 -1
- package/cjs/theme/presets/style-presets.js +10 -2
- package/cjs/theme/presets/style-presets.js.map +1 -1
- package/cjs/theme/presets/transition-presets.js +27 -0
- package/cjs/theme/presets/transition-presets.js.map +1 -1
- package/cjs/theme-checker/themes/tnl-theme/fonts.json +3 -3
- package/cjs/theme-checker/themes/tnl-theme/tnl-theme.d.ts +3 -3
- package/cjs/utils/audio-tests.d.ts +16 -0
- package/cjs/utils/audio-tests.d.ts.map +1 -0
- package/cjs/utils/audio-tests.js +94 -0
- package/cjs/utils/audio-tests.js.map +1 -0
- package/cjs/utils/index.d.ts +1 -0
- package/cjs/utils/index.d.ts.map +1 -1
- package/cjs/utils/index.js +1 -0
- package/cjs/utils/index.js.map +1 -1
- package/cjs/utils/logical-properties.d.ts +2 -0
- package/cjs/utils/logical-properties.d.ts.map +1 -1
- package/cjs/utils/logical-properties.js +18 -2
- package/cjs/utils/logical-properties.js.map +1 -1
- package/cjs/utils/style/getters.d.ts.map +1 -1
- package/cjs/utils/style/getters.js +13 -0
- package/cjs/utils/style/getters.js.map +1 -1
- package/cjs/utils/style/style-preset.d.ts.map +1 -1
- package/cjs/utils/style/style-preset.js +2 -0
- package/cjs/utils/style/style-preset.js.map +1 -1
- package/cjs/version-number.json +1 -1
- package/cjs/with-enhancers/styled.d.ts.map +1 -1
- package/cjs/with-enhancers/styled.js +1 -1
- package/cjs/with-enhancers/styled.js.map +1 -1
- package/esm/accordion/accordion.d.ts +1 -1
- package/esm/accordion/accordion.d.ts.map +1 -1
- package/esm/accordion/accordion.js +26 -4
- package/esm/accordion/accordion.js.map +1 -1
- package/esm/accordion/defaults.d.ts +2 -0
- package/esm/accordion/defaults.d.ts.map +1 -1
- package/esm/accordion/defaults.js +2 -0
- package/esm/accordion/defaults.js.map +1 -1
- package/esm/accordion/styled.d.ts +4 -0
- package/esm/accordion/styled.d.ts.map +1 -1
- package/esm/accordion/styled.js +6 -8
- package/esm/accordion/styled.js.map +1 -1
- package/esm/accordion/types.d.ts +7 -3
- package/esm/accordion/types.d.ts.map +1 -1
- package/esm/accordion/utils.d.ts +2 -0
- package/esm/accordion/utils.d.ts.map +1 -0
- package/esm/accordion/utils.js +5 -0
- package/esm/accordion/utils.js.map +1 -0
- package/esm/audio-player-composable/components/seek-bar/seek-bar.d.ts +1 -1
- package/esm/audio-player-composable/components/seek-bar/seek-bar.d.ts.map +1 -1
- package/esm/audio-player-composable/components/time-display/time-display.d.ts +1 -1
- package/esm/audio-player-composable/components/volume-control/defaults.d.ts +1 -0
- package/esm/audio-player-composable/components/volume-control/defaults.d.ts.map +1 -1
- package/esm/audio-player-composable/components/volume-control/defaults.js +1 -0
- package/esm/audio-player-composable/components/volume-control/defaults.js.map +1 -1
- package/esm/audio-player-composable/components/volume-control/types.d.ts +1 -1
- package/esm/audio-player-composable/components/volume-control/types.d.ts.map +1 -1
- package/esm/audio-player-composable/components/volume-control/volume-control.d.ts +1 -1
- package/esm/audio-player-composable/components/volume-control/volume-control.d.ts.map +1 -1
- package/esm/audio-player-composable/components/volume-control/volume-control.js +16 -1
- package/esm/audio-player-composable/components/volume-control/volume-control.js.map +1 -1
- package/esm/banner/banner.d.ts +1 -1
- package/esm/banner/banner.d.ts.map +1 -1
- package/esm/base-floating-element/base-floating-element.js +1 -1
- package/esm/base-floating-element/base-floating-element.js.map +1 -1
- package/esm/button/styled.d.ts +1 -1
- package/esm/button/styled.d.ts.map +1 -1
- package/esm/button/styled.js +2 -2
- package/esm/button/styled.js.map +1 -1
- package/esm/consent/consent-settings-link.d.ts.map +1 -1
- package/esm/consent/consent-settings-link.js +1 -0
- package/esm/consent/consent-settings-link.js.map +1 -1
- package/esm/flag/flag.d.ts +2 -1
- package/esm/flag/flag.d.ts.map +1 -1
- package/esm/flag/flag.js +2 -2
- package/esm/flag/flag.js.map +1 -1
- package/esm/flag/types.d.ts +1 -1
- package/esm/flag/types.d.ts.map +1 -1
- package/esm/form/form-input.d.ts +2 -0
- package/esm/form/form-input.d.ts.map +1 -1
- package/esm/form/form-input.js +6 -0
- package/esm/form/form-input.js.map +1 -1
- package/esm/inline-message/inline-message.d.ts +1 -1
- package/esm/inline-message/inline-message.d.ts.map +1 -1
- package/esm/instrumentation/handlers/index.d.ts +1 -0
- package/esm/instrumentation/handlers/index.d.ts.map +1 -1
- package/esm/instrumentation/handlers/index.js +2 -0
- package/esm/instrumentation/handlers/index.js.map +1 -1
- package/esm/instrumentation/handlers/tealium-track.d.ts +8 -0
- package/esm/instrumentation/handlers/tealium-track.d.ts.map +1 -0
- package/esm/instrumentation/handlers/tealium-track.js +15 -0
- package/esm/instrumentation/handlers/tealium-track.js.map +1 -0
- package/esm/link/link-inline.d.ts +1 -1
- package/esm/link/link-inline.d.ts.map +1 -1
- package/esm/link/link-standalone.d.ts +1 -1
- package/esm/link/link-standalone.d.ts.map +1 -1
- package/esm/link/link.d.ts +2 -2
- package/esm/link/link.d.ts.map +1 -1
- package/esm/popover/popover.d.ts +1 -1
- package/esm/popover/popover.d.ts.map +1 -1
- package/esm/popover/popover.js +7 -7
- package/esm/popover/popover.js.map +1 -1
- package/esm/select/select-button.d.ts.map +1 -1
- package/esm/select/select-button.js +5 -2
- package/esm/select/select-button.js.map +1 -1
- package/esm/select/select.d.ts.map +1 -1
- package/esm/select/select.js +18 -0
- package/esm/select/select.js.map +1 -1
- package/esm/select/styled.d.ts +2 -1
- package/esm/select/styled.d.ts.map +1 -1
- package/esm/select/styled.js +5 -2
- package/esm/select/styled.js.map +1 -1
- package/esm/slider/slider.d.ts.map +1 -1
- package/esm/slider/slider.js +2 -2
- package/esm/slider/slider.js.map +1 -1
- package/esm/storybook-pages/style-presets.d.ts +4 -0
- package/esm/storybook-pages/style-presets.d.ts.map +1 -0
- package/esm/storybook-pages/style-presets.js +11 -0
- package/esm/storybook-pages/style-presets.js.map +1 -0
- package/esm/storybook-pages/welcome.d.ts +4 -0
- package/esm/storybook-pages/welcome.d.ts.map +1 -0
- package/esm/storybook-pages/welcome.js +56 -0
- package/esm/storybook-pages/welcome.js.map +1 -0
- package/esm/storybook-pages/welcome.stories.d.ts +23 -0
- package/esm/storybook-pages/welcome.stories.d.ts.map +1 -0
- package/esm/storybook-pages/welcome.stories.js +22 -0
- package/esm/storybook-pages/welcome.stories.js.map +1 -0
- package/esm/tabs/tabs.d.ts +1 -1
- package/esm/tabs/tabs.d.ts.map +1 -1
- package/esm/tabs/types.d.ts +2 -1
- package/esm/tabs/types.d.ts.map +1 -1
- package/esm/tag/tag.js +2 -2
- package/esm/tag/tag.js.map +1 -1
- package/esm/tag/types.d.ts +1 -1
- package/esm/tag/types.d.ts.map +1 -1
- package/esm/tealium/tealium.d.ts.map +1 -1
- package/esm/tealium/tealium.js +2 -2
- package/esm/tealium/tealium.js.map +1 -1
- package/esm/text-area/defaults.d.ts +36 -0
- package/esm/text-area/defaults.d.ts.map +1 -0
- package/esm/text-area/defaults.js +35 -0
- package/esm/text-area/defaults.js.map +1 -0
- package/esm/text-area/index.d.ts +3 -0
- package/esm/text-area/index.d.ts.map +1 -0
- package/esm/text-area/index.js +3 -0
- package/esm/text-area/index.js.map +1 -0
- package/esm/text-area/styled.d.ts +10 -0
- package/esm/text-area/styled.d.ts.map +1 -0
- package/esm/text-area/styled.js +62 -0
- package/esm/text-area/styled.js.map +1 -0
- package/esm/text-area/text-area.d.ts +4 -0
- package/esm/text-area/text-area.d.ts.map +1 -0
- package/esm/text-area/text-area.js +53 -0
- package/esm/text-area/text-area.js.map +1 -0
- package/esm/text-area/types.d.ts +21 -0
- package/esm/text-area/types.d.ts.map +1 -0
- package/esm/text-area/types.js +2 -0
- package/esm/text-area/types.js.map +1 -0
- package/esm/text-field/styled.d.ts.map +1 -1
- package/esm/text-field/styled.js +5 -1
- package/esm/text-field/styled.js.map +1 -1
- package/esm/text-field/text-field.d.ts.map +1 -1
- package/esm/text-field/text-field.js +5 -2
- package/esm/text-field/text-field.js.map +1 -1
- package/esm/text-field/types.d.ts +0 -1
- package/esm/text-field/types.d.ts.map +1 -1
- package/esm/theme/creator.d.ts.map +1 -1
- package/esm/theme/creator.js +30 -2
- package/esm/theme/creator.js.map +1 -1
- package/esm/theme/foundations/fonts.d.ts +1 -0
- package/esm/theme/foundations/fonts.d.ts.map +1 -1
- package/esm/theme/presets/style-presets.js +10 -2
- package/esm/theme/presets/style-presets.js.map +1 -1
- package/esm/theme/presets/transition-presets.js +27 -0
- package/esm/theme/presets/transition-presets.js.map +1 -1
- package/esm/theme-checker/themes/tnl-theme/fonts.json +3 -3
- package/esm/theme-checker/themes/tnl-theme/tnl-theme.d.ts +3 -3
- package/esm/utils/audio-tests.d.ts +16 -0
- package/esm/utils/audio-tests.d.ts.map +1 -0
- package/esm/utils/audio-tests.js +70 -0
- package/esm/utils/audio-tests.js.map +1 -0
- package/esm/utils/index.d.ts +1 -0
- package/esm/utils/index.d.ts.map +1 -1
- package/esm/utils/index.js +1 -0
- package/esm/utils/index.js.map +1 -1
- package/esm/utils/logical-properties.d.ts +2 -0
- package/esm/utils/logical-properties.d.ts.map +1 -1
- package/esm/utils/logical-properties.js +15 -1
- package/esm/utils/logical-properties.js.map +1 -1
- package/esm/utils/style/getters.d.ts.map +1 -1
- package/esm/utils/style/getters.js +13 -0
- package/esm/utils/style/getters.js.map +1 -1
- package/esm/utils/style/style-preset.d.ts.map +1 -1
- package/esm/utils/style/style-preset.js +2 -0
- package/esm/utils/style/style-preset.js.map +1 -1
- package/esm/version-number.json +1 -1
- package/esm/with-enhancers/styled.d.ts.map +1 -1
- package/esm/with-enhancers/styled.js +1 -1
- package/esm/with-enhancers/styled.js.map +1 -1
- package/package.json +2 -1
package/README.md
CHANGED
|
@@ -18,11 +18,11 @@ The NewsKit design system provides an npm package that exports a library of reus
|
|
|
18
18
|
|
|
19
19
|
### Accessible
|
|
20
20
|
|
|
21
|
-
NewsKit components
|
|
21
|
+
NewsKit components follow [WCAG guidelines](https://www.w3.org/WAI/standards-guidelines/wcag/), [WAI Aria](https://www.w3.org/WAI/standards-guidelines/aria/) and [Aria-practices](https://www.w3.org/TR/wai-aria-practices/). Components are AA compliant with A11Y features built-in including props to extend their flexibility if required.
|
|
22
22
|
|
|
23
23
|
### Adaptive
|
|
24
24
|
|
|
25
|
-
NewsKit has an extensive [theming system](https://newskit.co.uk/theme/overview/) that enables customization of style and layout. Additionally components support a range of properties to customise
|
|
25
|
+
NewsKit has an extensive [theming system](https://newskit.co.uk/theme/overview/) that enables customization of style and layout. Additionally components support a range of properties to customise behavior.
|
|
26
26
|
|
|
27
27
|
### Productive
|
|
28
28
|
|
|
@@ -65,33 +65,38 @@ To start using NewsKit components in your projects your projects you will need t
|
|
|
65
65
|
Use your favourite package manager to install NewsKit.
|
|
66
66
|
|
|
67
67
|
```bash
|
|
68
|
-
npm install newskit
|
|
68
|
+
npm install newskit @emotion/react @emotion/styled
|
|
69
69
|
```
|
|
70
70
|
|
|
71
71
|
```bash
|
|
72
|
-
yarn add newskit
|
|
72
|
+
yarn add newskit @emotion/react @emotion/styled
|
|
73
73
|
```
|
|
74
74
|
|
|
75
|
+
>Please note that newskit is using [emotion](https://emotion.sh/docs/introduction) as styling engine, that is why you also need to `install@emotion/react` and `@emotion/styled`.
|
|
76
|
+
|
|
75
77
|
## 🔨 Usage
|
|
76
78
|
|
|
77
|
-
NewsKit components can be used like any typical react components. One thing to bear in mind is that they will need to be descendants of a `
|
|
78
|
-
|
|
79
|
+
NewsKit components can be used like any typical react components. One thing to bear in mind is that they will need to be descendants of a `NewsKitProvider` which provides a single wrapper to configure your application. It adds a [ThemeProvider](https://www.newskit.co.uk/theme/theming/using-a-theme/), [MediaQueryProvider](https://www.newskit.co.uk/components/utils/hooks/#usemediaqueryobject), [InstrumentationProvider](https://www.newskit.co.uk/getting-started/code/instrumentation/) and a LayerOrganizer to handle theming, media queries, instrumentation and stacking context in the application.
|
|
80
|
+
|
|
81
|
+
The following example shows the "Hello World!" example of using a NewsKit [Tag](https://www.newskit.co.uk/components/tag/) component with the NewsKitProvider.
|
|
79
82
|
|
|
80
83
|
```typescript
|
|
81
|
-
import {
|
|
84
|
+
import {NewsKitProvider, Tag, newskitLightTheme} from 'newskit';
|
|
82
85
|
import React from 'react';
|
|
83
|
-
|
|
84
86
|
export default class App extends React.Component {
|
|
85
|
-
|
|
86
87
|
render() {
|
|
87
88
|
return (
|
|
88
|
-
<
|
|
89
|
+
<NewsKitProvider
|
|
90
|
+
theme={newskitLightTheme}
|
|
91
|
+
instrumentation={'instrumentation provider props'}
|
|
92
|
+
layer={'layer organizer props'}
|
|
93
|
+
>
|
|
89
94
|
<Tag
|
|
90
95
|
href="http://example.com"
|
|
91
96
|
size="medium">
|
|
92
97
|
Tag Content
|
|
93
98
|
</Tag>
|
|
94
|
-
</
|
|
99
|
+
</NewsKitProvider>
|
|
95
100
|
)
|
|
96
101
|
}
|
|
97
102
|
}
|
|
@@ -99,7 +104,7 @@ export default class App extends React.Component {
|
|
|
99
104
|
|
|
100
105
|
## 👉 What’s next
|
|
101
106
|
|
|
102
|
-
* To start engineering with NewsKit, follow the steps in the [quickstart guide](https://
|
|
107
|
+
* To start engineering with NewsKit, follow the steps in the [quickstart guide](https://www.newskit.co.uk/getting-started/code/engineering-quickstart/).
|
|
103
108
|
* Have a question? [Contact the NewsKit team via the contact form](https://newskit.co.uk/about/contact-us/).
|
|
104
109
|
|
|
105
110
|
## 🐛 Bugs, Issues & Feature requests
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { AccordionProps } from './types';
|
|
3
|
-
export declare const Accordion: import("../utils
|
|
3
|
+
export declare const Accordion: import("../utils").NewsKitReactComponents<AccordionProps & React.RefAttributes<HTMLDivElement>>;
|
|
4
4
|
//# sourceMappingURL=accordion.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAW/C,OAAO,EAAqB,cAAc,EAAC,MAAM,SAAS,CAAC;AAsJ3D,eAAO,MAAM,SAAS,iGAGpB,CAAC"}
|
|
@@ -10,6 +10,25 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
16
|
+
}) : (function(o, m, k, k2) {
|
|
17
|
+
if (k2 === undefined) k2 = k;
|
|
18
|
+
o[k2] = m[k];
|
|
19
|
+
}));
|
|
20
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
21
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
22
|
+
}) : function(o, v) {
|
|
23
|
+
o["default"] = v;
|
|
24
|
+
});
|
|
25
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
26
|
+
if (mod && mod.__esModule) return mod;
|
|
27
|
+
var result = {};
|
|
28
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
29
|
+
__setModuleDefault(result, mod);
|
|
30
|
+
return result;
|
|
31
|
+
};
|
|
13
32
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
33
|
var t = {};
|
|
15
34
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -26,7 +45,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
26
45
|
};
|
|
27
46
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
47
|
exports.Accordion = void 0;
|
|
29
|
-
var react_1 =
|
|
48
|
+
var react_1 = __importStar(require("react"));
|
|
49
|
+
var react_transition_group_1 = require("react-transition-group");
|
|
30
50
|
var with_own_theme_1 = require("../utils/with-own-theme");
|
|
31
51
|
var styled_1 = require("./styled");
|
|
32
52
|
var defaults_1 = __importDefault(require("./defaults"));
|
|
@@ -36,6 +56,25 @@ var icons_1 = require("../icons");
|
|
|
36
56
|
var overrides_1 = require("../utils/overrides");
|
|
37
57
|
var text_block_1 = require("../text-block");
|
|
38
58
|
var compose_event_handlers_1 = require("../utils/compose-event-handlers");
|
|
59
|
+
var get_transition_class_name_1 = require("../utils/get-transition-class-name");
|
|
60
|
+
var utils_1 = require("../utils");
|
|
61
|
+
var theme_1 = require("../theme");
|
|
62
|
+
var utils_2 = require("./utils");
|
|
63
|
+
// Based on https://www.w3schools.com/howto/howto_js_accordion.asp
|
|
64
|
+
var MaxHeightTransitionPanel = function (_a) {
|
|
65
|
+
var expanded = _a.expanded, children = _a.children, overrides = _a.overrides, className = _a.className;
|
|
66
|
+
var ref = (0, react_1.useRef)(null);
|
|
67
|
+
var width = (0, hooks_1.useResizeObserver)(ref)[0];
|
|
68
|
+
(0, react_1.useEffect)(function () {
|
|
69
|
+
if (expanded) {
|
|
70
|
+
ref.current.style.maxHeight = "".concat((0, utils_2.getRefScrollHeight)(ref.current), "px");
|
|
71
|
+
}
|
|
72
|
+
else {
|
|
73
|
+
ref.current.style.maxHeight = '0px';
|
|
74
|
+
}
|
|
75
|
+
}, [expanded, width]);
|
|
76
|
+
return (react_1.default.createElement(styled_1.StyledPanelTransitionContainer, { "data-testid": "panel-transition-container", ref: ref, expanded: expanded, overrides: overrides, className: className }, children));
|
|
77
|
+
};
|
|
39
78
|
var DefaultIcon = function (_a) {
|
|
40
79
|
var expanded = _a.expanded, overrides = _a.overrides;
|
|
41
80
|
return expanded ? (react_1.default.createElement(icons_1.IconFilledExpandLess, { overrides: __assign({ size: 'iconSize020' }, overrides) })) : (react_1.default.createElement(icons_1.IconFilledExpandMore, { overrides: __assign({ size: 'iconSize020' }, overrides) }));
|
|
@@ -53,6 +92,7 @@ var ThemelessAccordion = react_1.default.forwardRef(function (_a, ref) {
|
|
|
53
92
|
onClickProp,
|
|
54
93
|
function () { return onChangeProp(!expanded); },
|
|
55
94
|
]);
|
|
95
|
+
var theme = (0, theme_1.useTheme)();
|
|
56
96
|
return (react_1.default.createElement("div", { ref: ref },
|
|
57
97
|
react_1.default.createElement(text_block_1.TextBlock, { as: headerAs },
|
|
58
98
|
react_1.default.createElement(styled_1.StyledAccordionButton, __assign({ overrides: overrides, disabled: disabled, "aria-expanded": expanded, "aria-controls": ariaControlsId, id: ariaLabelledById, "data-testid": "accordion-control", onClick: onClick }, props),
|
|
@@ -60,7 +100,8 @@ var ThemelessAccordion = react_1.default.forwardRef(function (_a, ref) {
|
|
|
60
100
|
label && react_1.default.createElement(styled_1.StyledLabel, { overrides: overrides }, label),
|
|
61
101
|
react_1.default.createElement(styled_1.StyledIconWrapper, null,
|
|
62
102
|
react_1.default.createElement(IndicatorIcon, __assign({}, indicatorIconProps))))),
|
|
63
|
-
react_1.default.createElement(
|
|
103
|
+
react_1.default.createElement(react_transition_group_1.CSSTransition, { in: expanded, timeout: (0, utils_1.getTransitionDuration)("accordion.panel", 'panel')({ theme: theme, overrides: overrides }), classNames: "nk-accordion" }, function (state) { return (react_1.default.createElement(MaxHeightTransitionPanel, { className: (0, get_transition_class_name_1.getTransitionClassName)('nk-accordion', state), expanded: expanded, overrides: overrides },
|
|
104
|
+
react_1.default.createElement(styled_1.StyledPanel, { "aria-labelledby": ariaLabelledById, id: ariaControlsId, "data-testid": "accordion-content", role: "region", expanded: expanded, overrides: overrides }, children))); })));
|
|
64
105
|
});
|
|
65
106
|
exports.Accordion = (0, with_own_theme_1.withOwnTheme)(ThemelessAccordion)({
|
|
66
107
|
defaults: defaults_1.default,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/accordion/accordion.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/accordion/accordion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
2
|
accordion: {
|
|
3
3
|
header: {
|
|
4
|
+
transitionPreset: string;
|
|
4
5
|
stylePreset: string;
|
|
5
6
|
typographyPreset: string;
|
|
6
7
|
spaceInline: string;
|
|
@@ -11,6 +12,7 @@ declare const _default: {
|
|
|
11
12
|
};
|
|
12
13
|
};
|
|
13
14
|
panel: {
|
|
15
|
+
transitionPreset: string;
|
|
14
16
|
stylePreset: string;
|
|
15
17
|
paddingBlock: string;
|
|
16
18
|
paddingInline: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/accordion/defaults.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/accordion/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,wBAoBE"}
|
|
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.default = {
|
|
4
4
|
accordion: {
|
|
5
5
|
header: {
|
|
6
|
+
transitionPreset: 'backgroundColorChange',
|
|
6
7
|
stylePreset: 'accordionHeader',
|
|
7
8
|
typographyPreset: 'utilityButton030',
|
|
8
9
|
spaceInline: 'space020',
|
|
@@ -13,6 +14,7 @@ exports.default = {
|
|
|
13
14
|
},
|
|
14
15
|
},
|
|
15
16
|
panel: {
|
|
17
|
+
transitionPreset: 'maxHeightChange',
|
|
16
18
|
stylePreset: 'accordionPanel',
|
|
17
19
|
paddingBlock: 'spaceInset030',
|
|
18
20
|
paddingInline: 'spaceInset030',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/accordion/defaults.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,SAAS,EAAE;QACT,MAAM,EAAE;YACN,WAAW,EAAE,iBAAiB;YAC9B,gBAAgB,EAAE,kBAAkB;YACpC,WAAW,EAAE,UAAU;YACvB,YAAY,EAAE,eAAe;YAC7B,aAAa,EAAE,eAAe;YAC9B,KAAK,EAAE;gBACL,gBAAgB,EAAE,kBAAkB;aACrC;SACF;QACD,KAAK,EAAE;YACL,WAAW,EAAE,gBAAgB;YAC7B,YAAY,EAAE,eAAe;YAC7B,aAAa,EAAE,eAAe;SAC/B;KACF;CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/accordion/defaults.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,SAAS,EAAE;QACT,MAAM,EAAE;YACN,gBAAgB,EAAE,uBAAuB;YACzC,WAAW,EAAE,iBAAiB;YAC9B,gBAAgB,EAAE,kBAAkB;YACpC,WAAW,EAAE,UAAU;YACvB,YAAY,EAAE,eAAe;YAC7B,aAAa,EAAE,eAAe;YAC9B,KAAK,EAAE;gBACL,gBAAgB,EAAE,kBAAkB;aACrC;SACF;QACD,KAAK,EAAE;YACL,gBAAgB,EAAE,iBAAiB;YACnC,WAAW,EAAE,gBAAgB;YAC7B,YAAY,EAAE,eAAe;YAC7B,aAAa,EAAE,eAAe;SAC/B;KACF;CACF,CAAC"}
|
|
@@ -16,6 +16,10 @@ export declare const StyledIconWrapper: import("@emotion/styled").StyledComponen
|
|
|
16
16
|
theme?: import("@emotion/react").Theme | undefined;
|
|
17
17
|
as?: import("react").ElementType<any> | undefined;
|
|
18
18
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
19
|
+
export declare const StyledPanelTransitionContainer: import("@emotion/styled").StyledComponent<{
|
|
20
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
21
|
+
as?: import("react").ElementType<any> | undefined;
|
|
22
|
+
} & Pick<AccordionProps, "expanded" | "overrides">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
19
23
|
export declare const StyledPanel: import("@emotion/styled").StyledComponent<{
|
|
20
24
|
theme?: import("@emotion/react").Theme | undefined;
|
|
21
25
|
as?: import("react").ElementType<any> | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/accordion/styled.ts"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/accordion/styled.ts"],"names":[],"mappings":";AASA,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,qBAAqB;;;sKAyBjC,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAGxB,CAAC;AAEF,eAAO,MAAM,WAAW;;;6IAEvB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;yGAG7B,CAAC;AAEF,eAAO,MAAM,8BAA8B;;;0JAK1C,CAAC;AAEF,eAAO,MAAM,WAAW;;;0JAKvB,CAAC"}
|
package/cjs/accordion/styled.js
CHANGED
|
@@ -4,10 +4,10 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.StyledPanel = exports.StyledIconWrapper = exports.StyledLabel = exports.StyledHeader = exports.StyledAccordionButton = void 0;
|
|
7
|
+
exports.StyledPanel = exports.StyledPanelTransitionContainer = exports.StyledIconWrapper = exports.StyledLabel = exports.StyledHeader = exports.StyledAccordionButton = void 0;
|
|
8
8
|
var utils_1 = require("../utils");
|
|
9
9
|
var logical_properties_1 = require("../utils/logical-properties");
|
|
10
|
-
exports.StyledAccordionButton = utils_1.styled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n box-sizing: border-box;\n align-items: center;\n width: 100%;\n cursor: ", ";\n & > :not(:last-of-type) {\n ", "\n }\n ", ";\n ", ";\n ", ";\n ", "\n ", "\n"], ["\n display: flex;\n box-sizing: border-box;\n align-items: center;\n width: 100%;\n cursor: ", ";\n & > :not(:last-of-type) {\n ", "\n }\n ", ";\n ", ";\n ", ";\n ", "\n ", "\n"])), function (_a) {
|
|
10
|
+
exports.StyledAccordionButton = utils_1.styled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n box-sizing: border-box;\n align-items: center;\n width: 100%;\n cursor: ", ";\n & > :not(:last-of-type) {\n ", "\n }\n ", ";\n ", ";\n ", ";\n ", "\n ", "\n ", "\n"], ["\n display: flex;\n box-sizing: border-box;\n align-items: center;\n width: 100%;\n cursor: ", ";\n & > :not(:last-of-type) {\n ", "\n }\n ", ";\n ", ";\n ", ";\n ", "\n ", "\n ", "\n"])), function (_a) {
|
|
11
11
|
var disabled = _a.disabled;
|
|
12
12
|
return (disabled ? 'not-allowed' : 'pointer');
|
|
13
13
|
}, (0, utils_1.getResponsiveSpace)('marginRight', 'accordion.header', 'header', 'spaceInline'), (0, utils_1.getResponsiveSize)('minWidth', 'accordion.header', 'header', 'minWidth'), (0, utils_1.getResponsiveSize)('minHeight', 'accordion.header', 'header', 'minHeight'), function (_a) {
|
|
@@ -15,13 +15,11 @@ exports.StyledAccordionButton = utils_1.styled.button(templateObject_1 || (templ
|
|
|
15
15
|
return (0, utils_1.getStylePreset)('accordion.header', 'header', {
|
|
16
16
|
isDisabled: disabled,
|
|
17
17
|
});
|
|
18
|
-
}, (0, utils_1.getTypographyPreset)('accordion.header', 'header'), (0, logical_properties_1.logicalProps)('accordion.header', 'header'));
|
|
18
|
+
}, (0, utils_1.getTypographyPreset)('accordion.header', 'header'), (0, logical_properties_1.logicalProps)('accordion.header', 'header'), (0, utils_1.getTransitionPreset)('accordion.header', 'header'));
|
|
19
19
|
exports.StyledHeader = utils_1.styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n text-align: start;\n flex: 1;\n"], ["\n text-align: start;\n flex: 1;\n"])));
|
|
20
20
|
exports.StyledLabel = utils_1.styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), (0, utils_1.getTypographyPreset)('accordion.header.label', 'header.label'));
|
|
21
21
|
exports.StyledIconWrapper = utils_1.styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n align-self: center;\n"], ["\n display: flex;\n align-self: center;\n"])));
|
|
22
|
-
exports.
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
}, (0, utils_1.getStylePreset)('accordion.panel', 'panel'), (0, logical_properties_1.logicalProps)('accordion.panel', 'panel'));
|
|
26
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
22
|
+
exports.StyledPanelTransitionContainer = utils_1.styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n overflow: hidden;\n ", "\n"], ["\n overflow: hidden;\n ", "\n"])), (0, utils_1.getTransitionPreset)('accordion.panel', 'panel', 'nk-accordion'));
|
|
23
|
+
exports.StyledPanel = utils_1.styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", ";\n ", "\n"], ["\n ", ";\n ", "\n"])), (0, utils_1.getStylePreset)('accordion.panel', 'panel'), (0, logical_properties_1.logicalProps)('accordion.panel', 'panel'));
|
|
24
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
27
25
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/accordion/styled.ts"],"names":[],"mappings":";;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/accordion/styled.ts"],"names":[],"mappings":";;;;;;;AAAA,kCAOkB;AAClB,kEAAyD;AAG5C,QAAA,qBAAqB,GAAG,cAAM,CAAC,MAAM,4QAEjD,mGAKW,EAAsD,sCAE5D,EAKD,WAED,EAAuE,OACvE,EAAyE,OACzE,EAGE,OACF,EAAiD,MACjD,EAA0C,MAC1C,EAAiD,IACpD,KAlBW,UAAC,EAAU;QAAT,QAAQ,cAAA;IAAM,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;AAAtC,CAAsC,EAE5D,IAAA,0BAAkB,EAClB,aAAa,EACb,kBAAkB,EAClB,QAAQ,EACR,aAAa,CACd,EAED,IAAA,yBAAiB,EAAC,UAAU,EAAE,kBAAkB,EAAE,QAAQ,EAAE,UAAU,CAAC,EACvE,IAAA,yBAAiB,EAAC,WAAW,EAAE,kBAAkB,EAAE,QAAQ,EAAE,WAAW,CAAC,EACzE,UAAC,EAAU;QAAT,QAAQ,cAAA;IACV,OAAA,IAAA,sBAAc,EAAC,kBAAkB,EAAE,QAAQ,EAAE;QAC3C,UAAU,EAAE,QAAQ;KACrB,CAAC;AAFF,CAEE,EACF,IAAA,2BAAmB,EAAC,kBAAkB,EAAE,QAAQ,CAAC,EACjD,IAAA,iCAAY,EAAC,kBAAkB,EAAE,QAAQ,CAAC,EAC1C,IAAA,2BAAmB,EAAC,kBAAkB,EAAE,QAAQ,CAAC,EACnD;AAEW,QAAA,YAAY,GAAG,cAAM,CAAC,GAAG,yGAAA,sCAGrC,KAAC;AAEW,QAAA,WAAW,GAAG,cAAM,CAAC,GAAG,+EAAmC,MACpE,EAA6D,IAChE,KADG,IAAA,2BAAmB,EAAC,wBAAwB,EAAE,cAAc,CAAC,EAC/D;AAEW,QAAA,iBAAiB,GAAG,cAAM,CAAC,GAAG,gHAAA,6CAG1C,KAAC;AAEW,QAAA,8BAA8B,GAAG,cAAM,CAAC,GAAG,oGAEvD,2BAEG,EAA+D,IAClE,KADG,IAAA,2BAAmB,EAAC,iBAAiB,EAAE,OAAO,EAAE,cAAc,CAAC,EACjE;AAEW,QAAA,WAAW,GAAG,cAAM,CAAC,GAAG,wFAEpC,MACG,EAA0C,OAC1C,EAAwC,IAC3C,KAFG,IAAA,sBAAc,EAAC,iBAAiB,EAAE,OAAO,CAAC,EAC1C,IAAA,iCAAY,EAAC,iBAAiB,EAAE,OAAO,CAAC,EAC1C"}
|
package/cjs/accordion/types.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ import { NewsKitIconProps } from '../icons';
|
|
|
3
3
|
import { MQ } from '../utils';
|
|
4
4
|
import { LogicalPaddingProps } from '../utils/logical-properties';
|
|
5
5
|
import { Override } from '../utils/overrides';
|
|
6
|
+
import { TransitionToken } from '../theme';
|
|
6
7
|
export declare type AccordionIconProps = NewsKitIconProps & Pick<AccordionProps, 'expanded'>;
|
|
7
8
|
export interface AccordionHeaderOverrides extends LogicalPaddingProps {
|
|
8
9
|
minWidth?: MQ<string>;
|
|
@@ -14,12 +15,15 @@ export interface AccordionHeaderOverrides extends LogicalPaddingProps {
|
|
|
14
15
|
typographyPreset?: MQ<string>;
|
|
15
16
|
};
|
|
16
17
|
indicatorIcon?: Override<AccordionIconProps>;
|
|
18
|
+
transitionPreset?: TransitionToken | TransitionToken[];
|
|
19
|
+
}
|
|
20
|
+
export interface AccordionPanelOverrides {
|
|
21
|
+
stylePreset?: MQ<string>;
|
|
22
|
+
transitionPreset?: TransitionToken | TransitionToken[];
|
|
17
23
|
}
|
|
18
24
|
export declare type AccordionPropsOverrides = {
|
|
19
25
|
header?: AccordionHeaderOverrides;
|
|
20
|
-
panel?:
|
|
21
|
-
stylePreset?: MQ<string>;
|
|
22
|
-
};
|
|
26
|
+
panel?: AccordionPanelOverrides;
|
|
23
27
|
};
|
|
24
28
|
export interface AccordionProps {
|
|
25
29
|
children?: Exclude<React.ReactNode, 'undefined'>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/accordion/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,EAAE,EAAC,MAAM,UAAU,CAAC;AAC5B,OAAO,EAAC,mBAAmB,EAAC,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/accordion/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,EAAE,EAAC,MAAM,UAAU,CAAC;AAC5B,OAAO,EAAC,mBAAmB,EAAC,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAC,eAAe,EAAC,MAAM,UAAU,CAAC;AAEzC,oBAAY,kBAAkB,GAAG,gBAAgB,GAC/C,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;AAEnC,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACnE,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACtB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACvB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAC9B,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB,KAAK,CAAC,EAAE;QACN,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC/B,CAAC;IACF,aAAa,CAAC,EAAE,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IAC7C,gBAAgB,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;CACxD;AAED,MAAM,WAAW,uBAAuB;IACtC,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB,gBAAgB,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;CACxD;AAED,oBAAY,uBAAuB,GAAG;IACpC,MAAM,CAAC,EAAE,wBAAwB,CAAC;IAClC,KAAK,CAAC,EAAE,uBAAuB,CAAC;CACjC,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,oBAAY,mBAAmB,GAAG;IAChC,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,KAAK,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,KAAK,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/accordion/utils.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,OAAQ,cAAc,WAAoB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.getRefScrollHeight = void 0;
|
|
4
|
+
// JSDom doesn't support layout, and we can't manually set `scrollHeight` on elements
|
|
5
|
+
// until they are rendered. So accessing this prop directly makes testing difficult.
|
|
6
|
+
// Moving the logic to a standalone function that we can mock in tests solves this.
|
|
7
|
+
var getRefScrollHeight = function (el) { return el.scrollHeight; };
|
|
8
|
+
exports.getRefScrollHeight = getRefScrollHeight;
|
|
9
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/accordion/utils.ts"],"names":[],"mappings":";;;AAAA,qFAAqF;AACrF,oFAAoF;AACpF,mFAAmF;AAC5E,IAAM,kBAAkB,GAAG,UAAC,EAAkB,IAAK,OAAA,EAAE,CAAC,YAAY,EAAf,CAAe,CAAC;AAA7D,QAAA,kBAAkB,sBAA2C"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { AudioPlayerSeekBarProps } from './types';
|
|
3
|
-
export declare const AudioPlayerSeekBar: import("../../../utils
|
|
3
|
+
export declare const AudioPlayerSeekBar: import("../../../utils").NewsKitReactComponents<AudioPlayerSeekBarProps & React.RefAttributes<HTMLDivElement>>;
|
|
4
4
|
//# sourceMappingURL=seek-bar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"seek-bar.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/seek-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAC,uBAAuB,EAAC,MAAM,SAAS,CAAC;AAgJhD,eAAO,MAAM,kBAAkB
|
|
1
|
+
{"version":3,"file":"seek-bar.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/seek-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAC,uBAAuB,EAAC,MAAM,SAAS,CAAC;AAgJhD,eAAO,MAAM,kBAAkB,gHAG7B,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export declare const AudioPlayerTimeDisplay: import("../../../utils
|
|
2
|
+
export declare const AudioPlayerTimeDisplay: import("../../../utils").NewsKitReactComponents<{
|
|
3
3
|
format?: import("./types").AudioPlayerTimeFormatFn | undefined;
|
|
4
4
|
overrides?: {
|
|
5
5
|
typographyPreset?: import("../../../utils").MQ<string> | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/defaults.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAiCE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/defaults.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,wBAAwB,EAAE;QACxB,gBAAgB,EAAE,aAAa;QAC/B,YAAY,EAAE,UAAU;QACxB,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,WAAW,EAAE,+BAA+B;gBAC5C,IAAI,EAAE,WAAW;gBACjB,MAAM,EAAE,OAAO;aAChB;YACD,SAAS,EAAE;gBACT,WAAW,EAAE,mCAAmC;aACjD;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,+BAA+B;gBAC5C,IAAI,EAAE,WAAW;aAClB;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,WAAW;aAClB;SACF;QACD,MAAM,EAAE;YACN,WAAW,EAAE,0BAA0B;SACxC;QACD,OAAO,EAAE;YACP,WAAW,EAAE,iCAAiC;YAC9C,OAAO,EAAE;gBACP,YAAY,EAAE,UAAU;gBACxB,aAAa,EAAE,UAAU;aAC1B;SACF;KACF;CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/defaults.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,wBAAwB,EAAE;QACxB,gBAAgB,EAAE,aAAa;QAC/B,YAAY,EAAE,UAAU;QACxB,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,WAAW,EAAE,+BAA+B;gBAC5C,IAAI,EAAE,WAAW;gBACjB,MAAM,EAAE,OAAO;aAChB;YACD,SAAS,EAAE;gBACT,WAAW,EAAE,mCAAmC;aACjD;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,+BAA+B;gBAC5C,IAAI,EAAE,WAAW;aAClB;YACD,QAAQ,EAAE;gBACR,IAAI,EAAE,WAAW;aAClB;SACF;QACD,MAAM,EAAE;YACN,WAAW,EAAE,0BAA0B;SACxC;QACD,OAAO,EAAE;YACP,QAAQ,EAAE,UAAU;YACpB,WAAW,EAAE,iCAAiC;YAC9C,OAAO,EAAE;gBACP,YAAY,EAAE,UAAU;gBACxB,aAAa,EAAE,UAAU;aAC1B;SACF;KACF;CACF,CAAC"}
|
|
@@ -21,7 +21,7 @@ export interface AudioPlayerVolumeControlOverridesProps {
|
|
|
21
21
|
stylePreset?: MQ<string>;
|
|
22
22
|
muteButtonIcon: Override<MuteButtonIconProps>;
|
|
23
23
|
};
|
|
24
|
-
popover?: PopoverProps
|
|
24
|
+
popover?: Override<PopoverProps>;
|
|
25
25
|
}
|
|
26
26
|
export interface AudioPlayerVolumeControlProps {
|
|
27
27
|
layout?: 'collapsed' | 'vertical' | 'horizontal' | 'horizontal-expanded';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAC,mBAAmB,EAAC,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAC;AAElD,oBAAY,mBAAmB,GAAG,gBAAgB,GAChD,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;AAClC,MAAM,WAAW,sCAAsC;IACrD,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB,gBAAgB,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;IACvD,YAAY,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAC1B,MAAM,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,GAAG;QAC5C,KAAK,CAAC,EAAE;YACN,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;KACH,CAAC;IACF,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,cAAc,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAAC;KAC/C,CAAC;IACF,OAAO,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAC,mBAAmB,EAAC,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAC;AAElD,oBAAY,mBAAmB,GAAG,gBAAgB,GAChD,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;AAClC,MAAM,WAAW,sCAAsC;IACrD,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB,gBAAgB,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;IACvD,YAAY,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAC1B,MAAM,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,GAAG;QAC5C,KAAK,CAAC,EAAE;YACN,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;KACH,CAAC;IACF,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,cAAc,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAAC;KAC/C,CAAC;IACF,OAAO,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,6BAA6B;IAC5C,MAAM,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,YAAY,GAAG,qBAAqB,CAAC;IACzE,SAAS,CAAC,EAAE,sCAAsC,CAAC;IACnD,iBAAiB,CAAC,EAAE;QAAC,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;KAAC,CAAC;IACpD,cAAc,CAAC,EAAE,UAAU,CAAC;CAC7B;AACD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,EAAE,UAAU,CAAC;IACjB,qBAAqB,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAC1C,SAAS,EAAE;QACT,WAAW,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACxB,cAAc,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAAC;KAC/C,CAAC;CACH"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { AudioPlayerVolumeControlProps } from './types';
|
|
3
|
-
export declare const AudioPlayerVolumeControl: import("../../../utils
|
|
3
|
+
export declare const AudioPlayerVolumeControl: import("../../../utils").NewsKitReactComponents<AudioPlayerVolumeControlProps & React.RefAttributes<HTMLDivElement>>;
|
|
4
4
|
//# sourceMappingURL=volume-control.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"volume-control.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/volume-control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAW9D,OAAO,EAAC,6BAA6B,EAAC,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"volume-control.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/volume-control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAW9D,OAAO,EAAC,6BAA6B,EAAC,MAAM,SAAS,CAAC;AA4MtD,eAAO,MAAM,wBAAwB,sHAEV,CAAC"}
|
|
@@ -54,6 +54,7 @@ var filter_object_1 = require("../../../utils/filter-object");
|
|
|
54
54
|
var utils_2 = require("../../../utils");
|
|
55
55
|
var get_transition_class_name_1 = require("../../../utils/get-transition-class-name");
|
|
56
56
|
var popover_1 = require("../../../popover");
|
|
57
|
+
var overrides_1 = require("../../../utils/overrides");
|
|
57
58
|
var ThemelessAudioPlayerVolumeControl = react_1.default.forwardRef(function (props, ref) {
|
|
58
59
|
var getVolumeControlProps = (0, context_1.useAudioPlayerContext)().getVolumeControlProps;
|
|
59
60
|
var _a = getVolumeControlProps(props), volume = _a.volume, onChange = _a.onChange, _b = _a.layout, layout = _b === void 0 ? 'horizontal-expanded' : _b, keyboardShortcuts = _a.keyboardShortcuts, overrides = _a.overrides, initialVolume = _a.initialVolume, muteButtonSize = _a.muteButtonSize;
|
|
@@ -104,9 +105,23 @@ var ThemelessAudioPlayerVolumeControl = react_1.default.forwardRef(function (pro
|
|
|
104
105
|
: gridColumnsSingle;
|
|
105
106
|
var sliderComponent = (react_1.default.createElement(slider_1.Slider, { vertical: layout === 'vertical', min: 0, max: 1, step: 0.1, values: [volume], onChange: onSliderChange, ariaLabel: "Volume Control", ariaValueText: "volume level ".concat([volume][0] * 10, " of 10"), dataTestId: "volume-control-slider", ariaDescribedBy: volumeSliderInstructionId, overrides: sliderOverrides }));
|
|
106
107
|
var popoverOverrides = (0, utils_1.getPopoverOverrides)(theme, overrides);
|
|
108
|
+
var popoverContent = (react_1.default.createElement(styled_1.StyledVolumeSliderPopupContainer, { overrides: overrides }, sliderComponent));
|
|
109
|
+
var DefaultPopover = popover_1.Popover;
|
|
110
|
+
var _f = (0, overrides_1.getComponentOverrides)(
|
|
111
|
+
/* istanbul ignore next */
|
|
112
|
+
overrides === null || overrides === void 0 ? void 0 : overrides.popover, DefaultPopover, {
|
|
113
|
+
id: 'volume-control-slider-popup',
|
|
114
|
+
open: layout === 'vertical' && open,
|
|
115
|
+
hidePointer: false,
|
|
116
|
+
content: popoverContent,
|
|
117
|
+
overrides: popoverOverrides,
|
|
118
|
+
header: undefined,
|
|
119
|
+
closePosition: 'none',
|
|
120
|
+
disableFocusManagement: true,
|
|
121
|
+
}), PopoverComponent = _f[0], popoverProps = _f[1];
|
|
107
122
|
return (react_1.default.createElement(styled_1.StyledGridLayout, { ref: ref, onFocus: function () { return setOpenHandler(true); }, onBlur: function () { return setOpenHandler(false); }, onMouseEnter: function () { return setOpenHandler(true); }, onMouseLeave: function () { return setOpenHandler(false); }, columns: gridColumns, areas: gridAreas, justifyItems: "start", alignItems: "center", overrides: overrides },
|
|
108
123
|
react_1.default.createElement(grid_layout_1.GridLayoutItem, { area: "muteButton" },
|
|
109
|
-
react_1.default.createElement(
|
|
124
|
+
react_1.default.createElement(PopoverComponent, __assign({}, popoverProps),
|
|
110
125
|
react_1.default.createElement(mute_button_1.MuteButton, { volume: volume, unMutedVolume: unMutedVolume, onChange: onChange, size: muteButtonSize || 'medium', muteKeyboardShortcuts: keyboardShortcuts === null || keyboardShortcuts === void 0 ? void 0 : keyboardShortcuts.muteToggle, overrides: buttonOverrides }))),
|
|
111
126
|
useSliderContainer && (react_1.default.createElement(grid_layout_1.GridLayoutItem, { area: "slider" },
|
|
112
127
|
react_1.default.createElement(react_transition_group_1.CSSTransition, { in: open, timeout: (0, utils_2.getTransitionDuration)("audioPlayerVolumeControl", '')({ theme: theme, overrides: overrides }), classNames: "nk-vc", appear: true, onEnter: function () { return setIsVisibleHandler(true); }, onExited: function () { return setIsVisibleHandler(false); } }, function (state) { return (react_1.default.createElement(styled_1.StyledVolumeSliderContainer, { className: (0, get_transition_class_name_1.getTransitionClassName)('nk-vc', state), layout: layout, overrides: overrides, open: open, visible: isVisible }, sliderComponent)); }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"volume-control.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/volume-control.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8D;AAC9D,iEAAqD;AACrD,kEAA6D;AAC7D,0CAAuC;AACvC,gEAA2D;AAC3D,iCAA8D;AAC9D,yCAAoD;AACpD,wDAAkC;AAClC,6CAAyC;AACzC,wCAAwD;AACxD,kEAA2C;AAE3C,oDAAoD;AACpD,mCAIkB;AAClB,8CAAkD;AAClD,wDAAoD;AACpD,kFAA6E;AAC7E,8DAAsE;AACtE,wCAAqD;AACrD,sFAAgF;AAChF,
|
|
1
|
+
{"version":3,"file":"volume-control.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/volume-control.tsx"],"names":[],"mappings":"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"}
|
package/cjs/banner/banner.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BannerProps } from './types';
|
|
3
|
-
export declare const Banner: import("../utils
|
|
3
|
+
export declare const Banner: import("../utils").NewsKitReactComponents<BannerProps & React.RefAttributes<HTMLDivElement>>;
|
|
4
4
|
//# sourceMappingURL=banner.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../src/banner/banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,WAAW,EAAC,MAAM,SAAS,CAAC;AAyDzD,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../src/banner/banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,WAAW,EAAC,MAAM,SAAS,CAAC;AAyDzD,eAAO,MAAM,MAAM,8FAA0D,CAAC"}
|
|
@@ -84,7 +84,7 @@ exports.BaseFloatingElement = React.forwardRef(function (_a, ref) {
|
|
|
84
84
|
setOpen(isOpen);
|
|
85
85
|
},
|
|
86
86
|
whileElementsMounted: react_dom_interactions_1.autoUpdate,
|
|
87
|
-
middleware: __spreadArray(__spreadArray(__spreadArray(__spreadArray([], (
|
|
87
|
+
middleware: __spreadArray(__spreadArray(__spreadArray(__spreadArray([], (distance ? [(0, react_dom_interactions_1.offset)(distance)] : []), true), (fallbackBehaviour.includes('flip')
|
|
88
88
|
? [(0, react_dom_interactions_1.flip)({ boundary: boundary })]
|
|
89
89
|
: /* istanbul ignore next */ []), true), (fallbackBehaviour.includes('shift')
|
|
90
90
|
? [(0, react_dom_interactions_1.shift)({ boundary: boundary })]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-floating-element.js","sourceRoot":"","sources":["../../../src/base-floating-element/base-floating-element.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,iEAAqD;AACrD,+BAAwC;AACxC,8EAQ6C;AAC7C,kFAAqD;AAErD,mCAA2E;AAC3E,wCAA6C;AAC7C,kCAAkC;AAClC,iCAAmE;AACnE,kCAA+C;AAC/C,gFAA0E;AAE7D,QAAA,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAIjD,UACE,EAoBC,EACD,GAAG;QApBD,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACX,QAAQ,UAAA,EACd,SAAS,eAAA,EACT,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EACnB,IAAI,UAAA,EACJ,eAAe,qBAAA,EACf,wBAAwB,8BAAA,EACxB,6BAA6B,mCAAA,EAC7B,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,eAAe,qBAAA,EACf,SAAS,eAAA;IACT,0BAA0B;IAC1B,yBAAqC;IADrC,0BAA0B;IAC1B,iBAAiB,mBAAG,CAAC,MAAM,EAAE,OAAO,CAAC,KAAA,EACrC,8BAA8B,EAA9B,sBAAsB,mBAAG,KAAK,KAAA,EAC9B,QAAQ,cAAA;IAIJ,IAAA,KAAkB,IAAA,qBAAa,EAAC;QACpC,eAAe,EAAE,QAAQ;QACzB,YAAY,EAAE,KAAK;KACpB,CAAC,EAHK,IAAI,QAAA,EAAE,OAAO,QAGlB,CAAC;IAEH,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,IAAM,QAAQ,GAAG,IAAA,0BAAkB,EACjC,IAAI,EACJ,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,UAAU,EACV,UAAU,CACX,CAAC;IAEF,IAAM,cAAc,GAAG,IAAA,0BAAkB,EACvC,UAAG,IAAI,aAAU,EACjB,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,oBAAoB,EACpB,YAAY,CACb,CAAC;IAEF,IAAA,iBAAS,EAAC;QACR,IAAA,8BAAsB,EAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QAC7C,IAAA,8BAAsB,EAAC,cAAc,EAAE,oBAAoB,CAAC,CAAC;IAC/D,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC;IAE/B,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC9C,IAAM,UAAU,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAC1B,IAAA,KAUF,IAAA,oCAAW,EAAc;QAC3B,SAAS,WAAA;QACT,IAAI,MAAA;QACJ,YAAY,EAAE,UAAA,MAAM;YAClB,wEAAwE;YACxE,IAAI,CAAC,MAAM,IAAI,SAAS,EAAE;gBACxB,SAAS,EAAE,CAAC;aACb;YACD,OAAO,CAAC,MAAM,CAAC,CAAC;QAClB,CAAC;QACD,oBAAoB,EAAE,mCAAU;QAChC,UAAU,8DACL,CAAC,
|
|
1
|
+
{"version":3,"file":"base-floating-element.js","sourceRoot":"","sources":["../../../src/base-floating-element/base-floating-element.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,iEAAqD;AACrD,+BAAwC;AACxC,8EAQ6C;AAC7C,kFAAqD;AAErD,mCAA2E;AAC3E,wCAA6C;AAC7C,kCAAkC;AAClC,iCAAmE;AACnE,kCAA+C;AAC/C,gFAA0E;AAE7D,QAAA,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAIjD,UACE,EAoBC,EACD,GAAG;QApBD,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACX,QAAQ,UAAA,EACd,SAAS,eAAA,EACT,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EACnB,IAAI,UAAA,EACJ,eAAe,qBAAA,EACf,wBAAwB,8BAAA,EACxB,6BAA6B,mCAAA,EAC7B,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,eAAe,qBAAA,EACf,SAAS,eAAA;IACT,0BAA0B;IAC1B,yBAAqC;IADrC,0BAA0B;IAC1B,iBAAiB,mBAAG,CAAC,MAAM,EAAE,OAAO,CAAC,KAAA,EACrC,8BAA8B,EAA9B,sBAAsB,mBAAG,KAAK,KAAA,EAC9B,QAAQ,cAAA;IAIJ,IAAA,KAAkB,IAAA,qBAAa,EAAC;QACpC,eAAe,EAAE,QAAQ;QACzB,YAAY,EAAE,KAAK;KACpB,CAAC,EAHK,IAAI,QAAA,EAAE,OAAO,QAGlB,CAAC;IAEH,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,IAAM,QAAQ,GAAG,IAAA,0BAAkB,EACjC,IAAI,EACJ,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,UAAU,EACV,UAAU,CACX,CAAC;IAEF,IAAM,cAAc,GAAG,IAAA,0BAAkB,EACvC,UAAG,IAAI,aAAU,EACjB,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAClB,oBAAoB,EACpB,YAAY,CACb,CAAC;IAEF,IAAA,iBAAS,EAAC;QACR,IAAA,8BAAsB,EAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QAC7C,IAAA,8BAAsB,EAAC,cAAc,EAAE,oBAAoB,CAAC,CAAC;IAC/D,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC;IAE/B,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC9C,IAAM,UAAU,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAC1B,IAAA,KAUF,IAAA,oCAAW,EAAc;QAC3B,SAAS,WAAA;QACT,IAAI,MAAA;QACJ,YAAY,EAAE,UAAA,MAAM;YAClB,wEAAwE;YACxE,IAAI,CAAC,MAAM,IAAI,SAAS,EAAE;gBACxB,SAAS,EAAE,CAAC;aACb;YACD,OAAO,CAAC,MAAM,CAAC,CAAC;QAClB,CAAC;QACD,oBAAoB,EAAE,mCAAU;QAChC,UAAU,8DACL,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAA,+BAAM,EAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,SACpC,CAAC,iBAAiB,CAAC,QAAQ,CAAC,MAAM,CAAC;YACpC,CAAC,CAAC,CAAC,IAAA,6BAAI,EAAC,EAAC,QAAQ,UAAA,EAAC,CAAC,CAAC;YACpB,CAAC,CAAC,0BAA0B,CAAC,EAAE,CAAC,SAC/B,CAAC,iBAAiB,CAAC,QAAQ,CAAC,OAAO,CAAC;YACrC,CAAC,CAAC,CAAC,IAAA,8BAAK,EAAC,EAAC,QAAQ,UAAA,EAAC,CAAC,CAAC;YACrB,CAAC,CAAC,0BAA0B,CAAC,EAAE,CAAC,SAC/B,CAAC,CAAC,WAAW;YACd,CAAC,CAAC,CAAC,IAAA,8BAAK,EAAC,EAAC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,EAAC,CAAC,CAAC;YACzD,CAAC,CAAC,EAAE,CAAC,OACR;KACF,CAAC,EAhCA,CAAC,OAAA,EACD,CAAC,OAAA,EACD,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,OAAO,aAAA,EACU,4BAAsC,EAAtC,qBAAoC,EAAE,KAAA,EAA3B,QAAQ,OAAA,EAAK,QAAQ,OAAA,EACtC,iBAAiB,eAAA,EAC5B,IAAI,UAwBJ,CAAC;IAEH,IAAM,YAAY,GAAG,cAAO,IAAA,8BAAK,GAAE,CAAE,CAAC;IACtC,IAAM,UAAU,GAAG,mBAAY,IAAA,8BAAK,GAAE,CAAE,CAAC;IACzC,IAAM,QAAQ,GAAG;QACf,QAAQ,EAAE,EAAC,EAAE,EAAE,UAAU,EAAE,IAAI,MAAA,EAAC;QAChC,GAAG,EAAE,EAAC,EAAE,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,YAAY,EAAC;KAC7C,CAAC;IACF,IAAM,mBAAmB,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAC;IAC/D,IAAM,wBAAwB,GAAG,6BAA6B,CAAC,QAAQ,CAAC,CAAC;IAEzE,IAAM,eAAe,GAAG,OAAO,OAAO,KAAK,QAAQ,CAAC;IAC9C,IAAA,KAAwC,eAAe,CAAC,OAAO,CAAC,EAA/D,iBAAiB,uBAAA,EAAE,gBAAgB,sBAA4B,CAAC;IAEvE,2EAA2E;IAC3E,iDAAiD;IACjD,IAAM,UAAU,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAChC,IAAA,iBAAS,EAAC;;QACR,0CAA0C;QAC1C,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;YAC3B,OAAO;SACR;QAED,4EAA4E;QAC5E,oFAAoF;QACpF,IAAI,IAAI,KAAK,SAAS,IAAI,CAAC,sBAAsB,EAAE;YACjD,IAAI,IAAI,EAAE;gBACR,0BAA0B;gBAC1B,IAAI,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,OAAO,EAAE;oBAC5B,0BAA0B;oBAC1B,eAAe,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;iBACjC;qBAAM;oBACL,0BAA0B;oBAC1B,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;iBAC5B;aACF;iBAAM,IAAI,cAAc,EAAE;gBACzB,cAAc,CAAC,KAAK,EAAE,CAAC;aACxB;iBAAM;gBACL,0BAA0B;gBAC1B,MAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;aAClC;SACF;IACH,CAAC,EAAE;QACD,IAAI;QACJ,IAAI;QACJ,IAAI,CAAC,SAAS;QACd,QAAQ;QACR,eAAe;QACf,QAAQ;QACR,cAAc;QACd,sBAAsB;KACvB,CAAC,CAAC;IAEH,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,QAAQ,CAAC;KACjB;IAED,gFAAgF;IAChF,+EAA+E;IAC/E,kFAAkF;IAClF,kFAAkF;IAClF,YAAY;IACZ,IAAM,cAAc,GAAG,iBAAiB,EAAoB,CAAC;IAE7D,IAAM,uBAAuB,GAAG,aAAM,IAAI,CAAE,CAAC;IAE7C,OAAO,CACL;QACG,KAAK,CAAC,YAAY,CAAC,QAAQ,wCAC1B,GAAG,EAAE,IAAA,4BAAW,EAAU,SAAS,EAAE,QAAQ,CAAC,GAAG,CAAC,IAC/C,mBAAmB,KACtB,EAAE,EACA,wBAAwB,CAAC,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;gBAC/D,CAAC,CAAC,YAAY;gBACd,CAAC,CAAC,SAAS,KACZ,cAAc;YACjB,qFAAqF;YACrF,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,OAAO,IAAI,cAAc,CAAC,OAAO,EACzD,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,SAAS,IAAI,cAAc,CAAC,SAAS,EAC/D,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,OAAO,IAAI,cAAc,CAAC,OAAO,EACzD,aAAa,EACX,QAAQ,CAAC,KAAK,CAAC,aAAa,IAAI,cAAc,CAAC,aAAa,IAC9D;QACF,oBAAC,sCAAa,IACZ,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,IAAA,6BAAqB,EAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,CAAC,EAC5D,UAAU,EAAE,uBAAuB,EACnC,YAAY,QACZ,aAAa,QACb,MAAM,UAEL,UAAA,KAAK,IAAI,OAAA,CACR,oBAAC,8BAAqB,aACpB,GAAG,EAAE,GAAG,IACJ,gBAAgB,CAAC;YACnB,GAAG,EAAE,QAAQ;YACb,EAAE,EAAE,UAAU;SACf,CAAC,IACF,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,cAAI,IAAA,kDAAsB,EACrD,uBAAuB,EACvB,KAAK,CACN,CAAE,EACH,uBAAuB,EAAE,uBAAuB,EAChD,QAAQ,EAAE,QAAQ,QACd,CAAC,QACD,CAAC,EACL,SAAS,EAAE,iBAAiB,EAC5B,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,IACN,wBAAwB,IAC5B,IAAI,EAAE,IAAI;YAEV,oBAAC,oBAAW,IACV,QAAQ,EAAE,CAAC,CAAC,iBACA,wBAAwB,EACpC,EAAE,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EACjC,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,QAAQ,IAEZ,OAAO,OAAO,KAAK,UAAU;gBAC5B,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC;gBACzB,CAAC,CAAC,OAAO,CACC;YACb,CAAC,WAAW,IAAI,CACf,oBAAC,sBAAa,IACZ,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,UAAG,UAAU,aAAU,EAC3B,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,iBAAiB,QACxB,QAAQ,QACR,QAAQ,EACZ,SAAS,EAAE,SAAS,GACpB,CACH,CACqB,CACzB,EA9CS,CA8CT,CACa,CACf,CACJ,CAAC;AACJ,CAAC,CACF,CAAC"}
|
package/cjs/button/styled.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ButtonOrButtonLinkProps } from './types';
|
|
3
|
-
export declare const StyledFlag: import("@emotion/styled").StyledComponent<import("
|
|
3
|
+
export declare const StyledFlag: import("@emotion/styled").StyledComponent<import("..").BaseFlagProps<import("..").BaseFlagOverrides> & import("react").RefAttributes<HTMLDivElement> & {
|
|
4
4
|
theme?: import("@emotion/react").Theme | undefined;
|
|
5
5
|
} & Omit<ButtonOrButtonLinkProps, "size">, {}, {}>;
|
|
6
6
|
//# sourceMappingURL=styled.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/button/styled.ts"],"names":[],"mappings":";AAIA,OAAO,EAAC,uBAAuB,EAAC,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,UAAU;;
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/button/styled.ts"],"names":[],"mappings":";AAIA,OAAO,EAAC,uBAAuB,EAAC,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,UAAU;;kDAmBtB,CAAC"}
|
package/cjs/button/styled.js
CHANGED
|
@@ -5,11 +5,11 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
5
5
|
};
|
|
6
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
7
|
exports.StyledFlag = void 0;
|
|
8
|
-
var flag_1 = require("../flag");
|
|
8
|
+
var flag_1 = require("../flag/flag");
|
|
9
9
|
var logical_properties_1 = require("../utils/logical-properties");
|
|
10
10
|
var style_1 = require("../utils/style");
|
|
11
11
|
var transition_preset_1 = require("../utils/style/transition-preset");
|
|
12
|
-
exports.StyledFlag = (0, style_1.styled)(flag_1.
|
|
12
|
+
exports.StyledFlag = (0, style_1.styled)(flag_1.BaseFlag)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin: 0; //reset for safari\n\n ", "\n ", "\n\n ", "; // needs to be used in here as well, even though Flag uses it itself\n // that is because of the margin: 0; override higher up.\n"], ["\n margin: 0; //reset for safari\n\n ", "\n ", "\n\n ", "; // needs to be used in here as well, even though Flag uses it itself\n // that is because of the margin: 0; override higher up.\n"])), function (_a) {
|
|
13
13
|
var size = _a.size;
|
|
14
14
|
return (0, transition_preset_1.getTransitionPreset)("button.".concat(size), '');
|
|
15
15
|
}, function (_a) {
|