newskit 5.6.0 → 5.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/accordion/style-presets.d.ts.map +1 -1
- package/cjs/accordion/style-presets.js +6 -1
- package/cjs/accordion/style-presets.js.map +1 -1
- package/cjs/audio-player/style-presets.d.ts.map +1 -1
- package/cjs/audio-player/style-presets.js +5 -0
- package/cjs/audio-player/style-presets.js.map +1 -1
- package/cjs/audio-player-composable/audio-functions.d.ts +2 -1
- package/cjs/audio-player-composable/audio-functions.d.ts.map +1 -1
- package/cjs/audio-player-composable/audio-functions.js +11 -1
- package/cjs/audio-player-composable/audio-functions.js.map +1 -1
- package/cjs/audio-player-composable/audio-player-composable.d.ts +1 -1
- package/cjs/audio-player-composable/audio-player-composable.d.ts.map +1 -1
- package/cjs/audio-player-composable/audio-player-composable.js +34 -14
- package/cjs/audio-player-composable/audio-player-composable.js.map +1 -1
- package/cjs/audio-player-composable/components/playback-speed-control/defaults.d.ts +27 -0
- package/cjs/audio-player-composable/components/playback-speed-control/defaults.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/playback-speed-control/defaults.js +28 -0
- package/cjs/audio-player-composable/components/playback-speed-control/defaults.js.map +1 -0
- package/cjs/audio-player-composable/components/playback-speed-control/index.d.ts +3 -0
- package/cjs/audio-player-composable/components/playback-speed-control/index.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/playback-speed-control/index.js +15 -0
- package/cjs/audio-player-composable/components/playback-speed-control/index.js.map +1 -0
- package/cjs/audio-player-composable/components/playback-speed-control/playback-speed-control.d.ts +3 -0
- package/cjs/audio-player-composable/components/playback-speed-control/playback-speed-control.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/playback-speed-control/playback-speed-control.js +59 -0
- package/cjs/audio-player-composable/components/playback-speed-control/playback-speed-control.js.map +1 -0
- package/cjs/audio-player-composable/components/playback-speed-control/playback-speed-list.d.ts +15 -0
- package/cjs/audio-player-composable/components/playback-speed-control/playback-speed-list.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/playback-speed-control/playback-speed-list.js +23 -0
- package/cjs/audio-player-composable/components/playback-speed-control/playback-speed-list.js.map +1 -0
- package/cjs/audio-player-composable/components/playback-speed-control/types.d.ts +19 -0
- package/cjs/audio-player-composable/components/playback-speed-control/types.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/playback-speed-control/types.js +3 -0
- package/cjs/audio-player-composable/components/playback-speed-control/types.js.map +1 -0
- package/cjs/audio-player-composable/components/playback-speed-control/utils.d.ts +8 -0
- package/cjs/audio-player-composable/components/playback-speed-control/utils.d.ts.map +1 -0
- package/cjs/audio-player-composable/components/playback-speed-control/utils.js +28 -0
- package/cjs/audio-player-composable/components/playback-speed-control/utils.js.map +1 -0
- package/cjs/audio-player-composable/components/seek-bar/style-presets.d.ts.map +1 -1
- package/cjs/audio-player-composable/components/seek-bar/style-presets.js +13 -0
- package/cjs/audio-player-composable/components/seek-bar/style-presets.js.map +1 -1
- package/cjs/audio-player-composable/components/time-display/style-presets.d.ts.map +1 -1
- package/cjs/audio-player-composable/components/time-display/style-presets.js +1 -0
- package/cjs/audio-player-composable/components/time-display/style-presets.js.map +1 -1
- package/cjs/audio-player-composable/components/time-display/time-display.d.ts.map +1 -1
- package/cjs/audio-player-composable/components/time-display/time-display.js +1 -1
- package/cjs/audio-player-composable/components/time-display/time-display.js.map +1 -1
- package/cjs/audio-player-composable/components/volume-control/defaults.d.ts +41 -11
- package/cjs/audio-player-composable/components/volume-control/defaults.d.ts.map +1 -1
- package/cjs/audio-player-composable/components/volume-control/defaults.js +36 -18
- package/cjs/audio-player-composable/components/volume-control/defaults.js.map +1 -1
- package/cjs/audio-player-composable/components/volume-control/mute-button.d.ts.map +1 -1
- package/cjs/audio-player-composable/components/volume-control/mute-button.js +21 -1
- package/cjs/audio-player-composable/components/volume-control/mute-button.js.map +1 -1
- package/cjs/audio-player-composable/components/volume-control/style-presets.d.ts.map +1 -1
- package/cjs/audio-player-composable/components/volume-control/style-presets.js +24 -0
- package/cjs/audio-player-composable/components/volume-control/style-presets.js.map +1 -1
- package/cjs/audio-player-composable/components/volume-control/styled.d.ts +4 -21
- package/cjs/audio-player-composable/components/volume-control/styled.d.ts.map +1 -1
- package/cjs/audio-player-composable/components/volume-control/styled.js +14 -13
- package/cjs/audio-player-composable/components/volume-control/styled.js.map +1 -1
- package/cjs/audio-player-composable/components/volume-control/types.d.ts +15 -4
- 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.map +1 -1
- package/cjs/audio-player-composable/components/volume-control/volume-control.js +11 -11
- package/cjs/audio-player-composable/components/volume-control/volume-control.js.map +1 -1
- package/cjs/audio-player-composable/index.d.ts +1 -0
- package/cjs/audio-player-composable/index.d.ts.map +1 -1
- package/cjs/audio-player-composable/index.js +1 -0
- package/cjs/audio-player-composable/index.js.map +1 -1
- package/cjs/audio-player-composable/types.d.ts +12 -1
- package/cjs/audio-player-composable/types.d.ts.map +1 -1
- package/cjs/audio-player-composable/types.js.map +1 -1
- package/cjs/base-floating-element/base-floating-element.d.ts.map +1 -1
- package/cjs/base-floating-element/base-floating-element.js +48 -18
- package/cjs/base-floating-element/base-floating-element.js.map +1 -1
- package/cjs/base-floating-element/styled.d.ts +1 -0
- package/cjs/base-floating-element/styled.d.ts.map +1 -1
- package/cjs/base-floating-element/styled.js +6 -3
- package/cjs/base-floating-element/styled.js.map +1 -1
- package/cjs/base-floating-element/types.d.ts +6 -1
- package/cjs/base-floating-element/types.d.ts.map +1 -1
- package/cjs/base-switch/base-switch.d.ts.map +1 -1
- package/cjs/base-switch/base-switch.js +7 -3
- package/cjs/base-switch/base-switch.js.map +1 -1
- package/cjs/base-switch/styled.d.ts.map +1 -1
- package/cjs/base-switch/styled.js +7 -10
- package/cjs/base-switch/styled.js.map +1 -1
- package/cjs/button/style-presets.d.ts.map +1 -1
- package/cjs/button/style-presets.js +16 -0
- package/cjs/button/style-presets.js.map +1 -1
- package/cjs/checkbox/style-presets.d.ts.map +1 -1
- package/cjs/checkbox/style-presets.js +89 -86
- package/cjs/checkbox/style-presets.js.map +1 -1
- package/cjs/dialog/styled.d.ts +2 -0
- package/cjs/dialog/styled.d.ts.map +1 -1
- package/cjs/dialog/styled.js +4 -3
- package/cjs/dialog/styled.js.map +1 -1
- package/cjs/form/context.d.ts +1 -0
- package/cjs/form/context.d.ts.map +1 -1
- package/cjs/form/context.js.map +1 -1
- package/cjs/form/form-input.d.ts.map +1 -1
- package/cjs/form/form-input.js +15 -10
- package/cjs/form/form-input.js.map +1 -1
- package/cjs/icon-button/style-presets.d.ts.map +1 -1
- package/cjs/icon-button/style-presets.js +16 -0
- package/cjs/icon-button/style-presets.js.map +1 -1
- package/cjs/index.d.ts +1 -0
- package/cjs/index.d.ts.map +1 -1
- package/cjs/index.js +1 -0
- package/cjs/index.js.map +1 -1
- package/cjs/link/style-presets.d.ts.map +1 -1
- package/cjs/link/style-presets.js +5 -0
- package/cjs/link/style-presets.js.map +1 -1
- package/cjs/menu/style-presets.d.ts.map +1 -1
- package/cjs/menu/style-presets.js +4 -0
- package/cjs/menu/style-presets.js.map +1 -1
- package/cjs/popover/defaults.d.ts +17 -0
- package/cjs/popover/defaults.d.ts.map +1 -1
- package/cjs/popover/defaults.js +19 -2
- package/cjs/popover/defaults.js.map +1 -1
- package/cjs/popover/popover.d.ts.map +1 -1
- package/cjs/popover/popover.js +44 -12
- package/cjs/popover/popover.js.map +1 -1
- package/cjs/popover/style-presets.d.ts.map +1 -1
- package/cjs/popover/style-presets.js +14 -0
- package/cjs/popover/style-presets.js.map +1 -1
- package/cjs/popover/styled.d.ts +19 -0
- package/cjs/popover/styled.d.ts.map +1 -0
- package/cjs/popover/styled.js +22 -0
- package/cjs/popover/styled.js.map +1 -0
- package/cjs/popover/types.d.ts +25 -1
- package/cjs/popover/types.d.ts.map +1 -1
- package/cjs/radio-button/style-presets.d.ts.map +1 -1
- package/cjs/radio-button/style-presets.js +65 -58
- package/cjs/radio-button/style-presets.js.map +1 -1
- package/cjs/select/select.js +2 -2
- package/cjs/select/select.js.map +1 -1
- package/cjs/select/style-presets.d.ts.map +1 -1
- package/cjs/select/style-presets.js +0 -59
- package/cjs/select/style-presets.js.map +1 -1
- package/cjs/select/utils.d.ts +0 -2
- package/cjs/select/utils.d.ts.map +1 -1
- package/cjs/select/utils.js +1 -6
- package/cjs/select/utils.js.map +1 -1
- package/cjs/selection-list/defaults.d.ts +17 -0
- package/cjs/selection-list/defaults.d.ts.map +1 -0
- package/cjs/selection-list/defaults.js +18 -0
- package/cjs/selection-list/defaults.js.map +1 -0
- package/cjs/selection-list/index.d.ts +4 -0
- package/cjs/selection-list/index.d.ts.map +1 -0
- package/cjs/selection-list/index.js +19 -0
- package/cjs/selection-list/index.js.map +1 -0
- package/cjs/selection-list/selection-list-option.d.ts +4 -0
- package/cjs/selection-list/selection-list-option.d.ts.map +1 -0
- package/cjs/selection-list/selection-list-option.js +48 -0
- package/cjs/selection-list/selection-list-option.js.map +1 -0
- package/cjs/selection-list/selection-list.d.ts +4 -0
- package/cjs/selection-list/selection-list.d.ts.map +1 -0
- package/cjs/selection-list/selection-list.js +83 -0
- package/cjs/selection-list/selection-list.js.map +1 -0
- package/cjs/selection-list/styled.d.ts +11 -0
- package/cjs/selection-list/styled.d.ts.map +1 -0
- package/cjs/selection-list/styled.js +18 -0
- package/cjs/selection-list/styled.js.map +1 -0
- package/cjs/selection-list/types.d.ts +25 -0
- package/cjs/selection-list/types.d.ts.map +1 -0
- package/cjs/selection-list/types.js +3 -0
- package/cjs/selection-list/types.js.map +1 -0
- package/cjs/selection-list/utils.d.ts +5 -0
- package/cjs/selection-list/utils.d.ts.map +1 -0
- package/cjs/selection-list/utils.js +43 -0
- package/cjs/selection-list/utils.js.map +1 -0
- package/cjs/slider/style-presets.d.ts.map +1 -1
- package/cjs/slider/style-presets.js +13 -0
- package/cjs/slider/style-presets.js.map +1 -1
- package/cjs/slider/types.d.ts +6 -0
- package/cjs/slider/types.d.ts.map +1 -1
- package/cjs/slider/types.js.map +1 -1
- package/cjs/structured-list/structured-list-item.d.ts.map +1 -1
- package/cjs/structured-list/structured-list-item.js +4 -3
- package/cjs/structured-list/structured-list-item.js.map +1 -1
- package/cjs/structured-list/types.d.ts +1 -0
- package/cjs/structured-list/types.d.ts.map +1 -1
- package/cjs/switch/style-presets.d.ts +23 -0
- package/cjs/switch/style-presets.d.ts.map +1 -1
- package/cjs/switch/style-presets.js +19 -3
- package/cjs/switch/style-presets.js.map +1 -1
- package/cjs/tabs/defaults.d.ts +3 -0
- package/cjs/tabs/defaults.d.ts.map +1 -1
- package/cjs/tabs/defaults.js +3 -0
- package/cjs/tabs/defaults.js.map +1 -1
- package/cjs/tabs/style-presets.d.ts.map +1 -1
- package/cjs/tabs/style-presets.js +16 -0
- package/cjs/tabs/style-presets.js.map +1 -1
- package/cjs/tabs/styled.d.ts +1 -0
- package/cjs/tabs/styled.d.ts.map +1 -1
- package/cjs/tabs/styled.js +5 -2
- package/cjs/tabs/styled.js.map +1 -1
- package/cjs/tabs/tab-panel.d.ts.map +1 -1
- package/cjs/tabs/tab-panel.js +21 -4
- package/cjs/tabs/tab-panel.js.map +1 -1
- package/cjs/tag/style-presets.d.ts.map +1 -1
- package/cjs/tag/style-presets.js +3 -0
- package/cjs/tag/style-presets.js.map +1 -1
- package/cjs/theme/creator.d.ts +1 -2
- package/cjs/theme/creator.d.ts.map +1 -1
- package/cjs/theme/foundations/index.d.ts +1 -0
- package/cjs/theme/foundations/index.d.ts.map +1 -1
- package/cjs/theme/foundations/index.js +3 -1
- package/cjs/theme/foundations/index.js.map +1 -1
- package/cjs/theme/foundations/outlines.d.ts +9 -0
- package/cjs/theme/foundations/outlines.d.ts.map +1 -0
- package/cjs/theme/foundations/outlines.js +12 -0
- package/cjs/theme/foundations/outlines.js.map +1 -0
- package/cjs/theme/newskit-dark.d.ts +14 -0
- package/cjs/theme/newskit-dark.d.ts.map +1 -1
- package/cjs/theme/newskit-dark.js +14 -0
- package/cjs/theme/newskit-dark.js.map +1 -1
- package/cjs/theme/presets/style-presets.js +69 -3
- package/cjs/theme/presets/style-presets.js.map +1 -1
- package/cjs/theme/presets/types.d.ts +13 -0
- package/cjs/theme/presets/types.d.ts.map +1 -1
- package/cjs/theme/types.d.ts +1 -0
- package/cjs/theme/types.d.ts.map +1 -1
- package/cjs/theme/types.js.map +1 -1
- package/cjs/theme-checker/scenarios.d.ts.map +1 -1
- package/cjs/theme-checker/scenarios.js +20 -2
- package/cjs/theme-checker/scenarios.js.map +1 -1
- package/cjs/theme-checker/styled.d.ts.map +1 -1
- package/cjs/theme-checker/styled.js +1 -1
- package/cjs/theme-checker/styled.js.map +1 -1
- package/cjs/tooltip/defaults.d.ts +6 -0
- package/cjs/tooltip/defaults.d.ts.map +1 -1
- package/cjs/tooltip/defaults.js +6 -0
- package/cjs/tooltip/defaults.js.map +1 -1
- package/cjs/tooltip/tooltip.d.ts.map +1 -1
- package/cjs/tooltip/tooltip.js +9 -0
- package/cjs/tooltip/tooltip.js.map +1 -1
- package/cjs/utils/check-breakpoint-prop.d.ts +4 -0
- package/cjs/utils/check-breakpoint-prop.d.ts.map +1 -0
- package/cjs/utils/check-breakpoint-prop.js +10 -0
- package/cjs/utils/check-breakpoint-prop.js.map +1 -0
- package/cjs/utils/default-focus-visible.d.ts +8 -0
- package/cjs/utils/default-focus-visible.d.ts.map +1 -0
- package/cjs/utils/default-focus-visible.js +11 -0
- package/cjs/utils/default-focus-visible.js.map +1 -0
- package/cjs/utils/style/getters.d.ts +1 -0
- package/cjs/utils/style/getters.d.ts.map +1 -1
- package/cjs/utils/style/getters.js +2 -1
- package/cjs/utils/style/getters.js.map +1 -1
- package/cjs/utils/style/style-preset.d.ts +1 -0
- package/cjs/utils/style/style-preset.d.ts.map +1 -1
- package/cjs/utils/style/style-preset.js +25 -5
- package/cjs/utils/style/style-preset.js.map +1 -1
- package/cjs/utils/style/utils.d.ts +1 -1
- package/cjs/utils/style/utils.d.ts.map +1 -1
- package/cjs/utils/style/utils.js +3 -0
- package/cjs/utils/style/utils.js.map +1 -1
- package/cjs/version-number.json +1 -1
- package/cjs/video-player/defaults.js +1 -1
- package/cjs/video-player/defaults.js.map +1 -1
- package/cjs/video-player/style-presets.d.ts.map +1 -1
- package/cjs/video-player/style-presets.js +7 -2
- package/cjs/video-player/style-presets.js.map +1 -1
- package/esm/accordion/style-presets.d.ts.map +1 -1
- package/esm/accordion/style-presets.js +6 -1
- package/esm/accordion/style-presets.js.map +1 -1
- package/esm/audio-player/style-presets.d.ts.map +1 -1
- package/esm/audio-player/style-presets.js +5 -0
- package/esm/audio-player/style-presets.js.map +1 -1
- package/esm/audio-player-composable/audio-functions.d.ts +2 -1
- package/esm/audio-player-composable/audio-functions.d.ts.map +1 -1
- package/esm/audio-player-composable/audio-functions.js +11 -1
- package/esm/audio-player-composable/audio-functions.js.map +1 -1
- package/esm/audio-player-composable/audio-player-composable.d.ts +1 -1
- package/esm/audio-player-composable/audio-player-composable.d.ts.map +1 -1
- package/esm/audio-player-composable/audio-player-composable.js +34 -14
- package/esm/audio-player-composable/audio-player-composable.js.map +1 -1
- package/esm/audio-player-composable/components/playback-speed-control/defaults.d.ts +27 -0
- package/esm/audio-player-composable/components/playback-speed-control/defaults.d.ts.map +1 -0
- package/esm/audio-player-composable/components/playback-speed-control/defaults.js +26 -0
- package/esm/audio-player-composable/components/playback-speed-control/defaults.js.map +1 -0
- package/esm/audio-player-composable/components/playback-speed-control/index.d.ts +3 -0
- package/esm/audio-player-composable/components/playback-speed-control/index.d.ts.map +1 -0
- package/esm/audio-player-composable/components/playback-speed-control/index.js +3 -0
- package/esm/audio-player-composable/components/playback-speed-control/index.js.map +1 -0
- package/esm/audio-player-composable/components/playback-speed-control/playback-speed-control.d.ts +3 -0
- package/esm/audio-player-composable/components/playback-speed-control/playback-speed-control.d.ts.map +1 -0
- package/esm/audio-player-composable/components/playback-speed-control/playback-speed-control.js +34 -0
- package/esm/audio-player-composable/components/playback-speed-control/playback-speed-control.js.map +1 -0
- package/esm/audio-player-composable/components/playback-speed-control/playback-speed-list.d.ts +15 -0
- package/esm/audio-player-composable/components/playback-speed-control/playback-speed-list.d.ts.map +1 -0
- package/esm/audio-player-composable/components/playback-speed-control/playback-speed-list.js +16 -0
- package/esm/audio-player-composable/components/playback-speed-control/playback-speed-list.js.map +1 -0
- package/esm/audio-player-composable/components/playback-speed-control/types.d.ts +19 -0
- package/esm/audio-player-composable/components/playback-speed-control/types.d.ts.map +1 -0
- package/esm/audio-player-composable/components/playback-speed-control/types.js +2 -0
- package/esm/audio-player-composable/components/playback-speed-control/types.js.map +1 -0
- package/esm/audio-player-composable/components/playback-speed-control/utils.d.ts +8 -0
- package/esm/audio-player-composable/components/playback-speed-control/utils.d.ts.map +1 -0
- package/esm/audio-player-composable/components/playback-speed-control/utils.js +20 -0
- package/esm/audio-player-composable/components/playback-speed-control/utils.js.map +1 -0
- package/esm/audio-player-composable/components/seek-bar/style-presets.d.ts.map +1 -1
- package/esm/audio-player-composable/components/seek-bar/style-presets.js +13 -0
- package/esm/audio-player-composable/components/seek-bar/style-presets.js.map +1 -1
- package/esm/audio-player-composable/components/time-display/style-presets.d.ts.map +1 -1
- package/esm/audio-player-composable/components/time-display/style-presets.js +1 -0
- package/esm/audio-player-composable/components/time-display/style-presets.js.map +1 -1
- package/esm/audio-player-composable/components/time-display/time-display.d.ts.map +1 -1
- package/esm/audio-player-composable/components/time-display/time-display.js +1 -1
- package/esm/audio-player-composable/components/time-display/time-display.js.map +1 -1
- package/esm/audio-player-composable/components/volume-control/defaults.d.ts +41 -11
- package/esm/audio-player-composable/components/volume-control/defaults.d.ts.map +1 -1
- package/esm/audio-player-composable/components/volume-control/defaults.js +36 -18
- package/esm/audio-player-composable/components/volume-control/defaults.js.map +1 -1
- package/esm/audio-player-composable/components/volume-control/mute-button.d.ts.map +1 -1
- package/esm/audio-player-composable/components/volume-control/mute-button.js +22 -2
- package/esm/audio-player-composable/components/volume-control/mute-button.js.map +1 -1
- package/esm/audio-player-composable/components/volume-control/style-presets.d.ts.map +1 -1
- package/esm/audio-player-composable/components/volume-control/style-presets.js +24 -0
- package/esm/audio-player-composable/components/volume-control/style-presets.js.map +1 -1
- package/esm/audio-player-composable/components/volume-control/styled.d.ts +4 -21
- package/esm/audio-player-composable/components/volume-control/styled.d.ts.map +1 -1
- package/esm/audio-player-composable/components/volume-control/styled.js +15 -14
- package/esm/audio-player-composable/components/volume-control/styled.js.map +1 -1
- package/esm/audio-player-composable/components/volume-control/types.d.ts +15 -4
- 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.map +1 -1
- package/esm/audio-player-composable/components/volume-control/volume-control.js +12 -12
- package/esm/audio-player-composable/components/volume-control/volume-control.js.map +1 -1
- package/esm/audio-player-composable/index.d.ts +1 -0
- package/esm/audio-player-composable/index.d.ts.map +1 -1
- package/esm/audio-player-composable/index.js +1 -0
- package/esm/audio-player-composable/index.js.map +1 -1
- package/esm/audio-player-composable/types.d.ts +12 -1
- package/esm/audio-player-composable/types.d.ts.map +1 -1
- package/esm/audio-player-composable/types.js.map +1 -1
- package/esm/base-floating-element/base-floating-element.d.ts.map +1 -1
- package/esm/base-floating-element/base-floating-element.js +48 -18
- package/esm/base-floating-element/base-floating-element.js.map +1 -1
- package/esm/base-floating-element/styled.d.ts +1 -0
- package/esm/base-floating-element/styled.d.ts.map +1 -1
- package/esm/base-floating-element/styled.js +7 -4
- package/esm/base-floating-element/styled.js.map +1 -1
- package/esm/base-floating-element/types.d.ts +6 -1
- package/esm/base-floating-element/types.d.ts.map +1 -1
- package/esm/base-switch/base-switch.d.ts.map +1 -1
- package/esm/base-switch/base-switch.js +7 -3
- package/esm/base-switch/base-switch.js.map +1 -1
- package/esm/base-switch/styled.d.ts.map +1 -1
- package/esm/base-switch/styled.js +7 -10
- package/esm/base-switch/styled.js.map +1 -1
- package/esm/button/style-presets.d.ts.map +1 -1
- package/esm/button/style-presets.js +16 -0
- package/esm/button/style-presets.js.map +1 -1
- package/esm/checkbox/style-presets.d.ts.map +1 -1
- package/esm/checkbox/style-presets.js +89 -86
- package/esm/checkbox/style-presets.js.map +1 -1
- package/esm/dialog/styled.d.ts +2 -0
- package/esm/dialog/styled.d.ts.map +1 -1
- package/esm/dialog/styled.js +1 -1
- package/esm/dialog/styled.js.map +1 -1
- package/esm/form/context.d.ts +1 -0
- package/esm/form/context.d.ts.map +1 -1
- package/esm/form/context.js.map +1 -1
- package/esm/form/form-input.d.ts.map +1 -1
- package/esm/form/form-input.js +16 -11
- package/esm/form/form-input.js.map +1 -1
- package/esm/icon-button/style-presets.d.ts.map +1 -1
- package/esm/icon-button/style-presets.js +16 -0
- package/esm/icon-button/style-presets.js.map +1 -1
- package/esm/index.d.ts +1 -0
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -1
- package/esm/link/style-presets.d.ts.map +1 -1
- package/esm/link/style-presets.js +5 -0
- package/esm/link/style-presets.js.map +1 -1
- package/esm/menu/style-presets.d.ts.map +1 -1
- package/esm/menu/style-presets.js +4 -0
- package/esm/menu/style-presets.js.map +1 -1
- package/esm/popover/defaults.d.ts +17 -0
- package/esm/popover/defaults.d.ts.map +1 -1
- package/esm/popover/defaults.js +19 -2
- package/esm/popover/defaults.js.map +1 -1
- package/esm/popover/popover.d.ts.map +1 -1
- package/esm/popover/popover.js +45 -13
- package/esm/popover/popover.js.map +1 -1
- package/esm/popover/style-presets.d.ts.map +1 -1
- package/esm/popover/style-presets.js +14 -0
- package/esm/popover/style-presets.js.map +1 -1
- package/esm/popover/styled.d.ts +19 -0
- package/esm/popover/styled.d.ts.map +1 -0
- package/esm/popover/styled.js +19 -0
- package/esm/popover/styled.js.map +1 -0
- package/esm/popover/types.d.ts +25 -1
- package/esm/popover/types.d.ts.map +1 -1
- package/esm/radio-button/style-presets.d.ts.map +1 -1
- package/esm/radio-button/style-presets.js +65 -58
- package/esm/radio-button/style-presets.js.map +1 -1
- package/esm/select/select.js +2 -2
- package/esm/select/select.js.map +1 -1
- package/esm/select/style-presets.d.ts.map +1 -1
- package/esm/select/style-presets.js +0 -59
- package/esm/select/style-presets.js.map +1 -1
- package/esm/select/utils.d.ts +0 -2
- package/esm/select/utils.d.ts.map +1 -1
- package/esm/select/utils.js +0 -4
- package/esm/select/utils.js.map +1 -1
- package/esm/selection-list/defaults.d.ts +17 -0
- package/esm/selection-list/defaults.d.ts.map +1 -0
- package/esm/selection-list/defaults.js +16 -0
- package/esm/selection-list/defaults.js.map +1 -0
- package/esm/selection-list/index.d.ts +4 -0
- package/esm/selection-list/index.d.ts.map +1 -0
- package/esm/selection-list/index.js +4 -0
- package/esm/selection-list/index.js.map +1 -0
- package/esm/selection-list/selection-list-option.d.ts +4 -0
- package/esm/selection-list/selection-list-option.d.ts.map +1 -0
- package/esm/selection-list/selection-list-option.js +42 -0
- package/esm/selection-list/selection-list-option.js.map +1 -0
- package/esm/selection-list/selection-list.d.ts +4 -0
- package/esm/selection-list/selection-list.d.ts.map +1 -0
- package/esm/selection-list/selection-list.js +58 -0
- package/esm/selection-list/selection-list.js.map +1 -0
- package/esm/selection-list/styled.d.ts +11 -0
- package/esm/selection-list/styled.d.ts.map +1 -0
- package/esm/selection-list/styled.js +15 -0
- package/esm/selection-list/styled.js.map +1 -0
- package/esm/selection-list/types.d.ts +25 -0
- package/esm/selection-list/types.d.ts.map +1 -0
- package/esm/selection-list/types.js +2 -0
- package/esm/selection-list/types.js.map +1 -0
- package/esm/selection-list/utils.d.ts +5 -0
- package/esm/selection-list/utils.d.ts.map +1 -0
- package/esm/selection-list/utils.js +36 -0
- package/esm/selection-list/utils.js.map +1 -0
- package/esm/slider/style-presets.d.ts.map +1 -1
- package/esm/slider/style-presets.js +13 -0
- package/esm/slider/style-presets.js.map +1 -1
- package/esm/slider/types.d.ts +6 -0
- package/esm/slider/types.d.ts.map +1 -1
- package/esm/slider/types.js.map +1 -1
- package/esm/structured-list/structured-list-item.d.ts.map +1 -1
- package/esm/structured-list/structured-list-item.js +4 -3
- package/esm/structured-list/structured-list-item.js.map +1 -1
- package/esm/structured-list/types.d.ts +1 -0
- package/esm/structured-list/types.d.ts.map +1 -1
- package/esm/switch/style-presets.d.ts +23 -0
- package/esm/switch/style-presets.d.ts.map +1 -1
- package/esm/switch/style-presets.js +19 -3
- package/esm/switch/style-presets.js.map +1 -1
- package/esm/tabs/defaults.d.ts +3 -0
- package/esm/tabs/defaults.d.ts.map +1 -1
- package/esm/tabs/defaults.js +3 -0
- package/esm/tabs/defaults.js.map +1 -1
- package/esm/tabs/style-presets.d.ts.map +1 -1
- package/esm/tabs/style-presets.js +16 -0
- package/esm/tabs/style-presets.js.map +1 -1
- package/esm/tabs/styled.d.ts +1 -0
- package/esm/tabs/styled.d.ts.map +1 -1
- package/esm/tabs/styled.js +5 -2
- package/esm/tabs/styled.js.map +1 -1
- package/esm/tabs/tab-panel.d.ts.map +1 -1
- package/esm/tabs/tab-panel.js +3 -2
- package/esm/tabs/tab-panel.js.map +1 -1
- package/esm/tag/style-presets.d.ts.map +1 -1
- package/esm/tag/style-presets.js +3 -0
- package/esm/tag/style-presets.js.map +1 -1
- package/esm/theme/creator.d.ts +1 -2
- package/esm/theme/creator.d.ts.map +1 -1
- package/esm/theme/foundations/index.d.ts +1 -0
- package/esm/theme/foundations/index.d.ts.map +1 -1
- package/esm/theme/foundations/index.js +1 -0
- package/esm/theme/foundations/index.js.map +1 -1
- package/esm/theme/foundations/outlines.d.ts +9 -0
- package/esm/theme/foundations/outlines.d.ts.map +1 -0
- package/esm/theme/foundations/outlines.js +9 -0
- package/esm/theme/foundations/outlines.js.map +1 -0
- package/esm/theme/newskit-dark.d.ts +14 -0
- package/esm/theme/newskit-dark.d.ts.map +1 -1
- package/esm/theme/newskit-dark.js +14 -0
- package/esm/theme/newskit-dark.js.map +1 -1
- package/esm/theme/presets/style-presets.js +69 -3
- package/esm/theme/presets/style-presets.js.map +1 -1
- package/esm/theme/presets/types.d.ts +13 -0
- package/esm/theme/presets/types.d.ts.map +1 -1
- package/esm/theme/types.d.ts +1 -0
- package/esm/theme/types.d.ts.map +1 -1
- package/esm/theme/types.js.map +1 -1
- package/esm/theme-checker/scenarios.d.ts.map +1 -1
- package/esm/theme-checker/scenarios.js +21 -3
- package/esm/theme-checker/scenarios.js.map +1 -1
- package/esm/theme-checker/styled.d.ts.map +1 -1
- package/esm/theme-checker/styled.js +1 -1
- package/esm/theme-checker/styled.js.map +1 -1
- package/esm/tooltip/defaults.d.ts +6 -0
- package/esm/tooltip/defaults.d.ts.map +1 -1
- package/esm/tooltip/defaults.js +6 -0
- package/esm/tooltip/defaults.js.map +1 -1
- package/esm/tooltip/tooltip.d.ts.map +1 -1
- package/esm/tooltip/tooltip.js +9 -0
- package/esm/tooltip/tooltip.js.map +1 -1
- package/esm/utils/check-breakpoint-prop.d.ts +4 -0
- package/esm/utils/check-breakpoint-prop.d.ts.map +1 -0
- package/esm/utils/check-breakpoint-prop.js +6 -0
- package/esm/utils/check-breakpoint-prop.js.map +1 -0
- package/esm/utils/default-focus-visible.d.ts +8 -0
- package/esm/utils/default-focus-visible.d.ts.map +1 -0
- package/esm/utils/default-focus-visible.js +8 -0
- package/esm/utils/default-focus-visible.js.map +1 -0
- package/esm/utils/style/getters.d.ts +1 -0
- package/esm/utils/style/getters.d.ts.map +1 -1
- package/esm/utils/style/getters.js +1 -0
- package/esm/utils/style/getters.js.map +1 -1
- package/esm/utils/style/style-preset.d.ts +1 -0
- package/esm/utils/style/style-preset.d.ts.map +1 -1
- package/esm/utils/style/style-preset.js +25 -5
- package/esm/utils/style/style-preset.js.map +1 -1
- package/esm/utils/style/utils.d.ts +1 -1
- package/esm/utils/style/utils.d.ts.map +1 -1
- package/esm/utils/style/utils.js +3 -0
- package/esm/utils/style/utils.js.map +1 -1
- package/esm/version-number.json +1 -1
- package/esm/video-player/defaults.js +1 -1
- package/esm/video-player/defaults.js.map +1 -1
- package/esm/video-player/style-presets.d.ts.map +1 -1
- package/esm/video-player/style-presets.js +7 -2
- package/esm/video-player/style-presets.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var default_focus_visible_1 = require("../utils/default-focus-visible");
|
|
3
4
|
exports.default = {
|
|
4
5
|
buttonSolidPrimary: {
|
|
5
6
|
base: {
|
|
@@ -24,6 +25,7 @@ exports.default = {
|
|
|
24
25
|
color: '{{colors.inkBrand010}}',
|
|
25
26
|
iconColor: '{{colors.inkBrand010}}',
|
|
26
27
|
},
|
|
28
|
+
'focus-visible': default_focus_visible_1.defaultFocusVisible,
|
|
27
29
|
},
|
|
28
30
|
buttonSolidSecondary: {
|
|
29
31
|
base: {
|
|
@@ -48,6 +50,7 @@ exports.default = {
|
|
|
48
50
|
color: '{{colors.inkBase}}',
|
|
49
51
|
iconColor: '{{colors.inkBase}}',
|
|
50
52
|
},
|
|
53
|
+
'focus-visible': default_focus_visible_1.defaultFocusVisible,
|
|
51
54
|
},
|
|
52
55
|
buttonSolidNegative: {
|
|
53
56
|
base: {
|
|
@@ -72,6 +75,7 @@ exports.default = {
|
|
|
72
75
|
color: '{{colors.inkNegative}}',
|
|
73
76
|
iconColor: '{{colors.inkNegative}}',
|
|
74
77
|
},
|
|
78
|
+
'focus-visible': default_focus_visible_1.defaultFocusVisible,
|
|
75
79
|
},
|
|
76
80
|
buttonSolidPositive: {
|
|
77
81
|
base: {
|
|
@@ -96,6 +100,7 @@ exports.default = {
|
|
|
96
100
|
color: '{{colors.inkPositive}}',
|
|
97
101
|
iconColor: '{{colors.inkPositive}}',
|
|
98
102
|
},
|
|
103
|
+
'focus-visible': default_focus_visible_1.defaultFocusVisible,
|
|
99
104
|
},
|
|
100
105
|
buttonSolidInverse: {
|
|
101
106
|
base: {
|
|
@@ -120,6 +125,7 @@ exports.default = {
|
|
|
120
125
|
color: '{{colors.inkInverse}}',
|
|
121
126
|
iconColor: '{{colors.inkInverse}}',
|
|
122
127
|
},
|
|
128
|
+
'focus-visible': default_focus_visible_1.defaultFocusVisible,
|
|
123
129
|
},
|
|
124
130
|
buttonOutlinedPrimary: {
|
|
125
131
|
base: {
|
|
@@ -148,6 +154,7 @@ exports.default = {
|
|
|
148
154
|
backgroundColor: '{{colors.interactivePrimary020}}',
|
|
149
155
|
borderStyle: 'none',
|
|
150
156
|
},
|
|
157
|
+
'focus-visible': default_focus_visible_1.defaultFocusVisible,
|
|
151
158
|
},
|
|
152
159
|
buttonOutlinedSecondary: {
|
|
153
160
|
base: {
|
|
@@ -176,6 +183,7 @@ exports.default = {
|
|
|
176
183
|
backgroundColor: '{{colors.interactiveSecondary020}}',
|
|
177
184
|
borderStyle: 'none',
|
|
178
185
|
},
|
|
186
|
+
'focus-visible': default_focus_visible_1.defaultFocusVisible,
|
|
179
187
|
},
|
|
180
188
|
buttonOutlinedNegative: {
|
|
181
189
|
base: {
|
|
@@ -204,6 +212,7 @@ exports.default = {
|
|
|
204
212
|
backgroundColor: '{{colors.interactiveNegative020}}',
|
|
205
213
|
borderStyle: 'none',
|
|
206
214
|
},
|
|
215
|
+
'focus-visible': default_focus_visible_1.defaultFocusVisible,
|
|
207
216
|
},
|
|
208
217
|
buttonOutlinedPositive: {
|
|
209
218
|
base: {
|
|
@@ -232,6 +241,7 @@ exports.default = {
|
|
|
232
241
|
backgroundColor: '{{colors.interactivePositive020}}',
|
|
233
242
|
borderStyle: 'none',
|
|
234
243
|
},
|
|
244
|
+
'focus-visible': default_focus_visible_1.defaultFocusVisible,
|
|
235
245
|
},
|
|
236
246
|
buttonOutlinedInverse: {
|
|
237
247
|
base: {
|
|
@@ -260,6 +270,7 @@ exports.default = {
|
|
|
260
270
|
backgroundColor: '{{colors.interactiveInverse020}}',
|
|
261
271
|
borderStyle: 'none',
|
|
262
272
|
},
|
|
273
|
+
'focus-visible': default_focus_visible_1.defaultFocusVisible,
|
|
263
274
|
},
|
|
264
275
|
buttonMinimalPrimary: {
|
|
265
276
|
base: {
|
|
@@ -281,6 +292,7 @@ exports.default = {
|
|
|
281
292
|
loading: {
|
|
282
293
|
backgroundColor: '{{colors.interactivePrimary020}}',
|
|
283
294
|
},
|
|
295
|
+
'focus-visible': default_focus_visible_1.defaultFocusVisible,
|
|
284
296
|
},
|
|
285
297
|
buttonMinimalSecondary: {
|
|
286
298
|
base: {
|
|
@@ -302,6 +314,7 @@ exports.default = {
|
|
|
302
314
|
loading: {
|
|
303
315
|
backgroundColor: '{{colors.interactiveSecondary020}}',
|
|
304
316
|
},
|
|
317
|
+
'focus-visible': default_focus_visible_1.defaultFocusVisible,
|
|
305
318
|
},
|
|
306
319
|
buttonMinimalNegative: {
|
|
307
320
|
base: {
|
|
@@ -323,6 +336,7 @@ exports.default = {
|
|
|
323
336
|
loading: {
|
|
324
337
|
backgroundColor: '{{colors.interactiveNegative020}}',
|
|
325
338
|
},
|
|
339
|
+
'focus-visible': default_focus_visible_1.defaultFocusVisible,
|
|
326
340
|
},
|
|
327
341
|
buttonMinimalPositive: {
|
|
328
342
|
base: {
|
|
@@ -344,6 +358,7 @@ exports.default = {
|
|
|
344
358
|
loading: {
|
|
345
359
|
backgroundColor: '{{colors.interactivePositive020}}',
|
|
346
360
|
},
|
|
361
|
+
'focus-visible': default_focus_visible_1.defaultFocusVisible,
|
|
347
362
|
},
|
|
348
363
|
buttonMinimalInverse: {
|
|
349
364
|
base: {
|
|
@@ -365,6 +380,7 @@ exports.default = {
|
|
|
365
380
|
loading: {
|
|
366
381
|
backgroundColor: '{{colors.interactiveInverse020}}',
|
|
367
382
|
},
|
|
383
|
+
'focus-visible': default_focus_visible_1.defaultFocusVisible,
|
|
368
384
|
},
|
|
369
385
|
};
|
|
370
386
|
//# sourceMappingURL=style-presets.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/button/style-presets.ts"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/button/style-presets.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/checkbox/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;
|
|
1
|
+
{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/checkbox/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;AAyD3C,wBAwFiC"}
|
|
@@ -1,5 +1,60 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
2
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
+
var default_focus_visible_1 = require("../utils/default-focus-visible");
|
|
15
|
+
var checked = {
|
|
16
|
+
backgroundColor: '{{colors.interactiveInput040}}',
|
|
17
|
+
borderColor: '{{colors.interactiveInput040}}',
|
|
18
|
+
};
|
|
19
|
+
var invalid = {
|
|
20
|
+
borderColor: '{{colors.interactiveNegative040}}',
|
|
21
|
+
};
|
|
22
|
+
var checkedInvalid = {
|
|
23
|
+
backgroundColor: '{{colors.interactiveNegative040}}',
|
|
24
|
+
borderColor: '{{colors.interactiveNegative040}}',
|
|
25
|
+
};
|
|
26
|
+
var valid = {
|
|
27
|
+
backgroundColor: '{{colors.interactiveInput010}}',
|
|
28
|
+
borderColor: '{{colors.interactivePositive040}}',
|
|
29
|
+
};
|
|
30
|
+
var checkedValid = {
|
|
31
|
+
backgroundColor: '{{colors.interactivePositive040}}',
|
|
32
|
+
borderColor: '{{colors.interactivePositive040}}',
|
|
33
|
+
};
|
|
34
|
+
var hover = {
|
|
35
|
+
backgroundColor: '{{colors.interactiveInput030}}',
|
|
36
|
+
borderColor: '{{colors.interactiveInput050}}',
|
|
37
|
+
};
|
|
38
|
+
var checkedHover = {
|
|
39
|
+
backgroundColor: '{{colors.interactiveInput050}}',
|
|
40
|
+
borderColor: '{{colors.interactiveInput050}}',
|
|
41
|
+
};
|
|
42
|
+
var invalidHover = {
|
|
43
|
+
backgroundColor: '{{colors.interactiveNegative010}}',
|
|
44
|
+
borderColor: '{{colors.interactiveNegative050}}',
|
|
45
|
+
};
|
|
46
|
+
var checkedInvalidHover = {
|
|
47
|
+
backgroundColor: '{{colors.interactiveNegative050}}',
|
|
48
|
+
borderColor: '{{colors.interactiveNegative050}}',
|
|
49
|
+
};
|
|
50
|
+
var validHover = {
|
|
51
|
+
backgroundColor: '{{colors.interactivePositive010}}',
|
|
52
|
+
borderColor: '{{colors.interactivePositive050}}',
|
|
53
|
+
};
|
|
54
|
+
var checkedValidHover = {
|
|
55
|
+
backgroundColor: '{{colors.interactivePositive050}}',
|
|
56
|
+
borderColor: '{{colors.interactivePositive050}}',
|
|
57
|
+
};
|
|
3
58
|
exports.default = {
|
|
4
59
|
checkboxInput: {
|
|
5
60
|
base: {
|
|
@@ -10,93 +65,29 @@ exports.default = {
|
|
|
10
65
|
borderStyle: 'solid',
|
|
11
66
|
iconColor: '{{colors.inkInverse}}',
|
|
12
67
|
},
|
|
13
|
-
hover:
|
|
14
|
-
backgroundColor: '{{colors.interactiveInput030}}',
|
|
15
|
-
borderColor: '{{colors.interactiveInput050}}',
|
|
16
|
-
},
|
|
68
|
+
hover: hover,
|
|
17
69
|
focus: {},
|
|
18
|
-
'focus:hover':
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
checked:
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
'
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
'checked:focus':
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
'
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
borderColor: '{{colors.interactiveNegative040}}',
|
|
40
|
-
},
|
|
41
|
-
'invalid:hover': {
|
|
42
|
-
backgroundColor: '{{colors.interactiveNegative010}}',
|
|
43
|
-
borderColor: '{{colors.interactiveNegative050}}',
|
|
44
|
-
},
|
|
45
|
-
'invalid:focus': {
|
|
46
|
-
borderColor: '{{colors.interactiveNegative040}}',
|
|
47
|
-
},
|
|
48
|
-
'invalid:focus:hover': {
|
|
49
|
-
backgroundColor: '{{colors.interactiveNegative010}}',
|
|
50
|
-
borderColor: '{{colors.interactiveNegative050}}',
|
|
51
|
-
},
|
|
52
|
-
'checked:invalid': {
|
|
53
|
-
backgroundColor: '{{colors.interactiveNegative040}}',
|
|
54
|
-
borderColor: '{{colors.interactiveNegative040}}',
|
|
55
|
-
},
|
|
56
|
-
'checked:invalid:focus': {
|
|
57
|
-
backgroundColor: '{{colors.interactiveNegative040}}',
|
|
58
|
-
borderColor: '{{colors.interactiveNegative040}}',
|
|
59
|
-
},
|
|
60
|
-
'checked:invalid:hover': {
|
|
61
|
-
backgroundColor: '{{colors.interactiveNegative050}}',
|
|
62
|
-
borderColor: '{{colors.interactiveNegative050}}',
|
|
63
|
-
},
|
|
64
|
-
'checked:invalid:focus:hover': {
|
|
65
|
-
backgroundColor: '{{colors.interactiveNegative050}}',
|
|
66
|
-
borderColor: '{{colors.interactiveNegative050}}',
|
|
67
|
-
},
|
|
68
|
-
valid: {
|
|
69
|
-
backgroundColor: '{{colors.interactiveInput010}}',
|
|
70
|
-
borderColor: '{{colors.interactivePositive040}}',
|
|
71
|
-
},
|
|
72
|
-
'valid:hover': {
|
|
73
|
-
backgroundColor: '{{colors.interactivePositive010}}',
|
|
74
|
-
borderColor: '{{colors.interactivePositive050}}',
|
|
75
|
-
},
|
|
76
|
-
'valid:focus': {
|
|
77
|
-
backgroundColor: '{{colors.interactiveInput010}}',
|
|
78
|
-
borderColor: '{{colors.interactivePositive040}}',
|
|
79
|
-
},
|
|
80
|
-
'valid:focus:hover': {
|
|
81
|
-
backgroundColor: '{{colors.interactivePositive010}}',
|
|
82
|
-
borderColor: '{{colors.interactivePositive050}}',
|
|
83
|
-
},
|
|
84
|
-
'checked:valid': {
|
|
85
|
-
backgroundColor: '{{colors.interactivePositive040}}',
|
|
86
|
-
borderColor: '{{colors.interactivePositive040}}',
|
|
87
|
-
},
|
|
88
|
-
'checked:valid:focus': {
|
|
89
|
-
backgroundColor: '{{colors.interactivePositive040}}',
|
|
90
|
-
borderColor: '{{colors.interactivePositive040}}',
|
|
91
|
-
},
|
|
92
|
-
'checked:valid:hover': {
|
|
93
|
-
backgroundColor: '{{colors.interactivePositive050}}',
|
|
94
|
-
borderColor: '{{colors.interactivePositive050}}',
|
|
95
|
-
},
|
|
96
|
-
'checked:valid:focus:hover': {
|
|
97
|
-
backgroundColor: '{{colors.interactivePositive050}}',
|
|
98
|
-
borderColor: '{{colors.interactivePositive050}}',
|
|
99
|
-
},
|
|
70
|
+
'focus:hover': hover,
|
|
71
|
+
checked: checked,
|
|
72
|
+
'checked:hover': checkedHover,
|
|
73
|
+
'checked:focus': checked,
|
|
74
|
+
'checked:focus:hover': checkedHover,
|
|
75
|
+
invalid: invalid,
|
|
76
|
+
'invalid:hover': invalidHover,
|
|
77
|
+
'invalid:focus': invalid,
|
|
78
|
+
'invalid:focus:hover': invalidHover,
|
|
79
|
+
'checked:invalid': checkedInvalid,
|
|
80
|
+
'checked:invalid:focus': checkedInvalid,
|
|
81
|
+
'checked:invalid:hover': checkedInvalidHover,
|
|
82
|
+
'checked:invalid:focus:hover': checkedInvalidHover,
|
|
83
|
+
valid: valid,
|
|
84
|
+
'valid:hover': validHover,
|
|
85
|
+
'valid:focus': valid,
|
|
86
|
+
'valid:focus:hover': validHover,
|
|
87
|
+
'checked:valid': checkedValid,
|
|
88
|
+
'checked:valid:focus': checkedValid,
|
|
89
|
+
'checked:valid:hover': checkedValidHover,
|
|
90
|
+
'checked:valid:focus:hover': checkedValidHover,
|
|
100
91
|
disabled: {
|
|
101
92
|
backgroundColor: '{{colors.transparent}}',
|
|
102
93
|
borderColor: '{{colors.interactiveDisabled010}}',
|
|
@@ -106,6 +97,18 @@ exports.default = {
|
|
|
106
97
|
borderColor: '{{colors.interactiveDisabled010}}',
|
|
107
98
|
iconColor: '{{colors.inkNonEssential}}',
|
|
108
99
|
},
|
|
100
|
+
'focus-visible': default_focus_visible_1.defaultFocusVisible,
|
|
101
|
+
'checked:focus-visible': __assign(__assign({}, default_focus_visible_1.defaultFocusVisible), checked),
|
|
102
|
+
'invalid:focus-visible': __assign(__assign({}, default_focus_visible_1.defaultFocusVisible), invalid),
|
|
103
|
+
'checked:invalid:focus-visible': __assign(__assign({}, default_focus_visible_1.defaultFocusVisible), checkedInvalid),
|
|
104
|
+
'valid:focus-visible': __assign(__assign({}, default_focus_visible_1.defaultFocusVisible), valid),
|
|
105
|
+
'checked:valid:focus-visible': __assign(__assign({}, default_focus_visible_1.defaultFocusVisible), checkedValid),
|
|
106
|
+
'focus-visible:hover': __assign(__assign({}, default_focus_visible_1.defaultFocusVisible), hover),
|
|
107
|
+
'checked:focus-visible:hover': __assign(__assign({}, default_focus_visible_1.defaultFocusVisible), checkedHover),
|
|
108
|
+
'invalid:focus-visible:hover': __assign(__assign({}, default_focus_visible_1.defaultFocusVisible), invalidHover),
|
|
109
|
+
'checked:invalid:focus-visible:hover': __assign(__assign({}, default_focus_visible_1.defaultFocusVisible), checkedInvalidHover),
|
|
110
|
+
'valid:focus-visible:hover': __assign(__assign({}, default_focus_visible_1.defaultFocusVisible), validHover),
|
|
111
|
+
'checked:valid:focus-visible:hover': __assign(__assign({}, default_focus_visible_1.defaultFocusVisible), checkedValidHover),
|
|
109
112
|
},
|
|
110
113
|
};
|
|
111
114
|
//# sourceMappingURL=style-presets.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/checkbox/style-presets.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/checkbox/style-presets.ts"],"names":[],"mappings":"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"}
|
package/cjs/dialog/styled.d.ts
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { MoveFocusInside } from 'react-focus-lock';
|
|
3
|
+
import { css } from '../utils/style';
|
|
3
4
|
import { BaseDialogViewProps } from './types';
|
|
5
|
+
export declare const createCssGrid: (props: Pick<BaseDialogViewProps, 'closePosition'>) => ReturnType<typeof css>;
|
|
4
6
|
export declare const StyledDialogPanel: import("@emotion/styled").StyledComponent<{
|
|
5
7
|
theme?: import("@emotion/react").Theme | undefined;
|
|
6
8
|
as?: import("react").ElementType<any> | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/dialog/styled.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/dialog/styled.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAKL,GAAG,EACJ,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAO5C,eAAO,MAAM,aAAa,EAAE,CAC1B,KAAK,EAAE,IAAI,CAAC,mBAAmB,EAAE,eAAe,CAAC,KAC9C,UAAU,CAAC,OAAO,GAAG,CAiBnB,CAAC;AAER,eAAO,MAAM,iBAAiB;;;;;yGAY7B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;EAWjC,CAAC;AAGF,eAAO,MAAM,oBAAoB;;;;;yGAMhC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;yGAQ9B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;yGAM/B,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;sJAiBtC,CAAC"}
|
package/cjs/dialog/styled.js
CHANGED
|
@@ -4,7 +4,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.StyledCloseButtonContainer = exports.StyledDialogContent = exports.StyledDialogHeader = exports.StyledDialogHeaderBG = exports.StyledMoveFocusInside = exports.StyledDialogPanel = void 0;
|
|
7
|
+
exports.StyledCloseButtonContainer = exports.StyledDialogContent = exports.StyledDialogHeader = exports.StyledDialogHeaderBG = exports.StyledMoveFocusInside = exports.StyledDialogPanel = exports.createCssGrid = void 0;
|
|
8
8
|
var react_focus_lock_1 = require("react-focus-lock");
|
|
9
9
|
var style_1 = require("../utils/style");
|
|
10
10
|
var createCssGrid = function (_a) {
|
|
@@ -12,6 +12,7 @@ var createCssGrid = function (_a) {
|
|
|
12
12
|
return closePosition === 'left'
|
|
13
13
|
? (0, style_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: grid;\n grid-template-areas:\n 'close header'\n 'content content';\n grid-template-columns: auto 1fr;\n grid-template-rows: auto 1fr;\n "], ["\n display: grid;\n grid-template-areas:\n 'close header'\n 'content content';\n grid-template-columns: auto 1fr;\n grid-template-rows: auto 1fr;\n "]))) : (0, style_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: grid;\n grid-template-areas:\n 'header close'\n 'content content';\n grid-template-columns: 1fr auto;\n grid-template-rows: auto 1fr;\n "], ["\n display: grid;\n grid-template-areas:\n 'header close'\n 'content content';\n grid-template-columns: 1fr auto;\n grid-template-rows: auto 1fr;\n "])));
|
|
14
14
|
};
|
|
15
|
+
exports.createCssGrid = createCssGrid;
|
|
15
16
|
exports.StyledDialogPanel = style_1.styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n box-sizing: border-box;\n ", "\n ", "\n ", "\n ", " \n overflow: hidden;\n"], ["\n box-sizing: border-box;\n ", "\n ", "\n ", "\n ", " \n overflow: hidden;\n"])), function (_a) {
|
|
16
17
|
var inline = _a.inline;
|
|
17
18
|
return ({
|
|
@@ -27,11 +28,11 @@ exports.StyledDialogPanel = style_1.styled.div(templateObject_3 || (templateObje
|
|
|
27
28
|
return (0, style_1.getResponsiveSpace)('zIndex', "".concat(path, ".panel"), 'panel', 'zIndex');
|
|
28
29
|
}, function (_a) {
|
|
29
30
|
var closePosition = _a.closePosition;
|
|
30
|
-
return createCssGrid({ closePosition: closePosition });
|
|
31
|
+
return (0, exports.createCssGrid)({ closePosition: closePosition });
|
|
31
32
|
});
|
|
32
33
|
exports.StyledMoveFocusInside = (0, style_1.styled)(react_focus_lock_1.MoveFocusInside)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: 100%;\n overflow: hidden auto;\n ", ";\n // it makes this container to take full space form it parent grid\n grid-row-start: 1;\n grid-row-end: 3;\n grid-column-start: 1;\n grid-column-end: 3;\n"], ["\n height: 100%;\n overflow: hidden auto;\n ", ";\n // it makes this container to take full space form it parent grid\n grid-row-start: 1;\n grid-row-end: 3;\n grid-column-start: 1;\n grid-column-end: 3;\n"])), function (_a) {
|
|
33
34
|
var closePosition = _a.closePosition;
|
|
34
|
-
return createCssGrid({ closePosition: closePosition });
|
|
35
|
+
return (0, exports.createCssGrid)({ closePosition: closePosition });
|
|
35
36
|
});
|
|
36
37
|
// This is empty div that sits behind header content and close button so that style-preset can be applied to it.
|
|
37
38
|
exports.StyledDialogHeaderBG = style_1.styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", ";\n // takes the space of header and close grid area\n grid-row-start: 1;\n grid-column-start: 1;\n grid-column-end: 3;\n"], ["\n ", ";\n // takes the space of header and close grid area\n grid-row-start: 1;\n grid-column-start: 1;\n grid-column-end: 3;\n"])), function (_a) {
|
package/cjs/dialog/styled.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/dialog/styled.tsx"],"names":[],"mappings":";;;;;;;AAAA,qDAAiD;AACjD,wCAMwB;
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/dialog/styled.tsx"],"names":[],"mappings":";;;;;;;AAAA,qDAAiD;AACjD,wCAMwB;AAQjB,IAAM,aAAa,GAEI,UAAC,EAAe;QAAd,aAAa,mBAAA;IAC3C,OAAA,aAAa,KAAK,MAAM;QACtB,CAAC,KAAC,WAAG,6QAAA,yMAOF,KACH,CAAC,KAAC,WAAG,6QAAA,yMAOF,IAAA;AAhBL,CAgBK,CAAC;AAnBK,QAAA,aAAa,iBAmBlB;AAEK,QAAA,iBAAiB,GAAG,cAAM,CAAC,GAAG,yJAAqC,iCAE5E,EAEA,MACA,EAEA,MACA,EACgE,MAChE,EAAmD,2BAEtD,KAVG,UAAC,EAAQ;QAAP,MAAM,YAAA;IAAM,OAAA,CAAC;QACf,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO;KACxC,CAAC;AAFc,CAEd,EACA,UAAC,EAAO;QAAN,KAAK,WAAA;IAAM,OAAA,CAAC;QACd,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;KAC1C,CAAC;AAFa,CAEb,EACA,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,IAAA,0BAAkB,EAAC,QAAQ,EAAE,UAAG,IAAI,WAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC;AAAhE,CAAgE,EAChE,UAAC,EAAe;QAAd,aAAa,mBAAA;IAAM,OAAA,IAAA,qBAAa,EAAC,EAAC,aAAa,eAAA,EAAC,CAAC;AAA9B,CAA8B,EAErD;AAEW,QAAA,qBAAqB,GAAG,IAAA,cAAM,EAAC,kCAAe,CAAC,0RAE3D,iDAGG,EAAmD,oKAMtD,KANG,UAAC,EAAe;QAAd,aAAa,mBAAA;IAAM,OAAA,IAAA,qBAAa,EAAC,EAAC,aAAa,eAAA,EAAC,CAAC;AAA9B,CAA8B,EAMrD;AAEF,gHAAgH;AACnG,QAAA,oBAAoB,GAAG,cAAM,CAAC,GAAG,0MAAqC,MAC/E,EAAsD,+HAKzD,KALG,UAAC,EAAM;QAAL,IAAI,UAAA;IAAM,OAAA,IAAA,sBAAc,EAAC,UAAG,IAAI,YAAS,EAAE,QAAQ,CAAC;AAA1C,CAA0C,EAKxD;AAEW,QAAA,kBAAkB,GAAG,cAAM,CAAC,GAAG,kLAAqC,iCAE7E,EAA+C,sEAI/C,EACuE,IAC1E,KANG,IAAA,6BAAqB,EAAC,WAAW,EAAE,WAAW,CAAC,EAI/C,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,IAAA,0BAAkB,EAAC,SAAS,EAAE,UAAG,IAAI,YAAS,EAAE,QAAQ,EAAE,YAAY,CAAC;AAAvE,CAAuE,EACzE;AAEW,QAAA,mBAAmB,GAAG,cAAM,CAAC,GAAG,2JAAqC,kFAI9E,EACyE,IAC5E,KAFG,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,IAAA,0BAAkB,EAAC,SAAS,EAAE,UAAG,IAAI,aAAU,EAAE,SAAS,EAAE,YAAY,CAAC;AAAzE,CAAyE,EAC3E;AAEW,QAAA,0BAA0B,GAAG,cAAM,CAAC,GAAG,iKAGnD,+EAKG,EAMC,OACD,EACmE,IACtE,KATG,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,IAAA,0BAAkB,EAChB,SAAS,EACT,UAAG,IAAI,iBAAc,EACrB,aAAa,EACb,YAAY,CACb;AALD,CAKC,EACD,UAAC,EAAe;QAAd,aAAa,mBAAA;IACf,OAAA,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,kBAAkB;AAAnE,CAAmE,EACrE"}
|
package/cjs/form/context.d.ts
CHANGED
|
@@ -22,6 +22,7 @@ export declare const FormInputContext: import("react").Context<{
|
|
|
22
22
|
id?: string | undefined;
|
|
23
23
|
labelId?: string | undefined;
|
|
24
24
|
assistiveTextId?: string | undefined;
|
|
25
|
+
setAssistiveTextId?: ((id: string) => void) | undefined;
|
|
25
26
|
statusIcon?: React.ReactNode;
|
|
26
27
|
isRequired?: boolean | undefined;
|
|
27
28
|
}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/form/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,QAAQ,EAAE,cAAc,EAAC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAC,oBAAoB,EAAE,cAAc,EAAC,MAAM,SAAS,CAAC;AAO7D,eAAO,MAAM,qBAAqB;oBAChB,MAAM;oBACN,oBAAoB;uBACjB,SAAS,eAAe,oBAAoB,CAAC,CAAC;EAKjE,CAAC;AACH,eAAO,MAAM,6BAA6B;oBARxB,MAAM;oBACN,oBAAoB;uBACjB,SAAS,eAAe,oBAAoB,CAAC,CAAC;EAMQ,CAAC;AAE5E,eAAO,MAAM,gBAAgB;;;wBAGR,MAAM,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI;sBAC9C,gBAAgB,CAAC,gBAAgB,CAAC,KAAK,IAAI;YACpD,cAAc
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/form/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,QAAQ,EAAE,cAAc,EAAC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAC,aAAa,EAAC,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAC,oBAAoB,EAAE,cAAc,EAAC,MAAM,SAAS,CAAC;AAO7D,eAAO,MAAM,qBAAqB;oBAChB,MAAM;oBACN,oBAAoB;uBACjB,SAAS,eAAe,oBAAoB,CAAC,CAAC;EAKjE,CAAC;AACH,eAAO,MAAM,6BAA6B;oBARxB,MAAM;oBACN,oBAAoB;uBACjB,SAAS,eAAe,oBAAoB,CAAC,CAAC;EAMQ,CAAC;AAE5E,eAAO,MAAM,gBAAgB;;;wBAGR,MAAM,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI;sBAC9C,gBAAgB,CAAC,gBAAgB,CAAC,KAAK,IAAI;YACpD,cAAc;;;;;;+BAMI,MAAM,KAAK,IAAI;iBAC5B,MAAM,SAAS;;EAExB,CAAC"}
|
package/cjs/form/context.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/form/context.ts"],"names":[],"mappings":";;;AAAA,+BAA8D;AAI9D,0BAA0B;AAC1B,IAAM,IAAI,GAAG;IACX,WAAW;AACb,CAAC,CAAC;AAEW,QAAA,qBAAqB,GAAG,IAAA,qBAAa,EAI/C;IACD,cAAc,EAAE,EAAE;IAClB,cAAc,EAAE,EAAE;IAClB,iBAAiB,EAAE,IAAI;CACxB,CAAC,CAAC;AACU,QAAA,6BAA6B,GAAG,6BAAqB,CAAC,QAAQ,CAAC;AAE/D,QAAA,gBAAgB,GAAG,IAAA,qBAAa,
|
|
1
|
+
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/form/context.ts"],"names":[],"mappings":";;;AAAA,+BAA8D;AAI9D,0BAA0B;AAC1B,IAAM,IAAI,GAAG;IACX,WAAW;AACb,CAAC,CAAC;AAEW,QAAA,qBAAqB,GAAG,IAAA,qBAAa,EAI/C;IACD,cAAc,EAAE,EAAE;IAClB,cAAc,EAAE,EAAE;IAClB,iBAAiB,EAAE,IAAI;CACxB,CAAC,CAAC;AACU,QAAA,6BAA6B,GAAG,6BAAqB,CAAC,QAAQ,CAAC;AAE/D,QAAA,gBAAgB,GAAG,IAAA,qBAAa,EAc1C,EAAE,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-input.d.ts","sourceRoot":"","sources":["../../../src/form/form-input.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"form-input.d.ts","sourceRoot":"","sources":["../../../src/form/form-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAQ,UAAU,EAAC,MAAM,UAAU,CAAC;AAE3C,OAAO,EAAgB,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AAOpE,OAAO,EACL,uBAAuB,EACvB,cAAc,EACd,aAAa,EACd,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AACvC,OAAO,EAAC,WAAW,EAAS,MAAM,WAAW,CAAC;AAS9C,oBAAY,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;AA+DrC,eAAO,MAAM,SAAS,0EAKpB,CAAC;AAEH,eAAO,MAAM,kBAAkB,kGA+C7B,CAAC;AAEH,eAAO,MAAM,cAAc,2BAA0B,UAAU,gBAQ9D,CAAC;AAEF,eAAO,MAAM,eAAe,sFAmC3B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;iBA8ClC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;0CA8B5B,CAAC;AAEH,eAAO,MAAM,oBAAoB;;0CA8B/B,CAAC"}
|
package/cjs/form/form-input.js
CHANGED
|
@@ -70,14 +70,13 @@ var ThemelessFormInput = function (_a) {
|
|
|
70
70
|
var defaultSize = 'medium';
|
|
71
71
|
var autoGeneratedId = (0, hooks_1.useReactKeys)(1)[0];
|
|
72
72
|
var currentID = id || autoGeneratedId;
|
|
73
|
+
var _b = (0, react_1.useState)(), assistiveTextId = _b[0], setAssistiveTextId = _b[1];
|
|
73
74
|
var theme = (0, theme_1.useTheme)();
|
|
74
75
|
var validationIconSize = (0, get_token_1.getToken)({ theme: theme, overrides: {} }, "textField.".concat(size || defaultSize, ".endEnhancer"), 'endEnhancer', 'iconSize');
|
|
75
76
|
var passedInputFieldContext = useFormFieldContext();
|
|
76
77
|
return (react_1.default.createElement(form_entry_1.FormEntry, { name: name, rules: rules }, function (_a) {
|
|
77
78
|
var ref = _a.ref, stateContext = _a.state, onChange = _a.onChange, onBlur = _a.onBlur, error = _a.error;
|
|
78
79
|
var state = stateProp || stateContext;
|
|
79
|
-
var assistiveTextId = (state === 'invalid' && "".concat(currentID, "-error-text")) ||
|
|
80
|
-
"".concat(currentID, "-assistive-text");
|
|
81
80
|
var labelId = "".concat(currentID, "-label");
|
|
82
81
|
var statusIcon = (0, utils_1.getStatusIcon)({ state: state, iconSize: validationIconSize });
|
|
83
82
|
var isRequired = rules && rules.required !== undefined;
|
|
@@ -91,6 +90,7 @@ var ThemelessFormInput = function (_a) {
|
|
|
91
90
|
ref: ref,
|
|
92
91
|
id: currentID,
|
|
93
92
|
assistiveTextId: assistiveTextId,
|
|
93
|
+
setAssistiveTextId: setAssistiveTextId,
|
|
94
94
|
labelId: labelId,
|
|
95
95
|
statusIcon: statusIcon,
|
|
96
96
|
isRequired: isRequired,
|
|
@@ -119,7 +119,7 @@ exports.FormInputTextField = react_1.default.forwardRef(function (_a, inputRef)
|
|
|
119
119
|
}
|
|
120
120
|
return statusIcon;
|
|
121
121
|
}
|
|
122
|
-
return (react_1.default.createElement(text_field_1.TextField, __assign({ "aria-required": isRequired
|
|
122
|
+
return (react_1.default.createElement(text_field_1.TextField, __assign({ "aria-required": isRequired || undefined, "aria-invalid": state === 'invalid' ? 'true' : 'false', name: name, state: state, size: size, onChange: (0, compose_event_handlers_1.composeEventHandlers)([onChange, onChangeContext]), onBlur: (0, compose_event_handlers_1.composeEventHandlers)([onBlur, onBlurContext]), ref: (0, compose_react_refs_1.default)(ref, inputRef), endEnhancer: getEndEnhancer(), id: id, "aria-describedby": assistiveTextId }, props)));
|
|
123
123
|
});
|
|
124
124
|
var FormInputLabel = function (_a) {
|
|
125
125
|
var children = _a.children, props = __rest(_a, ["children"]);
|
|
@@ -129,12 +129,17 @@ var FormInputLabel = function (_a) {
|
|
|
129
129
|
exports.FormInputLabel = FormInputLabel;
|
|
130
130
|
exports.FormInputSelect = react_1.default.forwardRef(function (_a, inputRef) {
|
|
131
131
|
var children = _a.children, onChange = _a.onChange, onBlur = _a.onBlur, props = __rest(_a, ["children", "onChange", "onBlur"]);
|
|
132
|
-
var _b = useFormFieldContext(), size = _b.size, name = _b.name, state = _b.state, onChangeContext = _b.onChange, onBlurContext = _b.onBlur, ref = _b.ref, id = _b.id, assistiveTextId = _b.assistiveTextId, labelId = _b.labelId, statusIcon = _b.statusIcon;
|
|
133
|
-
return (react_1.default.createElement(select_1.Select, __assign({ name: name, state: state, size: size, "aria-labelledby": "".concat(labelId, " ").concat(id), validationIcon: statusIcon, onChange: (0, compose_event_handlers_1.composeEventHandlers)([onChange, onChangeContext]), onBlur: (0, compose_event_handlers_1.composeEventHandlers)([onBlur, onBlurContext]), ref: (0, compose_react_refs_1.default)(ref, inputRef), id: id, "aria-describedby": assistiveTextId }, props), children));
|
|
132
|
+
var _b = useFormFieldContext(), size = _b.size, name = _b.name, state = _b.state, onChangeContext = _b.onChange, onBlurContext = _b.onBlur, ref = _b.ref, id = _b.id, assistiveTextId = _b.assistiveTextId, labelId = _b.labelId, statusIcon = _b.statusIcon, isRequired = _b.isRequired;
|
|
133
|
+
return (react_1.default.createElement(select_1.Select, __assign({ name: name, state: state, size: size, "aria-labelledby": "".concat(labelId, " ").concat(id), validationIcon: statusIcon, onChange: (0, compose_event_handlers_1.composeEventHandlers)([onChange, onChangeContext]), onBlur: (0, compose_event_handlers_1.composeEventHandlers)([onBlur, onBlurContext]), ref: (0, compose_react_refs_1.default)(ref, inputRef), id: id, "aria-describedby": assistiveTextId, required: isRequired || undefined }, props), children));
|
|
134
134
|
});
|
|
135
135
|
var FormInputAssistiveText = function (_a) {
|
|
136
136
|
var children = _a.children, _b = _a.validationIcon, validationIcon = _b === void 0 ? false : _b, overrides = _a.overrides, props = __rest(_a, ["children", "validationIcon", "overrides"]);
|
|
137
|
-
var _c = useFormFieldContext(), size = _c.size, state = _c.state, error = _c.error, assistiveTextId = _c.assistiveTextId;
|
|
137
|
+
var _c = useFormFieldContext(), size = _c.size, state = _c.state, error = _c.error, assistiveTextId = _c.assistiveTextId, setAssistiveTextId = _c.setAssistiveTextId, id = _c.id;
|
|
138
|
+
(0, react_1.useEffect)(function () {
|
|
139
|
+
if (setAssistiveTextId) {
|
|
140
|
+
setAssistiveTextId(state === 'invalid' ? "".concat(id, "-error-text") : "".concat(id, "-assistive-text"));
|
|
141
|
+
}
|
|
142
|
+
}, [state, id, setAssistiveTextId]);
|
|
138
143
|
var theme = (0, theme_1.useTheme)();
|
|
139
144
|
var validationIconSize = (0, get_token_1.getToken)({ theme: theme, overrides: {} }, "assistiveText.".concat(size, ".startEnhancer"), 'startEnhancer', 'iconSize');
|
|
140
145
|
var statusIcon = (0, utils_1.getStatusIcon)({ state: state, iconSize: validationIconSize });
|
|
@@ -143,12 +148,12 @@ var FormInputAssistiveText = function (_a) {
|
|
|
143
148
|
exports.FormInputAssistiveText = FormInputAssistiveText;
|
|
144
149
|
exports.FormInputCheckbox = react_1.default.forwardRef(function (_a, inputRef) {
|
|
145
150
|
var children = _a.children, onChange = _a.onChange, onBlur = _a.onBlur, props = __rest(_a, ["children", "onChange", "onBlur"]);
|
|
146
|
-
var _b = useFormFieldContext(), size = _b.size, name = _b.name, state = _b.state, onChangeContext = _b.onChange, onBlurContext = _b.onBlur, ref = _b.ref, id = _b.id, assistiveTextId = _b.assistiveTextId;
|
|
147
|
-
return (react_1.default.createElement(checkbox_1.Checkbox, __assign({ name: name, state: state, size: size, onChange: (0, compose_event_handlers_1.composeEventHandlers)([onChange, onChangeContext]), onBlur: (0, compose_event_handlers_1.composeEventHandlers)([onBlur, onBlurContext]), ref: (0, compose_react_refs_1.default)(ref, inputRef), id: id, "aria-describedby": assistiveTextId }, props)));
|
|
151
|
+
var _b = useFormFieldContext(), size = _b.size, name = _b.name, state = _b.state, onChangeContext = _b.onChange, onBlurContext = _b.onBlur, ref = _b.ref, id = _b.id, assistiveTextId = _b.assistiveTextId, isRequired = _b.isRequired;
|
|
152
|
+
return (react_1.default.createElement(checkbox_1.Checkbox, __assign({ name: name, state: state, size: size, onChange: (0, compose_event_handlers_1.composeEventHandlers)([onChange, onChangeContext]), onBlur: (0, compose_event_handlers_1.composeEventHandlers)([onBlur, onBlurContext]), ref: (0, compose_react_refs_1.default)(ref, inputRef), id: id, "aria-describedby": assistiveTextId, "aria-required": isRequired || undefined }, props)));
|
|
148
153
|
});
|
|
149
154
|
exports.FormInputRadioButton = react_1.default.forwardRef(function (_a, inputRef) {
|
|
150
155
|
var children = _a.children, onChange = _a.onChange, onBlur = _a.onBlur, props = __rest(_a, ["children", "onChange", "onBlur"]);
|
|
151
|
-
var _b = useFormFieldContext(), size = _b.size, name = _b.name, state = _b.state, onChangeContext = _b.onChange, onBlurContext = _b.onBlur, ref = _b.ref, id = _b.id, assistiveTextId = _b.assistiveTextId;
|
|
152
|
-
return (react_1.default.createElement(radio_button_1.RadioButton, __assign({ name: name, state: state, size: size, onChange: (0, compose_event_handlers_1.composeEventHandlers)([onChange, onChangeContext]), onBlur: (0, compose_event_handlers_1.composeEventHandlers)([onBlur, onBlurContext]), ref: (0, compose_react_refs_1.default)(ref, inputRef), id: id, "aria-describedby": assistiveTextId }, props)));
|
|
156
|
+
var _b = useFormFieldContext(), size = _b.size, name = _b.name, state = _b.state, onChangeContext = _b.onChange, onBlurContext = _b.onBlur, ref = _b.ref, id = _b.id, assistiveTextId = _b.assistiveTextId, isRequired = _b.isRequired;
|
|
157
|
+
return (react_1.default.createElement(radio_button_1.RadioButton, __assign({ name: name, state: state, size: size, onChange: (0, compose_event_handlers_1.composeEventHandlers)([onChange, onChangeContext]), onBlur: (0, compose_event_handlers_1.composeEventHandlers)([onBlur, onBlurContext]), ref: (0, compose_react_refs_1.default)(ref, inputRef), id: id, "aria-describedby": assistiveTextId, "aria-required": isRequired || undefined }, props)));
|
|
153
158
|
});
|
|
154
159
|
//# sourceMappingURL=form-input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-input.js","sourceRoot":"","sources":["../../../src/form/form-input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"form-input.js","sourceRoot":"","sources":["../../../src/form/form-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/icon-button/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;
|
|
1
|
+
{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/icon-button/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;AAG3C,wBAmYiC"}
|