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/cjs/slider/slider.js
CHANGED
|
@@ -53,7 +53,7 @@ var labelFlowMap = [
|
|
|
53
53
|
},
|
|
54
54
|
];
|
|
55
55
|
var ThemelessSlider = react_1.default.forwardRef(function (_a, ref) {
|
|
56
|
-
var min = _a.min, max = _a.max, _b = _a.step, step = _b === void 0 ? 1 : _b, onChange = _a.onChange, onFinalChange = _a.onFinalChange, onKeyDown = _a.onKeyDown, disabled = _a.disabled, values = _a.values, vertical = _a.vertical, _c = _a.ariaLabel, ariaLabel = _c === void 0 ? 'slider' : _c, ariaValueText = _a.ariaValueText, ariaDescribedBy = _a.ariaDescribedBy, minLabel = _a.minLabel, maxLabel = _a.maxLabel, _d = _a.labelPosition, labelPosition = _d === void 0 ? 'inline' : _d, thumbLabel = _a.thumbLabel, ThumbIcon = _a.thumbIcon, _e = _a.dataTestId, dataTestId = _e === void 0 ? 'slider' : _e, _f = _a.overrides, allOverrides = _f === void 0 ? {} : _f, renderTrack = _a.renderTrack, renderThumb = _a.renderThumb, rest = __rest(_a, ["min", "max", "step", "onChange", "onFinalChange", "onKeyDown", "disabled", "values", "vertical", "ariaLabel", "ariaValueText", "ariaDescribedBy", "minLabel", "maxLabel", "labelPosition", "thumbLabel", "thumbIcon", "dataTestId", "overrides", "renderTrack", "renderThumb"]);
|
|
56
|
+
var min = _a.min, max = _a.max, _b = _a.step, step = _b === void 0 ? 1 : _b, onChange = _a.onChange, onFinalChange = _a.onFinalChange, onKeyDown = _a.onKeyDown, disabled = _a.disabled, values = _a.values, vertical = _a.vertical, _c = _a.ariaLabel, ariaLabel = _c === void 0 ? 'slider' : _c, ariaValueText = _a.ariaValueText, ariaDescribedBy = _a.ariaDescribedBy, minLabel = _a.minLabel, maxLabel = _a.maxLabel, _d = _a.labelPosition, labelPosition = _d === void 0 ? 'inline' : _d, thumbLabel = _a.thumbLabel, ThumbIcon = _a.thumbIcon, _e = _a.dataTestId, dataTestId = _e === void 0 ? 'slider' : _e, _f = _a.overrides, allOverrides = _f === void 0 ? {} : _f, renderTrack = _a.renderTrack, renderThumb = _a.renderThumb, tabIndex = _a.tabIndex, rest = __rest(_a, ["min", "max", "step", "onChange", "onFinalChange", "onKeyDown", "disabled", "values", "vertical", "ariaLabel", "ariaValueText", "ariaDescribedBy", "minLabel", "maxLabel", "labelPosition", "thumbLabel", "thumbIcon", "dataTestId", "overrides", "renderTrack", "renderThumb", "tabIndex"]);
|
|
57
57
|
var overrides = (0, logical_properties_1.omitLogicalPropsFromOverrides)(allOverrides);
|
|
58
58
|
var logicalProps = (0, logical_properties_1.extractLogicalPropsFromOverrides)(allOverrides);
|
|
59
59
|
var theme = (0, theme_1.useTheme)();
|
|
@@ -72,7 +72,7 @@ var ThemelessSlider = react_1.default.forwardRef(function (_a, ref) {
|
|
|
72
72
|
var renderThumbFn = renderThumb ||
|
|
73
73
|
(function (_a) {
|
|
74
74
|
var p = _a.props, index = _a.index, isDragged = _a.isDragged;
|
|
75
|
-
return (react_1.default.createElement(styled_1.StyledThumb, __assign({}, p, { disabled: disabled, "aria-label": ariaLabel, "aria-orientation": vertical ? 'vertical' : 'horizontal', "aria-valuetext": ariaValueText, "aria-describedby": ariaDescribedBy, values: values, dragged: isDragged, "data-testid": "".concat(dataTestId, "-thumb"), overrides: overrides }),
|
|
75
|
+
return (react_1.default.createElement(styled_1.StyledThumb, __assign({}, p, { disabled: disabled, "aria-label": ariaLabel, "aria-orientation": vertical ? 'vertical' : 'horizontal', "aria-valuetext": ariaValueText, "aria-describedby": ariaDescribedBy, values: values, dragged: isDragged, "data-testid": "".concat(dataTestId, "-thumb"), overrides: overrides, tabIndex: tabIndex || p.tabIndex }),
|
|
76
76
|
react_1.default.createElement(styled_1.StyledThumbFeedback, { disabled: disabled, overrides: overrides, "data-testid": "".concat(dataTestId, "-feedback") }),
|
|
77
77
|
ThumbIcon && react_1.default.createElement(ThumbIcon, null),
|
|
78
78
|
react_1.default.createElement(thumb_label_wrapper_1.ThumbLabelWrapper, { values: values, index: index, dragged: isDragged, thumbLabel: thumbLabel, vertical: vertical, overrides: overrides })));
|
package/cjs/slider/slider.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../src/slider/slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,2CAA6C;AAE7C,kCAAqC;AACrC,mCAOkB;AAClB,6DAAwD;AACxD,iCAA6D;AAC7D,kCAAkC;AAClC,gDAA4C;AAC5C,wDAAkC;AAClC,kEAA2C;AAC3C,0DAAqD;AACrD,kEAGqC;AAErC,IAAM,YAAY,GAAG;IACnB,aAAa;IACb;QACE,MAAM,EAAE,mBAAmB;QAC3B,KAAK,EAAE,gBAAgB;QACvB,MAAM,EAAE,SAAS;KAClB;IACD,WAAW;IACX;QACE,MAAM,EAAE,gBAAgB;QACxB,KAAK,EAAE,eAAe;QACtB,MAAM,EAAE,SAAS;KAClB;CACF,CAAC;AACF,IAAM,eAAe,GAAG,eAAK,CAAC,UAAU,CACtC,UACE,
|
|
1
|
+
{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../src/slider/slider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/storybook-pages/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;AAE3C,wBASiC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.default = {
|
|
4
|
+
welcomeBanner: {
|
|
5
|
+
base: {
|
|
6
|
+
backgroundSize: 'cover',
|
|
7
|
+
backgroundRepeat: 'no-repeat',
|
|
8
|
+
backgroundImage: 'url(./welcome-banner.svg)',
|
|
9
|
+
borderRadius: '{{borders.borderRadiusRounded020}}',
|
|
10
|
+
},
|
|
11
|
+
},
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=style-presets.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/storybook-pages/style-presets.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACb,aAAa,EAAE;QACb,IAAI,EAAE;YACJ,cAAc,EAAE,OAAO;YACvB,gBAAgB,EAAE,WAAW;YAC7B,eAAe,EAAE,2BAA2B;YAC5C,YAAY,EAAE,oCAAoC;SACnD;KACF;CAC6B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"welcome.d.ts","sourceRoot":"","sources":["../../../src/storybook-pages/welcome.tsx"],"names":[],"mappings":";AA4CA,eAAO,MAAM,gBAAgB,mBAyD5B,CAAC;AAEF,eAAO,MAAM,OAAO,+CAGlB,CAAC"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.Welcome = exports.ThemelessWelcome = void 0;
|
|
11
|
+
var react_1 = __importDefault(require("react"));
|
|
12
|
+
var typography_1 = require("../typography");
|
|
13
|
+
var divider_1 = require("../divider");
|
|
14
|
+
var link_1 = require("../link");
|
|
15
|
+
var block_1 = require("../block");
|
|
16
|
+
var image_1 = require("../image");
|
|
17
|
+
var utils_1 = require("../utils");
|
|
18
|
+
var style_presets_1 = __importDefault(require("./style-presets"));
|
|
19
|
+
var with_own_theme_1 = require("../utils/with-own-theme");
|
|
20
|
+
var grid_layout_1 = require("../grid-layout");
|
|
21
|
+
var links = [
|
|
22
|
+
{ label: 'NewsKit website', url: 'https://newskit.co.uk/' },
|
|
23
|
+
{ label: 'GitHub', url: 'https://github.com/newscorp-ghfb/newskit' },
|
|
24
|
+
{
|
|
25
|
+
label: 'Figma component library (internal only)',
|
|
26
|
+
url: 'https://www.figma.com/file/FSbCQa6SzVR3K48ZWLeD77/%F0%9F%9F%A2-NK-Web-Components',
|
|
27
|
+
},
|
|
28
|
+
{ label: 'Changelog', url: 'https://newskit.co.uk/about/release-notes/' },
|
|
29
|
+
{ label: 'About', url: 'https://newskit.co.uk/about/introduction/' },
|
|
30
|
+
{
|
|
31
|
+
label: 'Report an issue',
|
|
32
|
+
url: 'https://github.com/newscorp-ghfb/newskit/issues/new/choose',
|
|
33
|
+
},
|
|
34
|
+
];
|
|
35
|
+
var WelcomeTitle = (0, utils_1.styled)(typography_1.H1)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n max-width: 200px;\n"], ["\n max-width: 200px;\n"])));
|
|
36
|
+
var WelcomeDescription = (0, utils_1.styled)(typography_1.P)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n max-width: 300px;\n"], ["\n max-width: 300px;\n"])));
|
|
37
|
+
var WelcomeContainer = (0, utils_1.styled)(block_1.Block)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n /* Welcome screen is not themeable so its only appearance is in newskit light theme. */\n /* Doing this to stretch the internals of the Welcome screen from side to side to avoid cases where the dark theme is selected and there are dark borders around it. */\n width: 100vw;\n height: 100vh;\n box-sizing: border-box;\n ", ";\n"], ["\n /* Welcome screen is not themeable so its only appearance is in newskit light theme. */\n /* Doing this to stretch the internals of the Welcome screen from side to side to avoid cases where the dark theme is selected and there are dark borders around it. */\n width: 100vw;\n height: 100vh;\n box-sizing: border-box;\n ", ";\n"])), (0, utils_1.getColorCssFromTheme)('backgroundColor', 'inkLight010'));
|
|
38
|
+
var ThemelessWelcome = function () { return (react_1.default.createElement(WelcomeContainer, { paddingInline: "space050", paddingBlock: "space050", marginInlineStart: "-8px" },
|
|
39
|
+
react_1.default.createElement(block_1.Block, { stylePreset: "welcomeBanner", marginBlockEnd: "space100", paddingInline: "space080", paddingBlock: "space080" },
|
|
40
|
+
react_1.default.createElement(WelcomeTitle, { overrides: {
|
|
41
|
+
typographyPreset: 'utilityHeading050',
|
|
42
|
+
marginBlockEnd: 'space030',
|
|
43
|
+
} }, "Welcome to NewsKit"),
|
|
44
|
+
react_1.default.createElement(WelcomeDescription, { overrides: { typographyPreset: 'utilityBody030' } }, "An open source design system built by News UK, for everyone")),
|
|
45
|
+
react_1.default.createElement(typography_1.H2, { overrides: {
|
|
46
|
+
typographyPreset: 'utilitySubheading050',
|
|
47
|
+
marginBlockEnd: 'space030',
|
|
48
|
+
} }, "Explore"),
|
|
49
|
+
react_1.default.createElement(divider_1.Divider, { overrides: { marginBlockEnd: 'space060' } }),
|
|
50
|
+
react_1.default.createElement(grid_layout_1.GridLayout, { rowGap: "space040" }, links.map(function (_a) {
|
|
51
|
+
var label = _a.label, url = _a.url;
|
|
52
|
+
return (react_1.default.createElement(grid_layout_1.GridLayoutItem, { key: url },
|
|
53
|
+
react_1.default.createElement(link_1.LinkStandalone, { target: "_blank", overrides: { typographyPreset: 'utilityBody030' }, href: url }, label)));
|
|
54
|
+
})),
|
|
55
|
+
react_1.default.createElement(link_1.LinkStandalone, { external: false, href: "https://badge.fury.io/js/newskit", overrides: { marginBlockStart: 'space070' } },
|
|
56
|
+
react_1.default.createElement(image_1.Image, { src: "https://badge.fury.io/js/newskit.svg", alt: "npm version badge" })))); };
|
|
57
|
+
exports.ThemelessWelcome = ThemelessWelcome;
|
|
58
|
+
exports.Welcome = (0, with_own_theme_1.withOwnTheme)(exports.ThemelessWelcome)({
|
|
59
|
+
defaults: {},
|
|
60
|
+
stylePresets: style_presets_1.default,
|
|
61
|
+
});
|
|
62
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
|
63
|
+
//# sourceMappingURL=welcome.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"welcome.js","sourceRoot":"","sources":["../../../src/storybook-pages/welcome.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAA0B;AAC1B,4CAAwC;AACxC,sCAAmC;AACnC,gCAAuC;AACvC,kCAA+B;AAC/B,kCAA+B;AAC/B,kCAAsD;AACtD,kEAA2C;AAC3C,0DAAqD;AACrD,8CAA0D;AAE1D,IAAM,KAAK,GAAG;IACZ,EAAC,KAAK,EAAE,iBAAiB,EAAE,GAAG,EAAE,wBAAwB,EAAC;IACzD,EAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,0CAA0C,EAAC;IAClE;QACE,KAAK,EAAE,yCAAyC;QAChD,GAAG,EACD,kFAAkF;KACrF;IACD,EAAC,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,4CAA4C,EAAC;IACvE,EAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,2CAA2C,EAAC;IAClE;QACE,KAAK,EAAE,iBAAiB;QACxB,GAAG,EAAE,4DAA4D;KAClE;CACF,CAAC;AAEF,IAAM,YAAY,GAAG,IAAA,cAAM,EAAC,eAAE,CAAC,4FAAA,yBAE9B,IAAA,CAAC;AAEF,IAAM,kBAAkB,GAAG,IAAA,cAAM,EAAC,cAAC,CAAC,4FAAA,yBAEnC,IAAA,CAAC;AAEF,IAAM,gBAAgB,GAAG,IAAA,cAAM,EAAC,aAAK,CAAC,oZAAA,0UAMlC,EAAsD,KACzD,KADG,IAAA,4BAAoB,EAAC,iBAAiB,EAAE,aAAa,CAAC,CACzD,CAAC;AAEK,IAAM,gBAAgB,GAAG,cAAM,OAAA,CACpC,8BAAC,gBAAgB,IACf,aAAa,EAAC,UAAU,EACxB,YAAY,EAAC,UAAU,EACvB,iBAAiB,EAAC,MAAM;IAExB,8BAAC,aAAK,IACJ,WAAW,EAAC,eAAe,EAC3B,cAAc,EAAC,UAAU,EACzB,aAAa,EAAC,UAAU,EACxB,YAAY,EAAC,UAAU;QAEvB,8BAAC,YAAY,IACX,SAAS,EAAE;gBACT,gBAAgB,EAAE,mBAAmB;gBACrC,cAAc,EAAE,UAAU;aAC3B,yBAGY;QACf,8BAAC,kBAAkB,IAAC,SAAS,EAAE,EAAC,gBAAgB,EAAE,gBAAgB,EAAC,kEAE9C,CACf;IACR,8BAAC,eAAE,IACD,SAAS,EAAE;YACT,gBAAgB,EAAE,sBAAsB;YACxC,cAAc,EAAE,UAAU;SAC3B,cAGE;IACL,8BAAC,iBAAO,IAAC,SAAS,EAAE,EAAC,cAAc,EAAE,UAAU,EAAC,GAAI;IACpD,8BAAC,wBAAU,IAAC,MAAM,EAAC,UAAU,IAC1B,KAAK,CAAC,GAAG,CAAC,UAAC,EAAY;YAAX,KAAK,WAAA,EAAE,GAAG,SAAA;QAAM,OAAA,CAC3B,8BAAC,4BAAc,IAAC,GAAG,EAAE,GAAG;YACtB,8BAAC,qBAAc,IACb,MAAM,EAAC,QAAQ,EACf,SAAS,EAAE,EAAC,gBAAgB,EAAE,gBAAgB,EAAC,EAC/C,IAAI,EAAE,GAAG,IAER,KAAK,CACS,CACF,CAClB;IAV4B,CAU5B,CAAC,CACS;IACb,8BAAC,qBAAc,IACb,QAAQ,EAAE,KAAK,EACf,IAAI,EAAC,kCAAkC,EACvC,SAAS,EAAE,EAAC,gBAAgB,EAAE,UAAU,EAAC;QAEzC,8BAAC,aAAK,IACJ,GAAG,EAAC,sCAAsC,EAC1C,GAAG,EAAC,mBAAmB,GACvB,CACa,CACA,CACpB,EAzDqC,CAyDrC,CAAC;AAzDW,QAAA,gBAAgB,oBAyD3B;AAEW,QAAA,OAAO,GAAG,IAAA,6BAAY,EAAC,wBAAgB,CAAC,CAAC;IACpD,QAAQ,EAAE,EAAE;IACZ,YAAY,yBAAA;CACb,CAAC,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Story as StoryType } from '@storybook/react';
|
|
3
|
+
export declare const Welcome: {
|
|
4
|
+
(): JSX.Element;
|
|
5
|
+
parameters: {
|
|
6
|
+
viewMode: string;
|
|
7
|
+
backgrounds: {
|
|
8
|
+
disable: boolean;
|
|
9
|
+
};
|
|
10
|
+
previewTabs: {
|
|
11
|
+
'storybook/docs/panel': {
|
|
12
|
+
hidden: boolean;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
declare const _default: {
|
|
18
|
+
title: string;
|
|
19
|
+
component: () => string;
|
|
20
|
+
decorators: ((Story: StoryType) => JSX.Element)[];
|
|
21
|
+
};
|
|
22
|
+
export default _default;
|
|
23
|
+
//# sourceMappingURL=welcome.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"welcome.stories.d.ts","sourceRoot":"","sources":["../../../src/storybook-pages/welcome.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,KAAK,IAAI,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAIpD,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAA6B,CAAC;;;;yBAetC,SAAS;;AAJrB,wBAUE"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Welcome = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var theme_1 = require("../theme");
|
|
9
|
+
var welcome_1 = require("./welcome");
|
|
10
|
+
var Welcome = function () { return react_1.default.createElement(welcome_1.Welcome, null); };
|
|
11
|
+
exports.Welcome = Welcome;
|
|
12
|
+
exports.Welcome.parameters = {
|
|
13
|
+
viewMode: 'story',
|
|
14
|
+
backgrounds: { disable: true },
|
|
15
|
+
previewTabs: {
|
|
16
|
+
'storybook/docs/panel': {
|
|
17
|
+
hidden: true,
|
|
18
|
+
},
|
|
19
|
+
},
|
|
20
|
+
};
|
|
21
|
+
exports.default = {
|
|
22
|
+
title: 'Welcome',
|
|
23
|
+
component: function () { return 'None'; },
|
|
24
|
+
decorators: [
|
|
25
|
+
function (Story) { return (react_1.default.createElement(theme_1.ThemeProvider, { theme: theme_1.newskitLightTheme },
|
|
26
|
+
react_1.default.createElement(Story, null))); },
|
|
27
|
+
],
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=welcome.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"welcome.stories.js","sourceRoot":"","sources":["../../../src/storybook-pages/welcome.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAE1B,kCAA0D;AAC1D,qCAAsD;AAE/C,IAAM,OAAO,GAAG,cAAM,OAAA,8BAAC,iBAAgB,OAAG,EAApB,CAAoB,CAAC;AAArC,QAAA,OAAO,WAA8B;AAClD,eAAO,CAAC,UAAU,GAAG;IACnB,QAAQ,EAAE,OAAO;IACjB,WAAW,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;IAC5B,WAAW,EAAE;QACX,sBAAsB,EAAE;YACtB,MAAM,EAAE,IAAI;SACb;KACF;CACF,CAAC;AAEF,kBAAe;IACb,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,cAAM,OAAA,MAAM,EAAN,CAAM;IACvB,UAAU,EAAE;QACV,UAAC,KAAgB,IAAK,OAAA,CACpB,8BAAC,qBAAa,IAAC,KAAK,EAAE,yBAAiB;YACrC,8BAAC,KAAK,OAAG,CACK,CACjB,EAJqB,CAIrB;KACF;CACF,CAAC"}
|
package/cjs/tabs/tabs.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TabProps, TabsProps } from './types';
|
|
3
3
|
export declare const Tab: React.FC<TabProps>;
|
|
4
|
-
export declare const Tabs: import("../utils
|
|
4
|
+
export declare const Tabs: import("../utils").NewsKitReactComponents<TabsProps & React.RefAttributes<HTMLDivElement>>;
|
|
5
5
|
//# sourceMappingURL=tabs.d.ts.map
|
package/cjs/tabs/tabs.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAC,QAAQ,EAAE,SAAS,EAA0B,MAAM,SAAS,CAAC;AAoCrE,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAe,CAAC;AA8VnD,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAC,QAAQ,EAAE,SAAS,EAA0B,MAAM,SAAS,CAAC;AAoCrE,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAe,CAAC;AA8VnD,eAAO,MAAM,IAAI,4FAAwD,CAAC"}
|
package/cjs/tabs/types.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ import { DividerOverrides } from '../divider';
|
|
|
5
5
|
import { ScrollProps } from '../scroll';
|
|
6
6
|
import { Override } from '../utils/overrides';
|
|
7
7
|
import { LogicalProps } from '../utils/logical-properties';
|
|
8
|
+
import { EventData } from '../instrumentation';
|
|
8
9
|
export declare type TabAlign = 'start' | 'end' | 'center';
|
|
9
10
|
export declare type TabSize = 'small' | 'medium' | 'large';
|
|
10
11
|
export declare type TabsDistribution = 'start' | 'grow' | 'equal';
|
|
@@ -75,7 +76,7 @@ export interface TabButtonProps extends CommonTabProps {
|
|
|
75
76
|
id?: string;
|
|
76
77
|
align?: TabAlign;
|
|
77
78
|
}
|
|
78
|
-
export interface TabProps extends CommonTabProps {
|
|
79
|
+
export interface TabProps extends CommonTabProps, EventData {
|
|
79
80
|
label: React.ReactNode;
|
|
80
81
|
}
|
|
81
82
|
//# sourceMappingURL=types.d.ts.map
|
package/cjs/tabs/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/tabs/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,aAAa,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAC;AACzD,OAAO,EAAC,gBAAgB,EAAC,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAC,WAAW,EAAC,MAAM,WAAW,CAAC;AACtC,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/tabs/types.ts"],"names":[],"mappings":"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"}
|
package/cjs/tag/tag.js
CHANGED
|
@@ -31,7 +31,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
31
31
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
32
|
exports.Tag = void 0;
|
|
33
33
|
var react_1 = __importDefault(require("react"));
|
|
34
|
-
var flag_1 = require("../flag");
|
|
34
|
+
var flag_1 = require("../flag/flag");
|
|
35
35
|
var filter_object_1 = require("../utils/filter-object");
|
|
36
36
|
var component_1 = require("../utils/component");
|
|
37
37
|
var theme_1 = require("../theme");
|
|
@@ -40,7 +40,7 @@ var defaults_1 = __importDefault(require("./defaults"));
|
|
|
40
40
|
var style_presets_1 = __importDefault(require("./style-presets"));
|
|
41
41
|
var with_own_theme_1 = require("../utils/with-own-theme");
|
|
42
42
|
var transition_preset_1 = require("../utils/style/transition-preset");
|
|
43
|
-
var StyledFlag = (0, style_1.styled)(flag_1.
|
|
43
|
+
var StyledFlag = (0, style_1.styled)(flag_1.BaseFlag)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", ";\n"], ["\n ", "\n ", ";\n"])), function (_a) {
|
|
44
44
|
var href = _a.href, disabled = _a.disabled;
|
|
45
45
|
return href && !disabled && { cursor: 'pointer' };
|
|
46
46
|
}, function (_a) {
|
package/cjs/tag/tag.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag.js","sourceRoot":"","sources":["../../../src/tag/tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,
|
|
1
|
+
{"version":3,"file":"tag.js","sourceRoot":"","sources":["../../../src/tag/tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,qCAAsC;AACtC,wDAAgE;AAChE,gDAAmD;AACnD,kCAAkC;AAClC,wCAAsC;AACtC,wDAAkC;AAClC,kEAA2C;AAC3C,0DAAqD;AACrD,sEAAqE;AAErE,IAAM,UAAU,GAAG,IAAA,cAAM,EAAC,eAAQ,CAAC,wFAAA,MAC/B,EAAwE,MACxE,EAAkD,KACrD,KAFG,UAAC,EAA0B;QAAzB,IAAI,UAAA,EAAE,QAAQ,cAAA;IAAgB,OAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,EAAC,MAAM,EAAE,SAAS,EAAC;AAAxC,CAAwC,EACxE,UAAC,EAAM;QAAL,IAAI,UAAA;IAAM,OAAA,IAAA,uCAAmB,EAAC,cAAO,IAAI,CAAE,EAAE,EAAE,CAAC;AAAtC,CAAsC,CACrD,CAAC;AAEF,IAAM,YAAY,GAAG,eAAK,CAAC,UAAU,CACnC,UAAC,EAA0C,EAAE,GAAG;IAA9C,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAK,KAAK,cAAzC,iCAA0C,CAAD;IACxC,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAClB,IAAA,KAAmB,KAAK,KAAT,EAAf,IAAI,mBAAG,QAAQ,KAAA,CAAU;IAEhC,OAAO,CACL,8BAAC,UAAU,aACT,GAAG,EAAE,GAAG,iBACI,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,IAC7B,IAAA,cAAS,EAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,EAC1C,KAAK,IACT,SAAS,wBACJ,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,GACjC,IAAA,wCAAwB,EAAC,SAAS,CAAC,KAExC,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEW,QAAA,GAAG,GAAG,IAAA,6BAAY,EAAC,YAAY,CAAC,CAAC,EAAC,QAAQ,oBAAA,EAAE,YAAY,yBAAA,EAAC,CAAC,CAAC"}
|
package/cjs/tag/types.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BaseFlagOverrides, BaseFlagProps } from '../flag';
|
|
3
|
-
export interface TagProps extends BaseFlagProps<BaseFlagOverrides>, React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
3
|
+
export interface TagProps extends Omit<BaseFlagProps<BaseFlagOverrides>, 'loading'>, React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
4
4
|
}
|
|
5
5
|
//# sourceMappingURL=types.d.ts.map
|
package/cjs/tag/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/tag/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,iBAAiB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AAEzD,MAAM,WAAW,QACf,SAAQ,aAAa,CAAC,iBAAiB,CAAC,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/tag/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,iBAAiB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AAEzD,MAAM,WAAW,QACf,SAAQ,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,EACvD,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tealium.d.ts","sourceRoot":"","sources":["../../../src/tealium/tealium.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,4BAA4B,EAE7B,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,YAAa,SAAQ,4BAA4B;IAChE,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"tealium.d.ts","sourceRoot":"","sources":["../../../src/tealium/tealium.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,4BAA4B,EAE7B,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,YAAa,SAAQ,4BAA4B;IAChE,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA+C1C,CAAC"}
|
package/cjs/tealium/tealium.js
CHANGED
|
@@ -23,8 +23,8 @@ exports.Tealium = void 0;
|
|
|
23
23
|
var React = __importStar(require("react"));
|
|
24
24
|
var render_scripts_1 = require("../utils/render-scripts");
|
|
25
25
|
var Tealium = function (_a) {
|
|
26
|
-
var accountId = _a.accountId, profileId = _a.profileId, env = _a.env;
|
|
27
|
-
return (React.createElement(render_scripts_1.RenderScripts, { scripts: [
|
|
26
|
+
var accountId = _a.accountId, profileId = _a.profileId, env = _a.env, reactHelmet = _a.reactHelmet;
|
|
27
|
+
return (React.createElement(render_scripts_1.RenderScripts, { reactHelmet: reactHelmet, scripts: [
|
|
28
28
|
{
|
|
29
29
|
content: "(function(a,b,c,d){\n a='//tags.tiqcdn.com/utag/".concat(accountId, "/").concat(profileId, "/").concat(env, "/utag.js';\n b=document;\n c='script';\n d=b.createElement(c);\n d.src=a;\n d.type='text/java'+c;\n d.async=true;\n window.utag_queue = []\n if (d.addEventListener) {\n d.addEventListener(\n 'load',\n function () {\n for (var i = 0; i < utag_queue.length; i++) {\n event = utag_queue[i];\n utag.track(event.event, event.data);\n }\n },\n false\n );\n } else {\n d.onreadystatechange = function () {\n if (this.readyState == 'complete' || this.readyState == 'loaded') {\n this.onreadystatechange = null;\n for (var i = 0; i < utag_queue.length; i++) {\n event = utag_queue[i];\n utag.track(event.event, event.data);\n }\n }\n };\n }\n a = b.getElementsByTagName(c)[0];\n a.parentNode.insertBefore(d, a);\n })();"),
|
|
30
30
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tealium.js","sourceRoot":"","sources":["../../../src/tealium/tealium.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAGiC;AAQ1B,IAAM,OAAO,GAA2B,UAAC,
|
|
1
|
+
{"version":3,"file":"tealium.js","sourceRoot":"","sources":["../../../src/tealium/tealium.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAGiC;AAQ1B,IAAM,OAAO,GAA2B,UAAC,EAK/C;QAJC,SAAS,eAAA,EACT,SAAS,eAAA,EACT,GAAG,SAAA,EACH,WAAW,iBAAA;IACP,OAAA,CACJ,oBAAC,8BAAa,IACZ,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE;YACP;gBACE,OAAO,EAAE,uEACyB,SAAS,cAAI,SAAS,cAAI,GAAG,usCAgCrD;aACX;SACF,GACD,CACH;AA1CK,CA0CL,CAAC;AA/CW,QAAA,OAAO,WA+ClB"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
textArea: {
|
|
3
|
+
small: {
|
|
4
|
+
stylePreset: string;
|
|
5
|
+
minHeight: string;
|
|
6
|
+
height: string;
|
|
7
|
+
width: string;
|
|
8
|
+
typographyPreset: string;
|
|
9
|
+
paddingBlock: string;
|
|
10
|
+
paddingInline: string;
|
|
11
|
+
marginBlockEnd: string;
|
|
12
|
+
};
|
|
13
|
+
medium: {
|
|
14
|
+
stylePreset: string;
|
|
15
|
+
minHeight: string;
|
|
16
|
+
height: string;
|
|
17
|
+
width: string;
|
|
18
|
+
typographyPreset: string;
|
|
19
|
+
paddingBlock: string;
|
|
20
|
+
paddingInline: string;
|
|
21
|
+
marginBlockEnd: string;
|
|
22
|
+
};
|
|
23
|
+
large: {
|
|
24
|
+
stylePreset: string;
|
|
25
|
+
minHeight: string;
|
|
26
|
+
height: string;
|
|
27
|
+
width: string;
|
|
28
|
+
typographyPreset: string;
|
|
29
|
+
paddingBlock: string;
|
|
30
|
+
paddingInline: string;
|
|
31
|
+
marginBlockEnd: string;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
export default _default;
|
|
36
|
+
//# sourceMappingURL=defaults.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/text-area/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAiCE"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.default = {
|
|
4
|
+
textArea: {
|
|
5
|
+
small: {
|
|
6
|
+
stylePreset: 'inputField',
|
|
7
|
+
minHeight: 'sizing070',
|
|
8
|
+
height: 'sizing100',
|
|
9
|
+
width: '100%',
|
|
10
|
+
typographyPreset: 'utilityBody020',
|
|
11
|
+
paddingBlock: 'space020',
|
|
12
|
+
paddingInline: 'space020',
|
|
13
|
+
marginBlockEnd: 'space020',
|
|
14
|
+
},
|
|
15
|
+
medium: {
|
|
16
|
+
stylePreset: 'inputField',
|
|
17
|
+
minHeight: 'sizing080',
|
|
18
|
+
height: 'sizing110',
|
|
19
|
+
width: '100%',
|
|
20
|
+
typographyPreset: 'utilityBody020',
|
|
21
|
+
paddingBlock: 'space030',
|
|
22
|
+
paddingInline: 'space030',
|
|
23
|
+
marginBlockEnd: 'space020',
|
|
24
|
+
},
|
|
25
|
+
large: {
|
|
26
|
+
stylePreset: 'inputField',
|
|
27
|
+
minHeight: 'sizing090',
|
|
28
|
+
height: 'sizing110',
|
|
29
|
+
width: '100%',
|
|
30
|
+
typographyPreset: 'utilityBody030',
|
|
31
|
+
paddingBlock: 'space040',
|
|
32
|
+
paddingInline: 'space040',
|
|
33
|
+
marginBlockEnd: 'space020',
|
|
34
|
+
},
|
|
35
|
+
},
|
|
36
|
+
};
|
|
37
|
+
//# sourceMappingURL=defaults.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/text-area/defaults.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,WAAW,EAAE,YAAY;YACzB,SAAS,EAAE,WAAW;YACtB,MAAM,EAAE,WAAW;YACnB,KAAK,EAAE,MAAM;YACb,gBAAgB,EAAE,gBAAgB;YAClC,YAAY,EAAE,UAAU;YACxB,aAAa,EAAE,UAAU;YACzB,cAAc,EAAE,UAAU;SAC3B;QACD,MAAM,EAAE;YACN,WAAW,EAAE,YAAY;YACzB,SAAS,EAAE,WAAW;YACtB,MAAM,EAAE,WAAW;YACnB,KAAK,EAAE,MAAM;YACb,gBAAgB,EAAE,gBAAgB;YAClC,YAAY,EAAE,UAAU;YACxB,aAAa,EAAE,UAAU;YACzB,cAAc,EAAE,UAAU;SAC3B;QACD,KAAK,EAAE;YACL,WAAW,EAAE,YAAY;YACzB,SAAS,EAAE,WAAW;YACtB,MAAM,EAAE,WAAW;YACnB,KAAK,EAAE,MAAM;YACb,gBAAgB,EAAE,gBAAgB;YAClC,YAAY,EAAE,UAAU;YACxB,aAAa,EAAE,UAAU;YACzB,cAAc,EAAE,UAAU;SAC3B;KACF;CACF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/text-area/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
+
};
|
|
12
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
+
__exportStar(require("./text-area"), exports);
|
|
14
|
+
__exportStar(require("./types"), exports);
|
|
15
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/text-area/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,8CAA4B;AAC5B,0CAAwB"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TextAreaProps } from './types';
|
|
3
|
+
export declare const StyledTextArea: import("@emotion/styled").StyledComponent<{
|
|
4
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
+
as?: import("react").ElementType<any> | undefined;
|
|
6
|
+
} & Omit<TextAreaProps, "size"> & {
|
|
7
|
+
$size: TextAreaProps['size'];
|
|
8
|
+
placeholderColor?: string | undefined;
|
|
9
|
+
}, import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, {}>;
|
|
10
|
+
//# sourceMappingURL=styled.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/text-area/styled.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAsBtC,eAAO,MAAM,cAAc;;;;WAJlB,aAAa,CAAC,MAAM,CAAC;;2HAuC7B,CAAC"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
+
exports.StyledTextArea = void 0;
|
|
8
|
+
var style_1 = require("../utils/style");
|
|
9
|
+
var logical_properties_1 = require("../utils/logical-properties");
|
|
10
|
+
/**
|
|
11
|
+
* there is an issue with getStylePreset when is used on input/textarea component,
|
|
12
|
+
* it adds component:valid:hover style by default which is the browser default behaviour
|
|
13
|
+
* that's why valid:hover and invalid:hover are removed from style-preset when the component don't need these states.
|
|
14
|
+
*/
|
|
15
|
+
var getOmittedStates = function (state) {
|
|
16
|
+
if (state !== 'valid' && state !== 'invalid')
|
|
17
|
+
return ['valid:hover', 'invalid:hover'];
|
|
18
|
+
return [];
|
|
19
|
+
};
|
|
20
|
+
exports.StyledTextArea = style_1.styled.textarea(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n box-sizing: border-box;\n\n ", ";\n ", "\n\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n\n ", "\n\n ", "\n\n ", ";\n\n ::placeholder {\n color: ", ";\n }\n"], ["\n box-sizing: border-box;\n\n ", ";\n ", "\n\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n\n ", "\n\n ", "\n\n ", ";\n\n ::placeholder {\n color: ", ";\n }\n"])), function (_a) {
|
|
21
|
+
var disabled = _a.disabled;
|
|
22
|
+
return ({ cursor: disabled ? 'not-allowed' : 'default' });
|
|
23
|
+
}, function (_a) {
|
|
24
|
+
var resize = _a.resize;
|
|
25
|
+
return ({ resize: resize });
|
|
26
|
+
}, function (_a) {
|
|
27
|
+
var $size = _a.$size;
|
|
28
|
+
return (0, style_1.getResponsiveSize)('width', "textArea.".concat($size), '', 'width');
|
|
29
|
+
}, function (_a) {
|
|
30
|
+
var $size = _a.$size;
|
|
31
|
+
return (0, style_1.getResponsiveSize)('height', "textArea.".concat($size), '', 'height');
|
|
32
|
+
}, function (_a) {
|
|
33
|
+
var $size = _a.$size;
|
|
34
|
+
return (0, style_1.getResponsiveSize)('maxWidth', "textArea.".concat($size), '', 'maxWidth');
|
|
35
|
+
}, function (_a) {
|
|
36
|
+
var $size = _a.$size;
|
|
37
|
+
return (0, style_1.getResponsiveSize)('maxHeight', "textArea.".concat($size), '', 'maxHeight');
|
|
38
|
+
}, function (_a) {
|
|
39
|
+
var $size = _a.$size;
|
|
40
|
+
return (0, style_1.getResponsiveSize)('minHeight', "textArea.".concat($size), '', 'minHeight');
|
|
41
|
+
}, function (_a) {
|
|
42
|
+
var $size = _a.$size;
|
|
43
|
+
return (0, style_1.getResponsiveSize)('minWidth', "textArea.".concat($size), '', 'minWidth');
|
|
44
|
+
}, function (_a) {
|
|
45
|
+
var $size = _a.$size, state = _a.state;
|
|
46
|
+
return (0, style_1.getStylePreset)("textArea.".concat($size), '', {
|
|
47
|
+
isInvalid: state === 'invalid',
|
|
48
|
+
isDisabled: state === 'disabled',
|
|
49
|
+
isValid: state === 'valid',
|
|
50
|
+
omitStates: getOmittedStates(state),
|
|
51
|
+
});
|
|
52
|
+
}, function (_a) {
|
|
53
|
+
var $size = _a.$size;
|
|
54
|
+
return (0, style_1.getTypographyPreset)("textArea.".concat($size), '', {
|
|
55
|
+
withCrop: true,
|
|
56
|
+
});
|
|
57
|
+
}, function (_a) {
|
|
58
|
+
var $size = _a.$size;
|
|
59
|
+
return (0, logical_properties_1.logicalProps)("textArea.".concat($size));
|
|
60
|
+
}, function (_a) {
|
|
61
|
+
var placeholderColor = _a.placeholderColor;
|
|
62
|
+
return placeholderColor && placeholderColor;
|
|
63
|
+
});
|
|
64
|
+
var templateObject_1;
|
|
65
|
+
//# sourceMappingURL=styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/text-area/styled.tsx"],"names":[],"mappings":";;;;;;;AAAA,wCAKwB;AAExB,kEAAyD;AAGzD;;;;GAIG;AACH,IAAM,gBAAgB,GAAG,UACvB,KAA6B;IAE7B,IAAI,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,SAAS;QAC1C,OAAO,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC;IAC1C,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAOW,QAAA,cAAc,GAAG,cAAM,CAAC,QAAQ,oPAAqB,mCAG9D,EAAgE,OAChE,EAAwB,QAExB,EAAyE,MACzE,EAA2E,MAC3E,EACkE,MAClE,EACoE,MACpE,EACoE,MACpE,EACkE,QAElE,EAME,QAEF,EAGE,UAEA,EAA8C,qCAGvC,EAA4D,UAExE,KAhCG,UAAC,EAAU;QAAT,QAAQ,cAAA;IAAM,OAAA,CAAC,EAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAAC,CAAC;AAAhD,CAAgD,EAChE,UAAC,EAAQ;QAAP,MAAM,YAAA;IAAM,OAAA,CAAC,EAAC,MAAM,QAAA,EAAC,CAAC;AAAV,CAAU,EAExB,UAAC,EAAO;QAAN,KAAK,WAAA;IAAM,OAAA,IAAA,yBAAiB,EAAC,OAAO,EAAE,mBAAY,KAAK,CAAE,EAAE,EAAE,EAAE,OAAO,CAAC;AAA5D,CAA4D,EACzE,UAAC,EAAO;QAAN,KAAK,WAAA;IAAM,OAAA,IAAA,yBAAiB,EAAC,QAAQ,EAAE,mBAAY,KAAK,CAAE,EAAE,EAAE,EAAE,QAAQ,CAAC;AAA9D,CAA8D,EAC3E,UAAC,EAAO;QAAN,KAAK,WAAA;IACP,OAAA,IAAA,yBAAiB,EAAC,UAAU,EAAE,mBAAY,KAAK,CAAE,EAAE,EAAE,EAAE,UAAU,CAAC;AAAlE,CAAkE,EAClE,UAAC,EAAO;QAAN,KAAK,WAAA;IACP,OAAA,IAAA,yBAAiB,EAAC,WAAW,EAAE,mBAAY,KAAK,CAAE,EAAE,EAAE,EAAE,WAAW,CAAC;AAApE,CAAoE,EACpE,UAAC,EAAO;QAAN,KAAK,WAAA;IACP,OAAA,IAAA,yBAAiB,EAAC,WAAW,EAAE,mBAAY,KAAK,CAAE,EAAE,EAAE,EAAE,WAAW,CAAC;AAApE,CAAoE,EACpE,UAAC,EAAO;QAAN,KAAK,WAAA;IACP,OAAA,IAAA,yBAAiB,EAAC,UAAU,EAAE,mBAAY,KAAK,CAAE,EAAE,EAAE,EAAE,UAAU,CAAC;AAAlE,CAAkE,EAElE,UAAC,EAAc;QAAb,KAAK,WAAA,EAAE,KAAK,WAAA;IACd,OAAA,IAAA,sBAAc,EAAC,mBAAY,KAAK,CAAE,EAAE,EAAE,EAAE;QACtC,SAAS,EAAE,KAAK,KAAK,SAAS;QAC9B,UAAU,EAAE,KAAK,KAAK,UAAU;QAChC,OAAO,EAAE,KAAK,KAAK,OAAO;QAC1B,UAAU,EAAE,gBAAgB,CAAC,KAAK,CAAC;KACpC,CAAC;AALF,CAKE,EAEF,UAAC,EAAO;QAAN,KAAK,WAAA;IACP,OAAA,IAAA,2BAAmB,EAAC,mBAAY,KAAK,CAAE,EAAE,EAAE,EAAE;QAC3C,QAAQ,EAAE,IAAI;KACf,CAAC;AAFF,CAEE,EAEA,UAAC,EAAO;QAAN,KAAK,WAAA;IAAM,OAAA,IAAA,iCAAY,EAAC,mBAAY,KAAK,CAAE,CAAC;AAAjC,CAAiC,EAGvC,UAAC,EAAkB;QAAjB,gBAAgB,sBAAA;IAAM,OAAA,gBAAgB,IAAI,gBAAgB;AAApC,CAAoC,EAEvE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../../../src/text-area/text-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AA0EtC,eAAO,MAAM,QAAQ,qGAEnB,CAAC"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
+
var t = {};
|
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
+
t[p] = s[p];
|
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
+
t[p[i]] = s[p[i]];
|
|
21
|
+
}
|
|
22
|
+
return t;
|
|
23
|
+
};
|
|
24
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
+
};
|
|
27
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
+
exports.TextArea = void 0;
|
|
29
|
+
var react_1 = __importDefault(require("react"));
|
|
30
|
+
var defaults_1 = __importDefault(require("./defaults"));
|
|
31
|
+
var with_own_theme_1 = require("../utils/with-own-theme");
|
|
32
|
+
var styled_1 = require("./styled");
|
|
33
|
+
var utils_1 = require("../utils");
|
|
34
|
+
var get_token_1 = require("../utils/get-token");
|
|
35
|
+
var theme_1 = require("../theme");
|
|
36
|
+
var instrumentation_1 = require("../instrumentation");
|
|
37
|
+
var ThemelessTextArea = react_1.default.forwardRef(function (_a, ref) {
|
|
38
|
+
var _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.resize, resize = _c === void 0 ? 'vertical' : _c, state = _a.state, overrides = _a.overrides, onFocus = _a.onFocus, eventContext = _a.eventContext, _d = _a.eventOriginator, eventOriginator = _d === void 0 ? 'text area' : _d, props = __rest(_a, ["size", "resize", "state", "overrides", "onFocus", "eventContext", "eventOriginator"]);
|
|
39
|
+
var theme = (0, theme_1.useTheme)();
|
|
40
|
+
// This is a fix to apply the placeholderColor to input
|
|
41
|
+
var textFieldStylePreset = (0, get_token_1.getToken)({ theme: theme, overrides: overrides }, "textArea.".concat(size), '', 'stylePreset');
|
|
42
|
+
var placeholderColor = (0, utils_1.getSingleStylePreset)(theme, 'base', 'placeholderColor', textFieldStylePreset);
|
|
43
|
+
var fireEvent = (0, instrumentation_1.useInstrumentation)().fireEvent;
|
|
44
|
+
var onElementFocus = react_1.default.useCallback(function (event) {
|
|
45
|
+
fireEvent({
|
|
46
|
+
originator: eventOriginator,
|
|
47
|
+
trigger: instrumentation_1.EventTrigger.Focus,
|
|
48
|
+
context: __assign({}, eventContext),
|
|
49
|
+
});
|
|
50
|
+
if (onFocus) {
|
|
51
|
+
onFocus(event);
|
|
52
|
+
}
|
|
53
|
+
}, [eventContext, eventOriginator, fireEvent, onFocus]);
|
|
54
|
+
return (react_1.default.createElement(styled_1.StyledTextArea, __assign({ "$size": size, state: state, resize: resize, disabled: state === 'disabled', placeholderColor: placeholderColor, overrides: overrides, ref: ref, onFocus: onElementFocus }, props)));
|
|
55
|
+
});
|
|
56
|
+
exports.TextArea = (0, with_own_theme_1.withOwnTheme)(ThemelessTextArea)({
|
|
57
|
+
defaults: defaults_1.default,
|
|
58
|
+
});
|
|
59
|
+
//# sourceMappingURL=text-area.js.map
|