newskit 5.4.5 → 5.4.6
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/audio-player-composable/audio-functions.d.ts.map +1 -1
- package/cjs/audio-player-composable/audio-functions.js +2 -7
- package/cjs/audio-player-composable/audio-functions.js.map +1 -1
- package/cjs/audio-player-composable/audio-player-composable.d.ts.map +1 -1
- package/cjs/audio-player-composable/audio-player-composable.js +2 -12
- package/cjs/audio-player-composable/audio-player-composable.js.map +1 -1
- package/cjs/audio-player-composable/components/seek-bar/utils.d.ts.map +1 -1
- package/cjs/audio-player-composable/components/seek-bar/utils.js +25 -8
- package/cjs/audio-player-composable/components/seek-bar/utils.js.map +1 -1
- package/cjs/base-switch/base-switch.d.ts.map +1 -1
- package/cjs/base-switch/base-switch.js +12 -3
- package/cjs/base-switch/base-switch.js.map +1 -1
- package/cjs/base-switch/styled.d.ts +3 -1
- package/cjs/base-switch/styled.d.ts.map +1 -1
- package/cjs/base-switch/styled.js +37 -3
- package/cjs/base-switch/styled.js.map +1 -1
- package/cjs/base-switch/types.d.ts +17 -4
- package/cjs/base-switch/types.d.ts.map +1 -1
- package/cjs/button/types.d.ts +1 -1
- package/cjs/button/types.d.ts.map +1 -1
- package/cjs/checkbox/checkbox.d.ts +3 -2
- package/cjs/checkbox/checkbox.d.ts.map +1 -1
- package/cjs/checkbox/types.d.ts +12 -2
- package/cjs/checkbox/types.d.ts.map +1 -1
- package/cjs/consent/consent-settings-link.d.ts +3 -0
- package/cjs/consent/consent-settings-link.d.ts.map +1 -1
- package/cjs/consent/consent-settings-link.js +8 -4
- package/cjs/consent/consent-settings-link.js.map +1 -1
- package/cjs/consent/consent-utils.d.ts +3 -1
- package/cjs/consent/consent-utils.d.ts.map +1 -1
- package/cjs/consent/consent-utils.js +33 -1
- package/cjs/consent/consent-utils.js.map +1 -1
- package/cjs/consent/consent.d.ts.map +1 -1
- package/cjs/consent/consent.js +3 -0
- package/cjs/consent/consent.js.map +1 -1
- package/cjs/consent/types.d.ts +27 -1
- package/cjs/consent/types.d.ts.map +1 -1
- package/cjs/form/form-input.d.ts +6 -3
- package/cjs/form/form-input.d.ts.map +1 -1
- package/cjs/headline/headline.d.ts.map +1 -1
- package/cjs/headline/headline.js +11 -3
- package/cjs/headline/headline.js.map +1 -1
- package/cjs/headline/types.d.ts +2 -1
- package/cjs/headline/types.d.ts.map +1 -1
- package/cjs/icon-button/icon-button.d.ts.map +1 -1
- package/cjs/icon-button/icon-button.js +3 -3
- package/cjs/icon-button/icon-button.js.map +1 -1
- package/cjs/icon-button/types.d.ts +1 -1
- package/cjs/icon-button/types.d.ts.map +1 -1
- package/cjs/icons/filled/material/icon-filled-dark-mode.d.ts +2 -0
- package/cjs/icons/filled/material/icon-filled-dark-mode.js +11 -0
- package/cjs/icons/filled/material/icon-filled-light-mode.d.ts +2 -0
- package/cjs/icons/filled/material/icon-filled-light-mode.js +11 -0
- package/cjs/icons/filled/material/index.d.ts +2 -0
- package/cjs/icons/filled/material/index.js +26 -22
- package/cjs/icons/outlined/material/icon-outlined-dark-mode.d.ts +2 -0
- package/cjs/icons/outlined/material/icon-outlined-dark-mode.js +11 -0
- package/cjs/icons/outlined/material/icon-outlined-light-mode.d.ts +2 -0
- package/cjs/icons/outlined/material/icon-outlined-light-mode.js +11 -0
- package/cjs/icons/outlined/material/index.d.ts +2 -0
- package/cjs/icons/outlined/material/index.js +26 -22
- package/cjs/icons/to-newskit-icon.d.ts.map +1 -1
- package/cjs/icons/to-newskit-icon.js +3 -2
- package/cjs/icons/to-newskit-icon.js.map +1 -1
- package/cjs/icons/types.d.ts +2 -1
- package/cjs/icons/types.d.ts.map +1 -1
- package/cjs/image/styled.d.ts.map +1 -1
- package/cjs/image/styled.js +3 -2
- package/cjs/image/styled.js.map +1 -1
- package/cjs/image/types.d.ts +2 -1
- package/cjs/image/types.d.ts.map +1 -1
- package/cjs/index.d.ts +2 -0
- package/cjs/index.d.ts.map +1 -1
- package/cjs/index.js +2 -0
- package/cjs/index.js.map +1 -1
- package/cjs/inline-message/types.d.ts +1 -1
- package/cjs/inline-message/types.d.ts.map +1 -1
- package/cjs/menu/styled.d.ts.map +1 -1
- package/cjs/menu/styled.js +3 -2
- package/cjs/menu/styled.js.map +1 -1
- package/cjs/menu/types.d.ts +2 -1
- package/cjs/menu/types.d.ts.map +1 -1
- package/cjs/modal/styled.d.ts.map +1 -1
- package/cjs/modal/styled.js +2 -1
- package/cjs/modal/styled.js.map +1 -1
- package/cjs/modal/types.d.ts +2 -1
- package/cjs/modal/types.d.ts.map +1 -1
- package/cjs/ordered-list/ordered-list.d.ts.map +1 -1
- package/cjs/ordered-list/ordered-list.js +3 -2
- package/cjs/ordered-list/ordered-list.js.map +1 -1
- package/cjs/ordered-list/types.d.ts +2 -1
- package/cjs/ordered-list/types.d.ts.map +1 -1
- package/cjs/radio-button/radio-button.d.ts +3 -2
- package/cjs/radio-button/radio-button.d.ts.map +1 -1
- package/cjs/radio-button/types.d.ts +12 -2
- package/cjs/radio-button/types.d.ts.map +1 -1
- package/cjs/switch/defaults.d.ts +87 -0
- package/cjs/switch/defaults.d.ts.map +1 -0
- package/cjs/switch/defaults.js +88 -0
- package/cjs/switch/defaults.js.map +1 -0
- package/cjs/switch/index.d.ts +3 -0
- package/cjs/switch/index.d.ts.map +1 -0
- package/cjs/switch/index.js +6 -0
- package/cjs/switch/index.js.map +1 -0
- package/cjs/switch/style-presets.d.ts +31 -0
- package/cjs/switch/style-presets.d.ts.map +1 -0
- package/cjs/switch/style-presets.js +34 -0
- package/cjs/switch/style-presets.js.map +1 -0
- package/cjs/switch/styled.d.ts +20 -0
- package/cjs/switch/styled.d.ts.map +1 -0
- package/cjs/switch/styled.js +47 -0
- package/cjs/switch/styled.js.map +1 -0
- package/cjs/switch/switch.d.ts +4 -0
- package/cjs/switch/switch.d.ts.map +1 -0
- package/cjs/switch/switch.js +60 -0
- package/cjs/switch/switch.js.map +1 -0
- package/cjs/switch/types.d.ts +25 -0
- package/cjs/switch/types.d.ts.map +1 -0
- package/cjs/switch/types.js +3 -0
- package/cjs/switch/types.js.map +1 -0
- package/cjs/theme/foundations/overlays.d.ts +19 -0
- package/cjs/theme/foundations/overlays.d.ts.map +1 -1
- package/cjs/theme/foundations/overlays.js +20 -1
- package/cjs/theme/foundations/overlays.js.map +1 -1
- package/cjs/theme/presets/style-presets.js +8 -8
- package/cjs/theme/presets/style-presets.js.map +1 -1
- package/cjs/theme/presets/transition-presets.js +14 -7
- package/cjs/theme/presets/transition-presets.js.map +1 -1
- package/cjs/theme-checker/scenarios.d.ts +8 -0
- package/cjs/theme-checker/scenarios.d.ts.map +1 -1
- package/cjs/theme-checker/scenarios.js +17 -1
- package/cjs/theme-checker/scenarios.js.map +1 -1
- package/cjs/toast/styled.d.ts.map +1 -1
- package/cjs/toast/styled.js +2 -1
- package/cjs/toast/styled.js.map +1 -1
- package/cjs/toast/toast.d.ts.map +1 -1
- package/cjs/toast/toast.js +10 -8
- package/cjs/toast/toast.js.map +1 -1
- package/cjs/toast/types.d.ts +33 -28
- package/cjs/toast/types.d.ts.map +1 -1
- package/cjs/tooltip/defaults.d.ts +11 -0
- package/cjs/tooltip/defaults.d.ts.map +1 -0
- package/cjs/tooltip/defaults.js +12 -0
- package/cjs/tooltip/defaults.js.map +1 -0
- package/cjs/tooltip/index.d.ts +3 -0
- package/cjs/tooltip/index.d.ts.map +1 -0
- package/cjs/tooltip/index.js +15 -0
- package/cjs/tooltip/index.js.map +1 -0
- package/cjs/tooltip/style-presets.d.ts +4 -0
- package/cjs/tooltip/style-presets.d.ts.map +1 -0
- package/cjs/tooltip/style-presets.js +12 -0
- package/cjs/tooltip/style-presets.js.map +1 -0
- package/cjs/tooltip/styled.d.ts +11 -0
- package/cjs/tooltip/styled.d.ts.map +1 -0
- package/cjs/tooltip/styled.js +13 -0
- package/cjs/tooltip/styled.js.map +1 -0
- package/cjs/tooltip/tooltip.d.ts +3 -0
- package/cjs/tooltip/tooltip.d.ts.map +1 -0
- package/cjs/tooltip/tooltip.js +110 -0
- package/cjs/tooltip/tooltip.js.map +1 -0
- package/cjs/tooltip/types.d.ts +24 -0
- package/cjs/tooltip/types.d.ts.map +1 -0
- package/cjs/tooltip/types.js +3 -0
- package/cjs/tooltip/types.js.map +1 -0
- package/cjs/utils/logical-properties.d.ts +1 -0
- package/cjs/utils/logical-properties.d.ts.map +1 -1
- package/cjs/utils/logical-properties.js +5 -1
- package/cjs/utils/logical-properties.js.map +1 -1
- package/cjs/version-number.json +1 -1
- package/esm/audio-player-composable/audio-functions.d.ts.map +1 -1
- package/esm/audio-player-composable/audio-functions.js +2 -7
- package/esm/audio-player-composable/audio-functions.js.map +1 -1
- package/esm/audio-player-composable/audio-player-composable.d.ts.map +1 -1
- package/esm/audio-player-composable/audio-player-composable.js +2 -12
- package/esm/audio-player-composable/audio-player-composable.js.map +1 -1
- package/esm/audio-player-composable/components/seek-bar/utils.d.ts.map +1 -1
- package/esm/audio-player-composable/components/seek-bar/utils.js +25 -8
- package/esm/audio-player-composable/components/seek-bar/utils.js.map +1 -1
- package/esm/base-switch/base-switch.d.ts.map +1 -1
- package/esm/base-switch/base-switch.js +13 -4
- package/esm/base-switch/base-switch.js.map +1 -1
- package/esm/base-switch/styled.d.ts +3 -1
- package/esm/base-switch/styled.d.ts.map +1 -1
- package/esm/base-switch/styled.js +38 -4
- package/esm/base-switch/styled.js.map +1 -1
- package/esm/base-switch/types.d.ts +17 -4
- package/esm/base-switch/types.d.ts.map +1 -1
- package/esm/button/types.d.ts +1 -1
- package/esm/button/types.d.ts.map +1 -1
- package/esm/checkbox/checkbox.d.ts +3 -2
- package/esm/checkbox/checkbox.d.ts.map +1 -1
- package/esm/checkbox/types.d.ts +12 -2
- package/esm/checkbox/types.d.ts.map +1 -1
- package/esm/consent/consent-settings-link.d.ts +3 -0
- package/esm/consent/consent-settings-link.d.ts.map +1 -1
- package/esm/consent/consent-settings-link.js +8 -4
- package/esm/consent/consent-settings-link.js.map +1 -1
- package/esm/consent/consent-utils.d.ts +3 -1
- package/esm/consent/consent-utils.d.ts.map +1 -1
- package/esm/consent/consent-utils.js +30 -0
- package/esm/consent/consent-utils.js.map +1 -1
- package/esm/consent/consent.d.ts.map +1 -1
- package/esm/consent/consent.js +4 -1
- package/esm/consent/consent.js.map +1 -1
- package/esm/consent/types.d.ts +27 -1
- package/esm/consent/types.d.ts.map +1 -1
- package/esm/form/form-input.d.ts +6 -3
- package/esm/form/form-input.d.ts.map +1 -1
- package/esm/headline/headline.d.ts.map +1 -1
- package/esm/headline/headline.js +11 -3
- package/esm/headline/headline.js.map +1 -1
- package/esm/headline/types.d.ts +2 -1
- package/esm/headline/types.d.ts.map +1 -1
- package/esm/icon-button/icon-button.d.ts.map +1 -1
- package/esm/icon-button/icon-button.js +3 -3
- package/esm/icon-button/icon-button.js.map +1 -1
- package/esm/icon-button/types.d.ts +1 -1
- package/esm/icon-button/types.d.ts.map +1 -1
- package/esm/icons/filled/material/icon-filled-dark-mode.d.ts +2 -0
- package/esm/icons/filled/material/icon-filled-dark-mode.js +8 -0
- package/esm/icons/filled/material/icon-filled-light-mode.d.ts +2 -0
- package/esm/icons/filled/material/icon-filled-light-mode.js +8 -0
- package/esm/icons/filled/material/index.d.ts +2 -0
- package/esm/icons/filled/material/index.js +2 -0
- package/esm/icons/outlined/material/icon-outlined-dark-mode.d.ts +2 -0
- package/esm/icons/outlined/material/icon-outlined-dark-mode.js +8 -0
- package/esm/icons/outlined/material/icon-outlined-light-mode.d.ts +2 -0
- package/esm/icons/outlined/material/icon-outlined-light-mode.js +8 -0
- package/esm/icons/outlined/material/index.d.ts +2 -0
- package/esm/icons/outlined/material/index.js +2 -0
- package/esm/icons/to-newskit-icon.d.ts.map +1 -1
- package/esm/icons/to-newskit-icon.js +3 -2
- package/esm/icons/to-newskit-icon.js.map +1 -1
- package/esm/icons/types.d.ts +2 -1
- package/esm/icons/types.d.ts.map +1 -1
- package/esm/image/styled.d.ts.map +1 -1
- package/esm/image/styled.js +3 -2
- package/esm/image/styled.js.map +1 -1
- package/esm/image/types.d.ts +2 -1
- package/esm/image/types.d.ts.map +1 -1
- package/esm/index.d.ts +2 -0
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js +2 -0
- package/esm/index.js.map +1 -1
- package/esm/inline-message/types.d.ts +1 -1
- package/esm/inline-message/types.d.ts.map +1 -1
- package/esm/menu/styled.d.ts.map +1 -1
- package/esm/menu/styled.js +3 -2
- package/esm/menu/styled.js.map +1 -1
- package/esm/menu/types.d.ts +2 -1
- package/esm/menu/types.d.ts.map +1 -1
- package/esm/modal/styled.d.ts.map +1 -1
- package/esm/modal/styled.js +2 -1
- package/esm/modal/styled.js.map +1 -1
- package/esm/modal/types.d.ts +2 -1
- package/esm/modal/types.d.ts.map +1 -1
- package/esm/ordered-list/ordered-list.d.ts.map +1 -1
- package/esm/ordered-list/ordered-list.js +3 -2
- package/esm/ordered-list/ordered-list.js.map +1 -1
- package/esm/ordered-list/types.d.ts +2 -1
- package/esm/ordered-list/types.d.ts.map +1 -1
- package/esm/radio-button/radio-button.d.ts +3 -2
- package/esm/radio-button/radio-button.d.ts.map +1 -1
- package/esm/radio-button/types.d.ts +12 -2
- package/esm/radio-button/types.d.ts.map +1 -1
- package/esm/switch/defaults.d.ts +87 -0
- package/esm/switch/defaults.d.ts.map +1 -0
- package/esm/switch/defaults.js +86 -0
- package/esm/switch/defaults.js.map +1 -0
- package/esm/switch/index.d.ts +3 -0
- package/esm/switch/index.d.ts.map +1 -0
- package/esm/switch/index.js +2 -0
- package/esm/switch/index.js.map +1 -0
- package/esm/switch/style-presets.d.ts +31 -0
- package/esm/switch/style-presets.d.ts.map +1 -0
- package/esm/switch/style-presets.js +32 -0
- package/esm/switch/style-presets.js.map +1 -0
- package/esm/switch/styled.d.ts +20 -0
- package/esm/switch/styled.d.ts.map +1 -0
- package/esm/switch/styled.js +44 -0
- package/esm/switch/styled.js.map +1 -0
- package/esm/switch/switch.d.ts +4 -0
- package/esm/switch/switch.d.ts.map +1 -0
- package/esm/switch/switch.js +54 -0
- package/esm/switch/switch.js.map +1 -0
- package/esm/switch/types.d.ts +25 -0
- package/esm/switch/types.d.ts.map +1 -0
- package/esm/switch/types.js +2 -0
- package/esm/switch/types.js.map +1 -0
- package/esm/theme/foundations/overlays.d.ts +19 -0
- package/esm/theme/foundations/overlays.d.ts.map +1 -1
- package/esm/theme/foundations/overlays.js +20 -1
- package/esm/theme/foundations/overlays.js.map +1 -1
- package/esm/theme/presets/style-presets.js +8 -8
- package/esm/theme/presets/style-presets.js.map +1 -1
- package/esm/theme/presets/transition-presets.js +14 -7
- package/esm/theme/presets/transition-presets.js.map +1 -1
- package/esm/theme-checker/scenarios.d.ts +8 -0
- package/esm/theme-checker/scenarios.d.ts.map +1 -1
- package/esm/theme-checker/scenarios.js +16 -0
- package/esm/theme-checker/scenarios.js.map +1 -1
- package/esm/toast/styled.d.ts.map +1 -1
- package/esm/toast/styled.js +2 -1
- package/esm/toast/styled.js.map +1 -1
- package/esm/toast/toast.d.ts.map +1 -1
- package/esm/toast/toast.js +10 -8
- package/esm/toast/toast.js.map +1 -1
- package/esm/toast/types.d.ts +33 -28
- package/esm/toast/types.d.ts.map +1 -1
- package/esm/tooltip/defaults.d.ts +11 -0
- package/esm/tooltip/defaults.d.ts.map +1 -0
- package/esm/tooltip/defaults.js +10 -0
- package/esm/tooltip/defaults.js.map +1 -0
- package/esm/tooltip/index.d.ts +3 -0
- package/esm/tooltip/index.d.ts.map +1 -0
- package/esm/tooltip/index.js +3 -0
- package/esm/tooltip/index.js.map +1 -0
- package/esm/tooltip/style-presets.d.ts +4 -0
- package/esm/tooltip/style-presets.d.ts.map +1 -0
- package/esm/tooltip/style-presets.js +10 -0
- package/esm/tooltip/style-presets.js.map +1 -0
- package/esm/tooltip/styled.d.ts +11 -0
- package/esm/tooltip/styled.d.ts.map +1 -0
- package/esm/tooltip/styled.js +10 -0
- package/esm/tooltip/styled.js.map +1 -0
- package/esm/tooltip/tooltip.d.ts +3 -0
- package/esm/tooltip/tooltip.d.ts.map +1 -0
- package/esm/tooltip/tooltip.js +85 -0
- package/esm/tooltip/tooltip.js.map +1 -0
- package/esm/tooltip/types.d.ts +24 -0
- package/esm/tooltip/types.d.ts.map +1 -0
- package/esm/tooltip/types.js +2 -0
- package/esm/tooltip/types.js.map +1 -0
- package/esm/utils/logical-properties.d.ts +1 -0
- package/esm/utils/logical-properties.d.ts.map +1 -1
- package/esm/utils/logical-properties.js +3 -0
- package/esm/utils/logical-properties.js.map +1 -1
- package/esm/version-number.json +1 -1
- package/package.json +2 -1
package/esm/menu/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/menu/types.ts"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/menu/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAC,iBAAiB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AACzD,OAAO,EAAC,EAAE,EAAC,MAAM,UAAU,CAAC;AAC5B,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AAEzD,oBAAY,aAAa;IACvB,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,MAAM,WAAW;CAClB;AAED,oBAAY,YAAY;IACtB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AACD,oBAAY,mBAAmB,GAAG,aAAa,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAC7E,aAAK,YAAY,GAAG,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAChE,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc;IACrD,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,GAAG,YAAY,CAAC;CAClB;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc;IAC1D,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,KAAK,CAAC,EAAE;YACN,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YAC9B,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SACzB,CAAC;KACH,CAAC;CACH;AAED,aAAK,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;AACrE,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,EACvD,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC/C,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,gBAAgB,GAAG;QAC7B,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;CACH"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/modal/styled.ts"],"names":[],"mappings":";AACA,OAAO,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/modal/styled.ts"],"names":[],"mappings":";AACA,OAAO,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAWnC,aAAK,eAAe,GAAG,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,MAAM,CAAC,CAAC;AAE9D,eAAO,MAAM,kBAAkB;;;;WACsB,OAAO;yGAiB3D,CAAC;AAEF,eAAO,MAAM,WAAW;;4BAmBvB,CAAC"}
|
package/esm/modal/styled.js
CHANGED
|
@@ -6,11 +6,12 @@ import { BaseDialogView } from '../dialog';
|
|
|
6
6
|
import { styled, getStylePreset, getResponsiveSize, getResponsiveSpace, } from '../utils/style';
|
|
7
7
|
import { getMediaQueryFromTheme } from '../utils';
|
|
8
8
|
import { getTransitionPreset } from '../utils/style/transition-preset';
|
|
9
|
+
import { logicalProps } from '../utils/logical-properties';
|
|
9
10
|
export var StyledModalWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), function (_a) {
|
|
10
11
|
var $open = _a.$open, inline = _a.inline;
|
|
11
12
|
return $open &&
|
|
12
13
|
"\n display: flex;\n align-items: center;\n justify-content: center;\n // Remove events on the modal wrapper so that users can click on the content behind it ( like overlay or body )\n pointer-events: none;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n position: ".concat(inline ? 'absolute' : 'fixed', ";\n ");
|
|
13
14
|
}, getResponsiveSpace('zIndex', "modal.panel", 'panel', 'zIndex'));
|
|
14
|
-
export var StyledModal = styled(BaseDialogView)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n // adds pointer events which are removed by its parent ( StyledModalWrapper ) so that modal is interactive\n pointer-events: all;\n\n ", " {\n ", ";\n }\n\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n\n ", ";\n"], ["\n // adds pointer events which are removed by its parent ( StyledModalWrapper ) so that modal is interactive\n pointer-events: all;\n\n ", " {\n ", ";\n }\n\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n\n ", ";\n"])), getMediaQueryFromTheme('md'), getResponsiveSize('top', 'modal.panel', 'panel', 'topOffset'), getStylePreset('modal.panel', 'panel'), getResponsiveSize('width', 'modal.panel', 'panel', 'width'), getResponsiveSize('minWidth', 'modal.panel', 'panel', 'minWidth'), getResponsiveSize('maxWidth', 'modal.panel', 'panel', 'maxWidth'), getResponsiveSize('height', 'modal.panel', 'panel', 'height'), getResponsiveSize('minHeight', 'modal.panel', 'panel', 'minHeight'), getResponsiveSize('maxHeight', 'modal.panel', 'panel', 'maxHeight'), getTransitionPreset("modal.panel", 'panel', 'nk-modal'));
|
|
15
|
+
export var StyledModal = styled(BaseDialogView)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n // adds pointer events which are removed by its parent ( StyledModalWrapper ) so that modal is interactive\n pointer-events: all;\n\n ", " {\n ", ";\n }\n\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n\n ", ";\n\n ", "\n"], ["\n // adds pointer events which are removed by its parent ( StyledModalWrapper ) so that modal is interactive\n pointer-events: all;\n\n ", " {\n ", ";\n }\n\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n\n ", ";\n\n ", "\n"])), getMediaQueryFromTheme('md'), getResponsiveSize('top', 'modal.panel', 'panel', 'topOffset'), getStylePreset('modal.panel', 'panel'), getResponsiveSize('width', 'modal.panel', 'panel', 'width'), getResponsiveSize('minWidth', 'modal.panel', 'panel', 'minWidth'), getResponsiveSize('maxWidth', 'modal.panel', 'panel', 'maxWidth'), getResponsiveSize('height', 'modal.panel', 'panel', 'height'), getResponsiveSize('minHeight', 'modal.panel', 'panel', 'minHeight'), getResponsiveSize('maxHeight', 'modal.panel', 'panel', 'maxHeight'), getTransitionPreset("modal.panel", 'panel', 'nk-modal'), logicalProps('modal.panel', 'panel'));
|
|
15
16
|
var templateObject_1, templateObject_2;
|
|
16
17
|
//# sourceMappingURL=styled.js.map
|
package/esm/modal/styled.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/modal/styled.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,WAAW,CAAC;AAEzC,OAAO,EACL,MAAM,EACN,cAAc,EACd,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAC,sBAAsB,EAAC,MAAM,UAAU,CAAC;AAChD,OAAO,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/modal/styled.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,WAAW,CAAC;AAEzC,OAAO,EACL,MAAM,EACN,cAAc,EACd,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAC,sBAAsB,EAAC,MAAM,UAAU,CAAC;AAChD,OAAO,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AAIzD,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,uFAE3C,MACG,EAaD,MACC,EAA8D,IACjE,KAfG,UAAC,EAAe;QAAd,KAAK,WAAA,EAAE,MAAM,YAAA;IACf,OAAA,KAAK;QACL,oUAUc,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,UAC5C;AAZC,CAYD,EACC,kBAAkB,CAAC,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,CAAC,CACjE,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,cAAc,CAAC,+TAAiB,8IAI9D,EAA4B,UAC1B,EAA6D,cAG/D,EAAsC,OACtC,EAA2D,OAC3D,EAAiE,OACjE,EAAiE,OACjE,EAA6D,OAC7D,EAAmE,OACnE,EAAmE,SAEnE,EAAuD,SAEvD,EAAoC,IACvC,KAfG,sBAAsB,CAAC,IAAI,CAAC,EAC1B,iBAAiB,CAAC,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,CAAC,EAG/D,cAAc,CAAC,aAAa,EAAE,OAAO,CAAC,EACtC,iBAAiB,CAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,CAAC,EAC3D,iBAAiB,CAAC,UAAU,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,CAAC,EACjE,iBAAiB,CAAC,UAAU,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,CAAC,EACjE,iBAAiB,CAAC,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,CAAC,EAC7D,iBAAiB,CAAC,WAAW,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,CAAC,EACnE,iBAAiB,CAAC,WAAW,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,CAAC,EAEnE,mBAAmB,CAAC,aAAa,EAAE,OAAO,EAAE,UAAU,CAAC,EAEvD,YAAY,CAAC,aAAa,EAAE,OAAO,CAAC,CACvC,CAAC"}
|
package/esm/modal/types.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { BaseDialogProps } from '../dialog/types';
|
|
2
2
|
import { MQ } from '../utils';
|
|
3
|
+
import { LogicalPaddingProps } from '../utils/logical-properties';
|
|
3
4
|
export declare type ModalProps = Omit<BaseDialogProps, 'placement'> & {
|
|
4
5
|
overrides?: {
|
|
5
6
|
panel?: {
|
|
@@ -10,7 +11,7 @@ export declare type ModalProps = Omit<BaseDialogProps, 'placement'> & {
|
|
|
10
11
|
minHeight?: MQ<string>;
|
|
11
12
|
maxHeight?: MQ<string>;
|
|
12
13
|
maxWidth?: MQ<string>;
|
|
13
|
-
};
|
|
14
|
+
} & LogicalPaddingProps;
|
|
14
15
|
};
|
|
15
16
|
};
|
|
16
17
|
//# sourceMappingURL=types.d.ts.map
|
package/esm/modal/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAC,EAAE,EAAC,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAC,EAAE,EAAC,MAAM,UAAU,CAAC;AAC5B,OAAO,EAAC,mBAAmB,EAAC,MAAM,6BAA6B,CAAC;AAGhE,oBAAY,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,WAAW,CAAC,GAAG;IAC5D,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE;YACN,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACvB,KAAK,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACnB,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACpB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACtB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACvB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACvB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SACvB,GAAG,mBAAmB,CAAC;KACzB,CAAC;CACH,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ordered-list.d.ts","sourceRoot":"","sources":["../../../src/ordered-list/ordered-list.tsx"],"names":[],"mappings":"AASA,OAAO,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"ordered-list.d.ts","sourceRoot":"","sources":["../../../src/ordered-list/ordered-list.tsx"],"names":[],"mappings":"AASA,OAAO,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AA2CzC,eAAO,MAAM,WAAW,4EAAiD,CAAC"}
|
|
@@ -7,13 +7,14 @@ import { styled, getStylePreset, getTypographyPreset, getSpacingInlineVertical,
|
|
|
7
7
|
import { isValidNode } from '../utils/component';
|
|
8
8
|
import defaults from './defaults';
|
|
9
9
|
import { withOwnTheme } from '../utils/with-own-theme';
|
|
10
|
+
import { logicalProps } from '../utils/logical-properties';
|
|
10
11
|
var ListItem = styled.li(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n counter-increment: item-counter;\n ", "\n ", "\n &::before {\n content: counter(item-counter) '. ';\n ", "\n ", "\n display: inline-block;\n min-width: ", ";\n }\n"], ["\n ", "\n counter-increment: item-counter;\n ", "\n ", "\n &::before {\n content: counter(item-counter) '. ';\n ", "\n ", "\n display: inline-block;\n min-width: ", ";\n }\n"])), getSpacingInlineVertical('orderedList', ''), getStylePreset('orderedList.content', 'content'), getTypographyPreset('orderedList.content', 'content', {
|
|
11
12
|
withCrop: true,
|
|
12
13
|
}), getStylePreset('orderedList.counter', 'counter'), getTypographyPreset('orderedList.counter', 'counter'), getMinWidth('orderedList.counter', 'counter'));
|
|
13
|
-
var List = styled.ol(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin: 0;\n padding: 0;\n list-style: none;\n counter-reset: item-counter;\n"], ["\n margin: 0;\n padding: 0;\n list-style: none;\n counter-reset: item-counter;\n"])));
|
|
14
|
+
var List = styled.ol(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin: 0;\n padding: 0;\n list-style: none;\n counter-reset: item-counter;\n\n ", "\n"], ["\n margin: 0;\n padding: 0;\n list-style: none;\n counter-reset: item-counter;\n\n ", "\n"])), logicalProps());
|
|
14
15
|
var ThemelessOrderedList = function (_a) {
|
|
15
16
|
var children = _a.children, overrides = _a.overrides;
|
|
16
|
-
return (React.createElement(List, { role: "list" }, React.Children.map(children, function (node) {
|
|
17
|
+
return (React.createElement(List, { role: "list", overrides: overrides }, React.Children.map(children, function (node) {
|
|
17
18
|
return isValidNode(node) ? (React.createElement(ListItem, { overrides: overrides }, node)) : null;
|
|
18
19
|
})));
|
|
19
20
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ordered-list.js","sourceRoot":"","sources":["../../../src/ordered-list/ordered-list.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,MAAM,EACN,cAAc,EACd,mBAAmB,EACnB,wBAAwB,EACxB,WAAW,GACZ,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAE/C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"ordered-list.js","sourceRoot":"","sources":["../../../src/ordered-list/ordered-list.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,MAAM,EACN,cAAc,EACd,mBAAmB,EACnB,wBAAwB,EACxB,WAAW,GACZ,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAE/C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AAEzD,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,uQAAkB,MACxC,EAA2C,0CAE3C,EAAgD,MAChD,EAEA,iEAGE,EAAgD,QAChD,EAAqD,+CAE1C,EAA6C,UAE7D,KAbG,wBAAwB,CAAC,aAAa,EAAE,EAAE,CAAC,EAE3C,cAAc,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAChD,mBAAmB,CAAC,qBAAqB,EAAE,SAAS,EAAE;IACtD,QAAQ,EAAE,IAAI;CACf,CAAC,EAGE,cAAc,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAChD,mBAAmB,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAE1C,WAAW,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAE7D,CAAC;AAEF,IAAM,IAAI,GAAG,MAAM,CAAC,EAAE,mKAAqC,0FAMvD,EAAc,IACjB,KADG,YAAY,EAAE,CACjB,CAAC;AAEF,IAAM,oBAAoB,GAA+B,UAAC,EAGzD;QAFC,QAAQ,cAAA,EACR,SAAS,eAAA;IACL,OAAA,CACJ,oBAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,IACnC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAA,IAAI;QAChC,OAAA,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAClB,oBAAC,QAAQ,IAAC,SAAS,EAAE,SAAS,IAAG,IAAI,CAAY,CAClD,CAAC,CAAC,CAAC,IAAI;IAFR,CAEQ,CACT,CACI,CACR;AARK,CAQL,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,YAAY,CAAC,oBAAoB,CAAC,CAAC,EAAC,QAAQ,UAAA,EAAC,CAAC,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { MQ } from '../utils/style';
|
|
2
|
+
import { LogicalProps } from '../utils/logical-properties';
|
|
2
3
|
export interface OrderedListProps {
|
|
3
4
|
overrides?: {
|
|
4
5
|
spaceInline?: MQ<string>;
|
|
@@ -11,6 +12,6 @@ export interface OrderedListProps {
|
|
|
11
12
|
typographyPreset?: MQ<string>;
|
|
12
13
|
minWidth?: MQ<string>;
|
|
13
14
|
};
|
|
14
|
-
};
|
|
15
|
+
} & LogicalProps;
|
|
15
16
|
}
|
|
16
17
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ordered-list/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ordered-list/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AAEzD,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,OAAO,CAAC,EAAE;YACR,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SAC/B,CAAC;QACF,OAAO,CAAC,EAAE;YACR,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YAC9B,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SACvB,CAAC;KACH,GAAG,YAAY,CAAC;CAClB"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import
|
|
3
|
-
|
|
2
|
+
export declare const RadioButton: import("../utils/with-own-theme").NewsKitReactComponents<Omit<import("../base-switch").BaseSwitchProps, "type" | "path" | "defaultChecked" | "defaultValue" | "overrides" | "defaultSwitchSelectorComponent" | "hideFeedback"> & {
|
|
3
|
+
overrides?: import("./types").RadioButtonOverrides | undefined;
|
|
4
|
+
} & React.RefAttributes<HTMLInputElement>>;
|
|
4
5
|
//# sourceMappingURL=radio-button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../../src/radio-button/radio-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../../src/radio-button/radio-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmE1B,eAAO,MAAM,WAAW;;0CAGtB,CAAC"}
|
|
@@ -1,7 +1,17 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { BaseSwitchIconProps, BaseSwitchProps } from '../base-switch/types';
|
|
2
|
+
import { BaseSwitchIconProps, BaseSwitchOverrides, BaseSwitchProps } from '../base-switch/types';
|
|
3
|
+
import { LogicalProps } from '../utils/logical-properties';
|
|
3
4
|
export declare type RadioButtonIconProps = BaseSwitchIconProps;
|
|
4
|
-
export declare type
|
|
5
|
+
export declare type RadioButtonOverrides = {
|
|
6
|
+
spaceStack?: BaseSwitchOverrides['spaceStack'];
|
|
7
|
+
input?: Pick<NonNullable<BaseSwitchOverrides['input']>, 'size' | 'stylePreset' | 'spaceInline' | 'transitionPreset'>;
|
|
8
|
+
feedback?: Pick<NonNullable<BaseSwitchOverrides['feedback']>, 'size' | 'stylePreset'>;
|
|
9
|
+
label?: BaseSwitchOverrides['label'];
|
|
10
|
+
icon?: BaseSwitchOverrides['icon'];
|
|
11
|
+
} & LogicalProps;
|
|
12
|
+
export declare type RadioButtonProps = Omit<BaseSwitchProps, 'path' | 'defaultSwitchSelectorComponent' | 'type' | 'defaultChecked' | 'defaultValue' | 'overrides' | 'hideFeedback'> & {
|
|
13
|
+
overrides?: RadioButtonOverrides;
|
|
14
|
+
};
|
|
5
15
|
export declare type RadioGroupContextValue = {
|
|
6
16
|
name: string | undefined;
|
|
7
17
|
onChange: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/radio-button/types.ts"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/radio-button/types.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AAEzD,oBAAY,oBAAoB,GAAG,mBAAmB,CAAC;AAEvD,oBAAY,oBAAoB,GAAG;IACjC,UAAU,CAAC,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,IAAI,CACV,WAAW,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,EACzC,MAAM,GAAG,aAAa,GAAG,aAAa,GAAG,kBAAkB,CAC5D,CAAC;IACF,QAAQ,CAAC,EAAE,IAAI,CACb,WAAW,CAAC,mBAAmB,CAAC,UAAU,CAAC,CAAC,EAC5C,MAAM,GAAG,aAAa,CACvB,CAAC;IACF,KAAK,CAAC,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAC;IACrC,IAAI,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;CACpC,GAAG,YAAY,CAAC;AAEjB,oBAAY,gBAAgB,GAAG,IAAI,CACjC,eAAe,EACb,MAAM,GACN,gCAAgC,GAChC,MAAM,GACN,gBAAgB,GAChB,cAAc,GACd,WAAW,GACX,cAAc,CACjB,GAAG;IAAC,SAAS,CAAC,EAAE,oBAAoB,CAAA;CAAC,CAAC;AAEvC,oBAAY,sBAAsB,GAAG;IACnC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9E,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC"}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
switch: {
|
|
3
|
+
small: {
|
|
4
|
+
thumb: {
|
|
5
|
+
stylePreset: string;
|
|
6
|
+
size: string;
|
|
7
|
+
spaceInset: string;
|
|
8
|
+
transitionPreset: string[];
|
|
9
|
+
};
|
|
10
|
+
input: {
|
|
11
|
+
stylePreset: string;
|
|
12
|
+
blockSize: string;
|
|
13
|
+
inlineSize: string;
|
|
14
|
+
paddingInline: string;
|
|
15
|
+
spaceInline: string;
|
|
16
|
+
};
|
|
17
|
+
label: {
|
|
18
|
+
stylePreset: string;
|
|
19
|
+
typographyPreset: string;
|
|
20
|
+
};
|
|
21
|
+
feedback: {
|
|
22
|
+
stylePreset: string;
|
|
23
|
+
size: string;
|
|
24
|
+
transitionPreset: string[];
|
|
25
|
+
};
|
|
26
|
+
trackIcon: {
|
|
27
|
+
stylePreset: string;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
medium: {
|
|
31
|
+
thumb: {
|
|
32
|
+
stylePreset: string;
|
|
33
|
+
size: string;
|
|
34
|
+
spaceInset: string;
|
|
35
|
+
transitionPreset: string[];
|
|
36
|
+
};
|
|
37
|
+
input: {
|
|
38
|
+
stylePreset: string;
|
|
39
|
+
blockSize: string;
|
|
40
|
+
inlineSize: string;
|
|
41
|
+
paddingInline: string;
|
|
42
|
+
spaceInline: string;
|
|
43
|
+
};
|
|
44
|
+
label: {
|
|
45
|
+
stylePreset: string;
|
|
46
|
+
typographyPreset: string;
|
|
47
|
+
};
|
|
48
|
+
feedback: {
|
|
49
|
+
stylePreset: string;
|
|
50
|
+
size: string;
|
|
51
|
+
transitionPreset: string[];
|
|
52
|
+
};
|
|
53
|
+
trackIcon: {
|
|
54
|
+
stylePreset: string;
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
large: {
|
|
58
|
+
thumb: {
|
|
59
|
+
stylePreset: string;
|
|
60
|
+
size: string;
|
|
61
|
+
spaceInset: string;
|
|
62
|
+
transitionPreset: string[];
|
|
63
|
+
};
|
|
64
|
+
input: {
|
|
65
|
+
stylePreset: string;
|
|
66
|
+
blockSize: string;
|
|
67
|
+
inlineSize: string;
|
|
68
|
+
paddingInline: string;
|
|
69
|
+
spaceInline: string;
|
|
70
|
+
};
|
|
71
|
+
label: {
|
|
72
|
+
stylePreset: string;
|
|
73
|
+
typographyPreset: string;
|
|
74
|
+
};
|
|
75
|
+
feedback: {
|
|
76
|
+
stylePreset: string;
|
|
77
|
+
size: string;
|
|
78
|
+
transitionPreset: string[];
|
|
79
|
+
};
|
|
80
|
+
trackIcon: {
|
|
81
|
+
stylePreset: string;
|
|
82
|
+
};
|
|
83
|
+
};
|
|
84
|
+
};
|
|
85
|
+
};
|
|
86
|
+
export default _default;
|
|
87
|
+
//# sourceMappingURL=defaults.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/switch/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAoFE"}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
switch: {
|
|
3
|
+
small: {
|
|
4
|
+
thumb: {
|
|
5
|
+
stylePreset: 'switchThumb',
|
|
6
|
+
size: 'sizing040',
|
|
7
|
+
spaceInset: 'sizing010',
|
|
8
|
+
transitionPreset: ['shiftAbsolute'],
|
|
9
|
+
},
|
|
10
|
+
input: {
|
|
11
|
+
stylePreset: 'switchTrack',
|
|
12
|
+
blockSize: 'sizing050',
|
|
13
|
+
inlineSize: '44px',
|
|
14
|
+
paddingInline: 'space010',
|
|
15
|
+
spaceInline: 'space030',
|
|
16
|
+
},
|
|
17
|
+
label: {
|
|
18
|
+
stylePreset: 'controlLabel',
|
|
19
|
+
typographyPreset: 'utilityBody020',
|
|
20
|
+
},
|
|
21
|
+
feedback: {
|
|
22
|
+
stylePreset: 'feedback',
|
|
23
|
+
size: 'sizing070',
|
|
24
|
+
transitionPreset: ['shiftAbsolute', 'opacityChange'],
|
|
25
|
+
},
|
|
26
|
+
trackIcon: {
|
|
27
|
+
stylePreset: 'switchTrackIcon',
|
|
28
|
+
},
|
|
29
|
+
},
|
|
30
|
+
medium: {
|
|
31
|
+
thumb: {
|
|
32
|
+
stylePreset: 'switchThumb',
|
|
33
|
+
size: 'sizing050',
|
|
34
|
+
spaceInset: 'sizing010',
|
|
35
|
+
transitionPreset: ['shiftAbsolute'],
|
|
36
|
+
},
|
|
37
|
+
input: {
|
|
38
|
+
stylePreset: 'switchTrack',
|
|
39
|
+
blockSize: 'sizing060',
|
|
40
|
+
inlineSize: '60px',
|
|
41
|
+
paddingInline: 'space010',
|
|
42
|
+
spaceInline: 'space030',
|
|
43
|
+
},
|
|
44
|
+
label: {
|
|
45
|
+
stylePreset: 'controlLabel',
|
|
46
|
+
typographyPreset: 'utilityBody020',
|
|
47
|
+
},
|
|
48
|
+
feedback: {
|
|
49
|
+
stylePreset: 'feedback',
|
|
50
|
+
size: 'sizing080',
|
|
51
|
+
transitionPreset: ['shiftAbsolute', 'opacityChange'],
|
|
52
|
+
},
|
|
53
|
+
trackIcon: {
|
|
54
|
+
stylePreset: 'switchTrackIcon',
|
|
55
|
+
},
|
|
56
|
+
},
|
|
57
|
+
large: {
|
|
58
|
+
thumb: {
|
|
59
|
+
stylePreset: 'switchThumb',
|
|
60
|
+
size: 'sizing060',
|
|
61
|
+
spaceInset: 'sizing010',
|
|
62
|
+
transitionPreset: ['shiftAbsolute'],
|
|
63
|
+
},
|
|
64
|
+
input: {
|
|
65
|
+
stylePreset: 'switchTrack',
|
|
66
|
+
blockSize: 'sizing070',
|
|
67
|
+
inlineSize: '76px',
|
|
68
|
+
paddingInline: 'space010',
|
|
69
|
+
spaceInline: 'space040',
|
|
70
|
+
},
|
|
71
|
+
label: {
|
|
72
|
+
stylePreset: 'controlLabel',
|
|
73
|
+
typographyPreset: 'utilityBody030',
|
|
74
|
+
},
|
|
75
|
+
feedback: {
|
|
76
|
+
stylePreset: 'feedback',
|
|
77
|
+
size: 'sizing090',
|
|
78
|
+
transitionPreset: ['shiftAbsolute', 'opacityChange'],
|
|
79
|
+
},
|
|
80
|
+
trackIcon: {
|
|
81
|
+
stylePreset: 'switchTrackIcon',
|
|
82
|
+
},
|
|
83
|
+
},
|
|
84
|
+
},
|
|
85
|
+
};
|
|
86
|
+
//# sourceMappingURL=defaults.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/switch/defaults.ts"],"names":[],"mappings":"AAAA,eAAe;IACb,MAAM,EAAE;QACN,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,WAAW,EAAE,aAAa;gBAC1B,IAAI,EAAE,WAAW;gBACjB,UAAU,EAAE,WAAW;gBACvB,gBAAgB,EAAE,CAAC,eAAe,CAAC;aACpC;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,aAAa;gBAC1B,SAAS,EAAE,WAAW;gBACtB,UAAU,EAAE,MAAM;gBAClB,aAAa,EAAE,UAAU;gBACzB,WAAW,EAAE,UAAU;aACxB;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,cAAc;gBAC3B,gBAAgB,EAAE,gBAAgB;aACnC;YACD,QAAQ,EAAE;gBACR,WAAW,EAAE,UAAU;gBACvB,IAAI,EAAE,WAAW;gBACjB,gBAAgB,EAAE,CAAC,eAAe,EAAE,eAAe,CAAC;aACrD;YACD,SAAS,EAAE;gBACT,WAAW,EAAE,iBAAiB;aAC/B;SACF;QACD,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,WAAW,EAAE,aAAa;gBAC1B,IAAI,EAAE,WAAW;gBACjB,UAAU,EAAE,WAAW;gBACvB,gBAAgB,EAAE,CAAC,eAAe,CAAC;aACpC;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,aAAa;gBAC1B,SAAS,EAAE,WAAW;gBACtB,UAAU,EAAE,MAAM;gBAClB,aAAa,EAAE,UAAU;gBACzB,WAAW,EAAE,UAAU;aACxB;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,cAAc;gBAC3B,gBAAgB,EAAE,gBAAgB;aACnC;YACD,QAAQ,EAAE;gBACR,WAAW,EAAE,UAAU;gBACvB,IAAI,EAAE,WAAW;gBACjB,gBAAgB,EAAE,CAAC,eAAe,EAAE,eAAe,CAAC;aACrD;YACD,SAAS,EAAE;gBACT,WAAW,EAAE,iBAAiB;aAC/B;SACF;QACD,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,WAAW,EAAE,aAAa;gBAC1B,IAAI,EAAE,WAAW;gBACjB,UAAU,EAAE,WAAW;gBACvB,gBAAgB,EAAE,CAAC,eAAe,CAAC;aACpC;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,aAAa;gBAC1B,SAAS,EAAE,WAAW;gBACtB,UAAU,EAAE,MAAM;gBAClB,aAAa,EAAE,UAAU;gBACzB,WAAW,EAAE,UAAU;aACxB;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,cAAc;gBAC3B,gBAAgB,EAAE,gBAAgB;aACnC;YACD,QAAQ,EAAE;gBACR,WAAW,EAAE,UAAU;gBACvB,IAAI,EAAE,WAAW;gBACjB,gBAAgB,EAAE,CAAC,eAAe,EAAE,eAAe,CAAC;aACrD;YACD,SAAS,EAAE;gBACT,WAAW,EAAE,iBAAiB;aAC/B;SACF;KACF;CACF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAChC,YAAY,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
switchTrack: {
|
|
3
|
+
base: {
|
|
4
|
+
backgroundColor: string;
|
|
5
|
+
borderRadius: string;
|
|
6
|
+
};
|
|
7
|
+
checked: {
|
|
8
|
+
backgroundColor: string;
|
|
9
|
+
};
|
|
10
|
+
disabled: {
|
|
11
|
+
backgroundColor: string;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
switchTrackIcon: {
|
|
15
|
+
base: {
|
|
16
|
+
iconColor: string;
|
|
17
|
+
};
|
|
18
|
+
disabled: {
|
|
19
|
+
iconColor: string;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
switchThumb: {
|
|
23
|
+
base: {
|
|
24
|
+
backgroundColor: string;
|
|
25
|
+
borderRadius: string;
|
|
26
|
+
iconColor: string;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
export default _default;
|
|
31
|
+
//# sourceMappingURL=style-presets.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/switch/style-presets.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBA8BE"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
switchTrack: {
|
|
3
|
+
base: {
|
|
4
|
+
backgroundColor: '{{colors.interactiveInput020}}',
|
|
5
|
+
borderRadius: '{{borders.borderRadiusPill}}',
|
|
6
|
+
},
|
|
7
|
+
checked: {
|
|
8
|
+
backgroundColor: '{{colors.interactiveInput040}}',
|
|
9
|
+
},
|
|
10
|
+
disabled: {
|
|
11
|
+
backgroundColor: '{{colors.interactiveDisabled010}}',
|
|
12
|
+
},
|
|
13
|
+
},
|
|
14
|
+
// A separate style preset is required for track icons. We cannot put this
|
|
15
|
+
// styling in the switchTrack preset as this overrides the thumb icon styling.
|
|
16
|
+
switchTrackIcon: {
|
|
17
|
+
base: {
|
|
18
|
+
iconColor: '{{colors.inkInverse}}',
|
|
19
|
+
},
|
|
20
|
+
disabled: {
|
|
21
|
+
iconColor: '{{colors.inkNonEssential}}',
|
|
22
|
+
},
|
|
23
|
+
},
|
|
24
|
+
switchThumb: {
|
|
25
|
+
base: {
|
|
26
|
+
backgroundColor: '{{colors.inkInverse}}',
|
|
27
|
+
borderRadius: '{{borders.borderRadiusCircle}}',
|
|
28
|
+
iconColor: '{{colors.inkContrast}}',
|
|
29
|
+
},
|
|
30
|
+
},
|
|
31
|
+
};
|
|
32
|
+
//# sourceMappingURL=style-presets.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/switch/style-presets.ts"],"names":[],"mappings":"AAAA,eAAe;IACb,WAAW,EAAE;QACX,IAAI,EAAE;YACJ,eAAe,EAAE,gCAAgC;YACjD,YAAY,EAAE,8BAA8B;SAC7C;QACD,OAAO,EAAE;YACP,eAAe,EAAE,gCAAgC;SAClD;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,mCAAmC;SACrD;KACF;IACD,0EAA0E;IAC1E,8EAA8E;IAC9E,eAAe,EAAE;QACf,IAAI,EAAE;YACJ,SAAS,EAAE,uBAAuB;SACnC;QACD,QAAQ,EAAE;YACR,SAAS,EAAE,4BAA4B;SACxC;KACF;IACD,WAAW,EAAE;QACX,IAAI,EAAE;YACJ,eAAe,EAAE,uBAAuB;YACxC,YAAY,EAAE,gCAAgC;YAC9C,SAAS,EAAE,wBAAwB;SACpC;KACF;CACF,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { SwitchProps } from './types';
|
|
3
|
+
export declare const StyledSwitchContainer: import("@emotion/styled").StyledComponent<{
|
|
4
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
+
as?: import("react").ElementType<any> | undefined;
|
|
6
|
+
} & Pick<SwitchProps, "size" | "overrides">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
7
|
+
export declare const StyledTrackIcon: import("@emotion/styled").StyledComponent<{
|
|
8
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
9
|
+
as?: import("react").ElementType<any> | undefined;
|
|
10
|
+
} & Pick<SwitchProps, "state" | "size" | "checked" | "overrides"> & {
|
|
11
|
+
justifyContent: 'start' | 'end';
|
|
12
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
13
|
+
export declare const StyledThumb: import("@emotion/styled").StyledComponent<{
|
|
14
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
15
|
+
as?: import("react").ElementType<any> | undefined;
|
|
16
|
+
} & Pick<SwitchProps, "size" | "checked" | "overrides"> & {
|
|
17
|
+
isFocused?: boolean | undefined;
|
|
18
|
+
isHovered?: boolean | undefined;
|
|
19
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
20
|
+
//# sourceMappingURL=styled.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/switch/styled.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAEpC,eAAO,MAAM,qBAAqB;;;mJASjC,CAAC;AAEF,eAAO,MAAM,eAAe;;;;oBAER,OAAO,GAAG,KAAK;yGAiClC,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;yGA8BvB,CAAC"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
+
return cooked;
|
|
4
|
+
};
|
|
5
|
+
import { getResponsiveSize, getStylePreset, getTransitionPreset, styled, } from '../utils';
|
|
6
|
+
export var StyledSwitchContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n width: 100%;\n height: 100%;\n display: grid;\n grid-template-columns: 1fr 1fr;\n place-items: center;\n"], ["\n position: relative;\n width: 100%;\n height: 100%;\n display: grid;\n grid-template-columns: 1fr 1fr;\n place-items: center;\n"])));
|
|
7
|
+
export var StyledTrackIcon = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n width: 100%;\n ", ";\n\n ", ";\n\n svg {\n height: 100%;\n width: 100%;\n\n // Track icons should not be taller than the track or wider than the thumb\n // so that they stay within the track and can be covered by the thumb.\n ", "\n ", "\n }\n"], ["\n display: flex;\n width: 100%;\n ", ";\n\n ", ";\n\n svg {\n height: 100%;\n width: 100%;\n\n // Track icons should not be taller than the track or wider than the thumb\n // so that they stay within the track and can be covered by the thumb.\n ", "\n ", "\n }\n"])), function (_a) {
|
|
8
|
+
var justifyContent = _a.justifyContent;
|
|
9
|
+
return ({ justifyContent: justifyContent });
|
|
10
|
+
}, function (_a) {
|
|
11
|
+
var size = _a.size, state = _a.state;
|
|
12
|
+
return getStylePreset("switch.".concat(size, ".trackIcon"), 'trackIcon', {
|
|
13
|
+
isDisabled: state === 'disabled',
|
|
14
|
+
});
|
|
15
|
+
}, function (_a) {
|
|
16
|
+
var size = _a.size;
|
|
17
|
+
return getResponsiveSize(function (maxWidth) { return ({ maxWidth: maxWidth }); }, "switch.".concat(size, ".thumb"), 'thumb', 'size');
|
|
18
|
+
}, function (_a) {
|
|
19
|
+
var size = _a.size;
|
|
20
|
+
return getResponsiveSize(function (maxHeight) { return ({ maxHeight: maxHeight }); }, "switch.".concat(size, ".input"), 'input', 'blockSize');
|
|
21
|
+
});
|
|
22
|
+
export var StyledThumb = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n position: absolute;\n aspect-ratio: 1/1;\n ", "\n display: grid;\n place-items: center;\n"], ["\n ", "\n ", "\n ", "\n position: absolute;\n aspect-ratio: 1/1;\n ", "\n display: grid;\n place-items: center;\n"])), function (_a) {
|
|
23
|
+
var size = _a.size, isChecked = _a.checked, isFocused = _a.isFocused, isHovered = _a.isHovered;
|
|
24
|
+
return getStylePreset("switch.".concat(size, ".thumb"), 'thumb', {
|
|
25
|
+
isChecked: isChecked,
|
|
26
|
+
isFocused: isFocused,
|
|
27
|
+
isHovered: isHovered,
|
|
28
|
+
});
|
|
29
|
+
}, function (_a) {
|
|
30
|
+
var size = _a.size, checked = _a.checked;
|
|
31
|
+
return getResponsiveSize(function (rectSize) { return ({
|
|
32
|
+
width: rectSize,
|
|
33
|
+
height: rectSize,
|
|
34
|
+
left: checked ? "calc(100% - ".concat(rectSize, ")") : '0',
|
|
35
|
+
}); }, "switch.".concat(size, ".thumb"), 'thumb', 'size');
|
|
36
|
+
}, function (_a) {
|
|
37
|
+
var size = _a.size;
|
|
38
|
+
return getResponsiveSize('padding', "switch.".concat(size, ".thumb"), 'thumb', 'spaceInset');
|
|
39
|
+
}, function (_a) {
|
|
40
|
+
var size = _a.size;
|
|
41
|
+
return getTransitionPreset("switch.".concat(size, ".thumb"), 'thumb');
|
|
42
|
+
});
|
|
43
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
|
44
|
+
//# sourceMappingURL=styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/switch/styled.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,mBAAmB,EACnB,MAAM,GACP,MAAM,UAAU,CAAC;AAGlB,MAAM,CAAC,IAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,4MAE9C,yIAOA,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,oWAIxC,wCAGG,EAAwC,SAExC,EAGE,uNAQA,EAMC,QACD,EAMC,SAEN,KA5BG,UAAC,EAAgB;QAAf,cAAc,oBAAA;IAAM,OAAA,CAAC,EAAC,cAAc,gBAAA,EAAC,CAAC;AAAlB,CAAkB,EAExC,UAAC,EAAa;QAAZ,IAAI,UAAA,EAAE,KAAK,WAAA;IACb,OAAA,cAAc,CAAC,iBAAU,IAAI,eAAY,EAAE,WAAW,EAAE;QACtD,UAAU,EAAE,KAAK,KAAK,UAAU;KACjC,CAAC;AAFF,CAEE,EAQA,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,iBAAiB,CACf,UAAA,QAAQ,IAAI,OAAA,CAAC,EAAC,QAAQ,UAAA,EAAC,CAAC,EAAZ,CAAY,EACxB,iBAAU,IAAI,WAAQ,EACtB,OAAO,EACP,MAAM,CACP;AALD,CAKC,EACD,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,iBAAiB,CACf,UAAA,SAAS,IAAI,OAAA,CAAC,EAAC,SAAS,WAAA,EAAC,CAAC,EAAb,CAAa,EAC1B,iBAAU,IAAI,WAAQ,EACtB,OAAO,EACP,WAAW,CACZ;AALD,CAKC,CAEN,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,8LAKpC,MACG,EAKE,MACF,EAUC,MACD,EAC2E,mDAG3E,EAAgE,8CAGnE,KAxBG,UAAC,EAAgD;QAA/C,IAAI,UAAA,EAAW,SAAS,aAAA,EAAE,SAAS,eAAA,EAAE,SAAS,eAAA;IAChD,OAAA,cAAc,CAAC,iBAAU,IAAI,WAAQ,EAAE,OAAO,EAAE;QAC9C,SAAS,WAAA;QACT,SAAS,WAAA;QACT,SAAS,WAAA;KACV,CAAC;AAJF,CAIE,EACF,UAAC,EAAe;QAAd,IAAI,UAAA,EAAE,OAAO,aAAA;IACf,OAAA,iBAAiB,CACf,UAAA,QAAQ,IAAI,OAAA,CAAC;QACX,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,QAAQ;QAChB,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,sBAAe,QAAQ,MAAG,CAAC,CAAC,CAAC,GAAG;KACjD,CAAC,EAJU,CAIV,EACF,iBAAU,IAAI,WAAQ,EACtB,OAAO,EACP,MAAM,CACP;AATD,CASC,EACD,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,iBAAiB,CAAC,SAAS,EAAE,iBAAU,IAAI,WAAQ,EAAE,OAAO,EAAE,YAAY,CAAC;AAA3E,CAA2E,EAG3E,UAAC,EAAM;QAAL,IAAI,UAAA;IAAM,OAAA,mBAAmB,CAAC,iBAAU,IAAI,WAAQ,EAAE,OAAO,CAAC;AAApD,CAAoD,CAGnE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/switch/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,WAAW,EAA2B,MAAM,SAAS,CAAC;AAyE9D,eAAO,MAAM,MAAM,+GAGjB,CAAC"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import React from 'react';
|
|
24
|
+
import { isValidElementType } from 'react-is';
|
|
25
|
+
import defaults from './defaults';
|
|
26
|
+
import stylePresets from './style-presets';
|
|
27
|
+
import { withOwnTheme } from '../utils/with-own-theme';
|
|
28
|
+
import { BaseSwitch } from '../base-switch';
|
|
29
|
+
import { StyledSwitchContainer, StyledThumb, StyledTrackIcon } from './styled';
|
|
30
|
+
var iconAsComponent = function (OverridesValue) {
|
|
31
|
+
if (OverridesValue && isValidElementType(OverridesValue)) {
|
|
32
|
+
return OverridesValue;
|
|
33
|
+
}
|
|
34
|
+
return null;
|
|
35
|
+
};
|
|
36
|
+
var SwitchTrackContents = function (props) {
|
|
37
|
+
var _a = props, size = _a.size, checked = _a.checked, overrides = _a.parentOverrides, isFocused = _a.isFocused, isHovered = _a.isHovered, state = _a.state;
|
|
38
|
+
var OnIcon = iconAsComponent(overrides.onIcon);
|
|
39
|
+
var OffIcon = iconAsComponent(overrides.offIcon);
|
|
40
|
+
var ThumbIcon = iconAsComponent(overrides.thumbIcon);
|
|
41
|
+
return (React.createElement(StyledSwitchContainer, { size: size, overrides: overrides },
|
|
42
|
+
React.createElement(StyledTrackIcon, { state: state, size: size, overrides: overrides, justifyContent: "start" }, OnIcon && React.createElement(OnIcon, null)),
|
|
43
|
+
React.createElement(StyledTrackIcon, { state: state, size: size, overrides: overrides, justifyContent: "end" }, OffIcon && React.createElement(OffIcon, null)),
|
|
44
|
+
React.createElement(StyledThumb, { size: size, checked: checked, isFocused: isFocused, isHovered: isHovered, overrides: overrides }, !!ThumbIcon && React.createElement(ThumbIcon, { checked: checked }))));
|
|
45
|
+
};
|
|
46
|
+
var ThemelessSwitch = React.forwardRef(function (_a, inputRef) {
|
|
47
|
+
var overrides = _a.overrides, rest = __rest(_a, ["overrides"]);
|
|
48
|
+
return (React.createElement(BaseSwitch, __assign({ path: "switch", ref: inputRef, type: "checkbox", role: "switch", overrides: overrides || {} }, rest, { defaultSwitchSelectorComponent: SwitchTrackContents })));
|
|
49
|
+
});
|
|
50
|
+
export var Switch = withOwnTheme(ThemelessSwitch)({
|
|
51
|
+
defaults: defaults,
|
|
52
|
+
stylePresets: stylePresets,
|
|
53
|
+
});
|
|
54
|
+
//# sourceMappingURL=switch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/switch/switch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,kBAAkB,EAAC,MAAM,UAAU,CAAC;AAE5C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,qBAAqB,EAAE,WAAW,EAAE,eAAe,EAAC,MAAM,UAAU,CAAC;AAI7E,IAAM,eAAe,GAAG,UAAC,cAA8C;IACrE,IAAI,cAAc,IAAI,kBAAkB,CAAC,cAAc,CAAC,EAAE;QACxD,OAAO,cAA0D,CAAC;KACnE;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,IAAM,mBAAmB,GAAG,UAAC,KAA0B;IAC/C,IAAA,KAOF,KAAiC,EANnC,IAAI,UAAA,EACJ,OAAO,aAAA,EACU,SAAS,qBAAA,EAC1B,SAAS,eAAA,EACT,SAAS,eAAA,EACT,KAAK,WAC8B,CAAC;IACtC,IAAM,MAAM,GAAG,eAAe,CAAC,SAAU,CAAC,MAAM,CAAC,CAAC;IAClD,IAAM,OAAO,GAAG,eAAe,CAAC,SAAU,CAAC,OAAO,CAAC,CAAC;IACpD,IAAM,SAAS,GAAG,eAAe,CAAC,SAAU,CAAC,SAAS,CAAC,CAAC;IACxD,OAAO,CACL,oBAAC,qBAAqB,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS;QACrD,oBAAC,eAAe,IACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,cAAc,EAAC,OAAO,IAErB,MAAM,IAAI,oBAAC,MAAM,OAAG,CACL;QAClB,oBAAC,eAAe,IACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,cAAc,EAAC,KAAK,IAEnB,OAAO,IAAI,oBAAC,OAAO,OAAG,CACP;QAClB,oBAAC,WAAW,IACV,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,IAEnB,CAAC,CAAC,SAAS,IAAI,oBAAC,SAAS,IAAC,OAAO,EAAE,OAAO,GAAI,CACnC,CACQ,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CACtC,UAAC,EAAoB,EAAE,QAAQ;IAA7B,IAAA,SAAS,eAAA,EAAK,IAAI,cAAnB,aAAoB,CAAD;IAAgB,OAAA,CAClC,oBAAC,UAAU,aACT,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,SAAS,IAAI,EAAE,IACtB,IAAI,IACR,8BAA8B,EAAE,mBAAmB,IACnD,CACH,CAAA;CAAA,CACF,CAAC;AAEF,MAAM,CAAC,IAAM,MAAM,GAAG,YAAY,CAAC,eAAe,CAAC,CAAC;IAClD,QAAQ,UAAA;IACR,YAAY,cAAA;CACb,CAAC,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BaseSwitchProps } from '../base-switch';
|
|
3
|
+
import { BaseSwitchIconProps, BaseSwitchOverrides, BaseSwitchState } from '../base-switch/types';
|
|
4
|
+
import { LogicalProps } from '../utils/logical-properties';
|
|
5
|
+
export declare type SwitchTrackContentsProps = Omit<BaseSwitchIconProps, 'state' | 'parentOverrides'> & {
|
|
6
|
+
state: SwitchState;
|
|
7
|
+
parentOverrides: SwitchOverrides;
|
|
8
|
+
};
|
|
9
|
+
export declare type SwitchOverrides = {
|
|
10
|
+
spaceStack?: BaseSwitchOverrides['spaceStack'];
|
|
11
|
+
input?: Pick<NonNullable<BaseSwitchOverrides['input']>, 'blockSize' | 'inlineSize' | 'stylePreset' | 'transitionPreset' | 'spaceInline'> & LogicalProps;
|
|
12
|
+
thumb?: BaseSwitchOverrides['thumb'];
|
|
13
|
+
feedback?: BaseSwitchOverrides['feedback'];
|
|
14
|
+
label?: BaseSwitchOverrides['label'];
|
|
15
|
+
onIcon?: BaseSwitchOverrides['onIcon'];
|
|
16
|
+
offIcon?: BaseSwitchOverrides['offIcon'];
|
|
17
|
+
thumbIcon?: BaseSwitchOverrides['icon'];
|
|
18
|
+
} & LogicalProps;
|
|
19
|
+
export declare type SwitchState = Extract<BaseSwitchState, 'disabled'>;
|
|
20
|
+
export interface SwitchProps extends Omit<BaseSwitchProps, 'path' | 'defaultSwitchSelectorComponent' | 'type' | 'CheckIconContainer' | 'overrides' | 'state' | 'label'> {
|
|
21
|
+
overrides?: SwitchOverrides;
|
|
22
|
+
state?: SwitchState;
|
|
23
|
+
label: React.ReactNode;
|
|
24
|
+
}
|
|
25
|
+
//# sourceMappingURL=types.d.ts.map
|