@remember-web/primitive 0.1.11 → 0.1.13
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/package.json +2 -2
- package/src/Control/BaseToggle/ToggleIcon/index.tsx +27 -5
- package/src/Control/BaseToggle/index.tsx +20 -1
- package/src/Control/BaseToggle/styles.ts +9 -0
- package/src/Control/BaseToggle/types.ts +2 -1
- package/src/Control/Checkbox.stories.tsx +28 -1
- package/src/Control/Checkbox.tsx +9 -3
- package/src/Control/Radio.tsx +1 -1
- package/src/Control/Toggle.tsx +1 -1
- package/dist/src/Avatars/Avatar/index.cjs.js +0 -42
- package/dist/src/Avatars/Avatar/index.cjs.js.map +0 -1
- package/dist/src/Avatars/Avatar/index.d.ts +0 -7
- package/dist/src/Avatars/Avatar/index.d.ts.map +0 -1
- package/dist/src/Avatars/Avatar/index.esm.js +0 -40
- package/dist/src/Avatars/Avatar/index.esm.js.map +0 -1
- package/dist/src/Avatars/Avatar/styles.cjs.js +0 -45
- package/dist/src/Avatars/Avatar/styles.cjs.js.map +0 -1
- package/dist/src/Avatars/Avatar/styles.d.ts +0 -22
- package/dist/src/Avatars/Avatar/styles.d.ts.map +0 -1
- package/dist/src/Avatars/Avatar/styles.esm.js +0 -38
- package/dist/src/Avatars/Avatar/styles.esm.js.map +0 -1
- package/dist/src/Avatars/index.d.ts +0 -4
- package/dist/src/Avatars/index.d.ts.map +0 -1
- package/dist/src/Badge/Badge.cjs.js +0 -15
- package/dist/src/Badge/Badge.cjs.js.map +0 -1
- package/dist/src/Badge/Badge.d.ts +0 -6
- package/dist/src/Badge/Badge.d.ts.map +0 -1
- package/dist/src/Badge/Badge.esm.js +0 -13
- package/dist/src/Badge/Badge.esm.js.map +0 -1
- package/dist/src/Badge/index.d.ts +0 -6
- package/dist/src/Badge/index.d.ts.map +0 -1
- package/dist/src/Badge/style.cjs.js +0 -38
- package/dist/src/Badge/style.cjs.js.map +0 -1
- package/dist/src/Badge/style.d.ts +0 -16
- package/dist/src/Badge/style.d.ts.map +0 -1
- package/dist/src/Badge/style.esm.js +0 -29
- package/dist/src/Badge/style.esm.js.map +0 -1
- package/dist/src/Badge/types.d.ts +0 -10
- package/dist/src/Badge/types.d.ts.map +0 -1
- package/dist/src/Badge/utils.cjs.js +0 -26
- package/dist/src/Badge/utils.cjs.js.map +0 -1
- package/dist/src/Badge/utils.d.ts +0 -12
- package/dist/src/Badge/utils.d.ts.map +0 -1
- package/dist/src/Badge/utils.esm.js +0 -23
- package/dist/src/Badge/utils.esm.js.map +0 -1
- package/dist/src/Buttons/Button/const.cjs.js +0 -59
- package/dist/src/Buttons/Button/const.cjs.js.map +0 -1
- package/dist/src/Buttons/Button/const.d.ts +0 -50
- package/dist/src/Buttons/Button/const.d.ts.map +0 -1
- package/dist/src/Buttons/Button/const.esm.js +0 -54
- package/dist/src/Buttons/Button/const.esm.js.map +0 -1
- package/dist/src/Buttons/Button/index.cjs.js +0 -62
- package/dist/src/Buttons/Button/index.cjs.js.map +0 -1
- package/dist/src/Buttons/Button/index.d.ts +0 -10
- package/dist/src/Buttons/Button/index.d.ts.map +0 -1
- package/dist/src/Buttons/Button/index.esm.js +0 -55
- package/dist/src/Buttons/Button/index.esm.js.map +0 -1
- package/dist/src/Buttons/Button/styles.cjs.js +0 -33
- package/dist/src/Buttons/Button/styles.cjs.js.map +0 -1
- package/dist/src/Buttons/Button/styles.d.ts +0 -5
- package/dist/src/Buttons/Button/styles.d.ts.map +0 -1
- package/dist/src/Buttons/Button/styles.esm.js +0 -25
- package/dist/src/Buttons/Button/styles.esm.js.map +0 -1
- package/dist/src/Buttons/Button/types.d.ts +0 -22
- package/dist/src/Buttons/Button/types.d.ts.map +0 -1
- package/dist/src/Buttons/index.d.ts +0 -2
- package/dist/src/Buttons/index.d.ts.map +0 -1
- package/dist/src/Common/Divider/index.cjs.js +0 -54
- package/dist/src/Common/Divider/index.cjs.js.map +0 -1
- package/dist/src/Common/Divider/index.d.ts +0 -10
- package/dist/src/Common/Divider/index.d.ts.map +0 -1
- package/dist/src/Common/Divider/index.esm.js +0 -27
- package/dist/src/Common/Divider/index.esm.js.map +0 -1
- package/dist/src/Common/Flex/index.cjs.js +0 -71
- package/dist/src/Common/Flex/index.cjs.js.map +0 -1
- package/dist/src/Common/Flex/index.d.ts +0 -23
- package/dist/src/Common/Flex/index.d.ts.map +0 -1
- package/dist/src/Common/Flex/index.esm.js +0 -62
- package/dist/src/Common/Flex/index.esm.js.map +0 -1
- package/dist/src/Common/Grid/index.cjs.js +0 -72
- package/dist/src/Common/Grid/index.cjs.js.map +0 -1
- package/dist/src/Common/Grid/index.d.ts +0 -25
- package/dist/src/Common/Grid/index.d.ts.map +0 -1
- package/dist/src/Common/Grid/index.esm.js +0 -64
- package/dist/src/Common/Grid/index.esm.js.map +0 -1
- package/dist/src/Common/Spinner/index.cjs.js +0 -26
- package/dist/src/Common/Spinner/index.cjs.js.map +0 -1
- package/dist/src/Common/Spinner/index.d.ts +0 -3
- package/dist/src/Common/Spinner/index.d.ts.map +0 -1
- package/dist/src/Common/Spinner/index.esm.js +0 -24
- package/dist/src/Common/Spinner/index.esm.js.map +0 -1
- package/dist/src/Common/Spinner/styles.cjs.js +0 -21
- package/dist/src/Common/Spinner/styles.cjs.js.map +0 -1
- package/dist/src/Common/Spinner/styles.d.ts +0 -4
- package/dist/src/Common/Spinner/styles.d.ts.map +0 -1
- package/dist/src/Common/Spinner/styles.esm.js +0 -14
- package/dist/src/Common/Spinner/styles.esm.js.map +0 -1
- package/dist/src/Common/Spinner/types.d.ts +0 -15
- package/dist/src/Common/Spinner/types.d.ts.map +0 -1
- package/dist/src/Common/Typography/index.cjs.js +0 -40
- package/dist/src/Common/Typography/index.cjs.js.map +0 -1
- package/dist/src/Common/Typography/index.d.ts +0 -16
- package/dist/src/Common/Typography/index.d.ts.map +0 -1
- package/dist/src/Common/Typography/index.esm.js +0 -33
- package/dist/src/Common/Typography/index.esm.js.map +0 -1
- package/dist/src/Common/Typography/styles.cjs.js +0 -26
- package/dist/src/Common/Typography/styles.cjs.js.map +0 -1
- package/dist/src/Common/Typography/styles.d.ts +0 -9
- package/dist/src/Common/Typography/styles.d.ts.map +0 -1
- package/dist/src/Common/Typography/styles.esm.js +0 -19
- package/dist/src/Common/Typography/styles.esm.js.map +0 -1
- package/dist/src/Common/index.d.ts +0 -8
- package/dist/src/Common/index.d.ts.map +0 -1
- package/dist/src/Control/BaseToggle/ToggleIcon/index.cjs.js +0 -44
- package/dist/src/Control/BaseToggle/ToggleIcon/index.cjs.js.map +0 -1
- package/dist/src/Control/BaseToggle/ToggleIcon/index.d.ts +0 -8
- package/dist/src/Control/BaseToggle/ToggleIcon/index.d.ts.map +0 -1
- package/dist/src/Control/BaseToggle/ToggleIcon/index.esm.js +0 -42
- package/dist/src/Control/BaseToggle/ToggleIcon/index.esm.js.map +0 -1
- package/dist/src/Control/BaseToggle/index.cjs.js +0 -75
- package/dist/src/Control/BaseToggle/index.cjs.js.map +0 -1
- package/dist/src/Control/BaseToggle/index.d.ts +0 -12
- package/dist/src/Control/BaseToggle/index.d.ts.map +0 -1
- package/dist/src/Control/BaseToggle/index.esm.js +0 -68
- package/dist/src/Control/BaseToggle/index.esm.js.map +0 -1
- package/dist/src/Control/BaseToggle/styles.cjs.js +0 -22
- package/dist/src/Control/BaseToggle/styles.cjs.js.map +0 -1
- package/dist/src/Control/BaseToggle/styles.d.ts +0 -6
- package/dist/src/Control/BaseToggle/styles.d.ts.map +0 -1
- package/dist/src/Control/BaseToggle/styles.esm.js +0 -14
- package/dist/src/Control/BaseToggle/styles.esm.js.map +0 -1
- package/dist/src/Control/BaseToggle/types.d.ts +0 -21
- package/dist/src/Control/BaseToggle/types.d.ts.map +0 -1
- package/dist/src/Control/Checkbox.cjs.js +0 -31
- package/dist/src/Control/Checkbox.cjs.js.map +0 -1
- package/dist/src/Control/Checkbox.d.ts +0 -9
- package/dist/src/Control/Checkbox.d.ts.map +0 -1
- package/dist/src/Control/Checkbox.esm.js +0 -23
- package/dist/src/Control/Checkbox.esm.js.map +0 -1
- package/dist/src/Control/Radio.cjs.js +0 -30
- package/dist/src/Control/Radio.cjs.js.map +0 -1
- package/dist/src/Control/Radio.d.ts +0 -4
- package/dist/src/Control/Radio.d.ts.map +0 -1
- package/dist/src/Control/Radio.esm.js +0 -22
- package/dist/src/Control/Radio.esm.js.map +0 -1
- package/dist/src/Control/Switch/index.cjs.js +0 -34
- package/dist/src/Control/Switch/index.cjs.js.map +0 -1
- package/dist/src/Control/Switch/index.d.ts +0 -3
- package/dist/src/Control/Switch/index.d.ts.map +0 -1
- package/dist/src/Control/Switch/index.esm.js +0 -27
- package/dist/src/Control/Switch/index.esm.js.map +0 -1
- package/dist/src/Control/Switch/styles.cjs.js +0 -47
- package/dist/src/Control/Switch/styles.cjs.js.map +0 -1
- package/dist/src/Control/Switch/styles.d.ts +0 -15
- package/dist/src/Control/Switch/styles.d.ts.map +0 -1
- package/dist/src/Control/Switch/styles.esm.js +0 -19
- package/dist/src/Control/Switch/styles.esm.js.map +0 -1
- package/dist/src/Control/Switch/types.d.ts +0 -5
- package/dist/src/Control/Switch/types.d.ts.map +0 -1
- package/dist/src/Control/Toggle.cjs.js +0 -37
- package/dist/src/Control/Toggle.cjs.js.map +0 -1
- package/dist/src/Control/Toggle.d.ts +0 -30
- package/dist/src/Control/Toggle.d.ts.map +0 -1
- package/dist/src/Control/Toggle.esm.js +0 -26
- package/dist/src/Control/Toggle.esm.js.map +0 -1
- package/dist/src/Control/index.d.ts +0 -5
- package/dist/src/Control/index.d.ts.map +0 -1
- package/dist/src/Floating/DropdownMenu/DropdownMenuSection.cjs.js +0 -28
- package/dist/src/Floating/DropdownMenu/DropdownMenuSection.cjs.js.map +0 -1
- package/dist/src/Floating/DropdownMenu/DropdownMenuSection.d.ts +0 -9
- package/dist/src/Floating/DropdownMenu/DropdownMenuSection.d.ts.map +0 -1
- package/dist/src/Floating/DropdownMenu/DropdownMenuSection.esm.js +0 -21
- package/dist/src/Floating/DropdownMenu/DropdownMenuSection.esm.js.map +0 -1
- package/dist/src/Floating/DropdownMenu/index.cjs.js +0 -62
- package/dist/src/Floating/DropdownMenu/index.cjs.js.map +0 -1
- package/dist/src/Floating/DropdownMenu/index.d.ts +0 -27
- package/dist/src/Floating/DropdownMenu/index.d.ts.map +0 -1
- package/dist/src/Floating/DropdownMenu/index.esm.js +0 -36
- package/dist/src/Floating/DropdownMenu/index.esm.js.map +0 -1
- package/dist/src/Floating/DropdownMenu/styles.cjs.js +0 -54
- package/dist/src/Floating/DropdownMenu/styles.cjs.js.map +0 -1
- package/dist/src/Floating/DropdownMenu/styles.d.ts +0 -22
- package/dist/src/Floating/DropdownMenu/styles.d.ts.map +0 -1
- package/dist/src/Floating/DropdownMenu/styles.esm.js +0 -38
- package/dist/src/Floating/DropdownMenu/styles.esm.js.map +0 -1
- package/dist/src/Floating/Popover/index.cjs.js +0 -66
- package/dist/src/Floating/Popover/index.cjs.js.map +0 -1
- package/dist/src/Floating/Popover/index.d.ts +0 -19
- package/dist/src/Floating/Popover/index.d.ts.map +0 -1
- package/dist/src/Floating/Popover/index.esm.js +0 -40
- package/dist/src/Floating/Popover/index.esm.js.map +0 -1
- package/dist/src/Floating/Popover/styles.cjs.js +0 -27
- package/dist/src/Floating/Popover/styles.cjs.js.map +0 -1
- package/dist/src/Floating/Popover/styles.d.ts +0 -7
- package/dist/src/Floating/Popover/styles.d.ts.map +0 -1
- package/dist/src/Floating/Popover/styles.esm.js +0 -18
- package/dist/src/Floating/Popover/styles.esm.js.map +0 -1
- package/dist/src/Floating/Tooltip/index.cjs.js +0 -136
- package/dist/src/Floating/Tooltip/index.cjs.js.map +0 -1
- package/dist/src/Floating/Tooltip/index.d.ts +0 -4
- package/dist/src/Floating/Tooltip/index.d.ts.map +0 -1
- package/dist/src/Floating/Tooltip/index.esm.js +0 -110
- package/dist/src/Floating/Tooltip/index.esm.js.map +0 -1
- package/dist/src/Floating/Tooltip/styles.cjs.js +0 -60
- package/dist/src/Floating/Tooltip/styles.cjs.js.map +0 -1
- package/dist/src/Floating/Tooltip/styles.d.ts +0 -16
- package/dist/src/Floating/Tooltip/styles.d.ts.map +0 -1
- package/dist/src/Floating/Tooltip/styles.esm.js +0 -32
- package/dist/src/Floating/Tooltip/styles.esm.js.map +0 -1
- package/dist/src/Floating/Tooltip/types.cjs.js +0 -12
- package/dist/src/Floating/Tooltip/types.cjs.js.map +0 -1
- package/dist/src/Floating/Tooltip/types.d.ts +0 -31
- package/dist/src/Floating/Tooltip/types.d.ts.map +0 -1
- package/dist/src/Floating/Tooltip/types.esm.js +0 -9
- package/dist/src/Floating/Tooltip/types.esm.js.map +0 -1
- package/dist/src/Floating/index.d.ts +0 -11
- package/dist/src/Floating/index.d.ts.map +0 -1
- package/dist/src/Inputs/Select/DesignedSelect/const.cjs.js +0 -8
- package/dist/src/Inputs/Select/DesignedSelect/const.cjs.js.map +0 -1
- package/dist/src/Inputs/Select/DesignedSelect/const.d.ts +0 -3
- package/dist/src/Inputs/Select/DesignedSelect/const.d.ts.map +0 -1
- package/dist/src/Inputs/Select/DesignedSelect/const.esm.js +0 -5
- package/dist/src/Inputs/Select/DesignedSelect/const.esm.js.map +0 -1
- package/dist/src/Inputs/Select/DesignedSelect/index.cjs.js +0 -251
- package/dist/src/Inputs/Select/DesignedSelect/index.cjs.js.map +0 -1
- package/dist/src/Inputs/Select/DesignedSelect/index.d.ts +0 -12
- package/dist/src/Inputs/Select/DesignedSelect/index.d.ts.map +0 -1
- package/dist/src/Inputs/Select/DesignedSelect/index.esm.js +0 -243
- package/dist/src/Inputs/Select/DesignedSelect/index.esm.js.map +0 -1
- package/dist/src/Inputs/Select/DesignedSelect/styles.cjs.js +0 -49
- package/dist/src/Inputs/Select/DesignedSelect/styles.cjs.js.map +0 -1
- package/dist/src/Inputs/Select/DesignedSelect/styles.d.ts +0 -15
- package/dist/src/Inputs/Select/DesignedSelect/styles.d.ts.map +0 -1
- package/dist/src/Inputs/Select/DesignedSelect/styles.esm.js +0 -39
- package/dist/src/Inputs/Select/DesignedSelect/styles.esm.js.map +0 -1
- package/dist/src/Inputs/Select/DesignedSelect/types.d.ts +0 -12
- package/dist/src/Inputs/Select/DesignedSelect/types.d.ts.map +0 -1
- package/dist/src/Inputs/Select/NativeSelect/Option/index.cjs.js +0 -18
- package/dist/src/Inputs/Select/NativeSelect/Option/index.cjs.js.map +0 -1
- package/dist/src/Inputs/Select/NativeSelect/Option/index.d.ts +0 -3
- package/dist/src/Inputs/Select/NativeSelect/Option/index.d.ts.map +0 -1
- package/dist/src/Inputs/Select/NativeSelect/Option/index.esm.js +0 -16
- package/dist/src/Inputs/Select/NativeSelect/Option/index.esm.js.map +0 -1
- package/dist/src/Inputs/Select/NativeSelect/index.cjs.js +0 -55
- package/dist/src/Inputs/Select/NativeSelect/index.cjs.js.map +0 -1
- package/dist/src/Inputs/Select/NativeSelect/index.d.ts +0 -8
- package/dist/src/Inputs/Select/NativeSelect/index.d.ts.map +0 -1
- package/dist/src/Inputs/Select/NativeSelect/index.esm.js +0 -48
- package/dist/src/Inputs/Select/NativeSelect/index.esm.js.map +0 -1
- package/dist/src/Inputs/Select/NativeSelect/styles.cjs.js +0 -31
- package/dist/src/Inputs/Select/NativeSelect/styles.cjs.js.map +0 -1
- package/dist/src/Inputs/Select/NativeSelect/styles.d.ts +0 -7
- package/dist/src/Inputs/Select/NativeSelect/styles.d.ts.map +0 -1
- package/dist/src/Inputs/Select/NativeSelect/styles.esm.js +0 -23
- package/dist/src/Inputs/Select/NativeSelect/styles.esm.js.map +0 -1
- package/dist/src/Inputs/Select/NativeSelect/types.d.ts +0 -11
- package/dist/src/Inputs/Select/NativeSelect/types.d.ts.map +0 -1
- package/dist/src/Inputs/Select/Option/index.cjs.js +0 -11
- package/dist/src/Inputs/Select/Option/index.cjs.js.map +0 -1
- package/dist/src/Inputs/Select/Option/index.d.ts +0 -6
- package/dist/src/Inputs/Select/Option/index.d.ts.map +0 -1
- package/dist/src/Inputs/Select/Option/index.esm.js +0 -9
- package/dist/src/Inputs/Select/Option/index.esm.js.map +0 -1
- package/dist/src/Inputs/Select/index.cjs.js +0 -81
- package/dist/src/Inputs/Select/index.cjs.js.map +0 -1
- package/dist/src/Inputs/Select/index.d.ts +0 -10
- package/dist/src/Inputs/Select/index.d.ts.map +0 -1
- package/dist/src/Inputs/Select/index.esm.js +0 -75
- package/dist/src/Inputs/Select/index.esm.js.map +0 -1
- package/dist/src/Inputs/Select/styles.cjs.js +0 -28
- package/dist/src/Inputs/Select/styles.cjs.js.map +0 -1
- package/dist/src/Inputs/Select/styles.d.ts +0 -6
- package/dist/src/Inputs/Select/styles.d.ts.map +0 -1
- package/dist/src/Inputs/Select/styles.esm.js +0 -20
- package/dist/src/Inputs/Select/styles.esm.js.map +0 -1
- package/dist/src/Inputs/Select/types.d.ts +0 -35
- package/dist/src/Inputs/Select/types.d.ts.map +0 -1
- package/dist/src/Inputs/Select/utils.cjs.js +0 -44
- package/dist/src/Inputs/Select/utils.cjs.js.map +0 -1
- package/dist/src/Inputs/Select/utils.d.ts +0 -2
- package/dist/src/Inputs/Select/utils.d.ts.map +0 -1
- package/dist/src/Inputs/Select/utils.esm.js +0 -42
- package/dist/src/Inputs/Select/utils.esm.js.map +0 -1
- package/dist/src/Inputs/TextInput/index.cjs.js +0 -95
- package/dist/src/Inputs/TextInput/index.cjs.js.map +0 -1
- package/dist/src/Inputs/TextInput/index.d.ts +0 -5
- package/dist/src/Inputs/TextInput/index.d.ts.map +0 -1
- package/dist/src/Inputs/TextInput/index.esm.js +0 -87
- package/dist/src/Inputs/TextInput/index.esm.js.map +0 -1
- package/dist/src/Inputs/TextInput/styles.cjs.js +0 -42
- package/dist/src/Inputs/TextInput/styles.cjs.js.map +0 -1
- package/dist/src/Inputs/TextInput/styles.d.ts +0 -17
- package/dist/src/Inputs/TextInput/styles.d.ts.map +0 -1
- package/dist/src/Inputs/TextInput/styles.esm.js +0 -28
- package/dist/src/Inputs/TextInput/styles.esm.js.map +0 -1
- package/dist/src/Inputs/TextInput/types.d.ts +0 -19
- package/dist/src/Inputs/TextInput/types.d.ts.map +0 -1
- package/dist/src/Inputs/index.d.ts +0 -3
- package/dist/src/Inputs/index.d.ts.map +0 -1
- package/dist/src/Logos/EnvLabel/index.cjs.js +0 -28
- package/dist/src/Logos/EnvLabel/index.cjs.js.map +0 -1
- package/dist/src/Logos/EnvLabel/index.d.ts +0 -3
- package/dist/src/Logos/EnvLabel/index.d.ts.map +0 -1
- package/dist/src/Logos/EnvLabel/index.esm.js +0 -26
- package/dist/src/Logos/EnvLabel/index.esm.js.map +0 -1
- package/dist/src/Logos/RememberLogo/index.cjs.js +0 -91
- package/dist/src/Logos/RememberLogo/index.cjs.js.map +0 -1
- package/dist/src/Logos/RememberLogo/index.d.ts +0 -5
- package/dist/src/Logos/RememberLogo/index.d.ts.map +0 -1
- package/dist/src/Logos/RememberLogo/index.esm.js +0 -83
- package/dist/src/Logos/RememberLogo/index.esm.js.map +0 -1
- package/dist/src/Logos/RememberMobileLogo/index.cjs.js +0 -52
- package/dist/src/Logos/RememberMobileLogo/index.cjs.js.map +0 -1
- package/dist/src/Logos/RememberMobileLogo/index.d.ts +0 -3
- package/dist/src/Logos/RememberMobileLogo/index.d.ts.map +0 -1
- package/dist/src/Logos/RememberMobileLogo/index.esm.js +0 -45
- package/dist/src/Logos/RememberMobileLogo/index.esm.js.map +0 -1
- package/dist/src/Logos/RememberServiceLogo/index.cjs.js +0 -47
- package/dist/src/Logos/RememberServiceLogo/index.cjs.js.map +0 -1
- package/dist/src/Logos/RememberServiceLogo/index.d.ts +0 -9
- package/dist/src/Logos/RememberServiceLogo/index.d.ts.map +0 -1
- package/dist/src/Logos/RememberServiceLogo/index.esm.js +0 -40
- package/dist/src/Logos/RememberServiceLogo/index.esm.js.map +0 -1
- package/dist/src/Logos/RememberServiceLogo/style.cjs.js +0 -16
- package/dist/src/Logos/RememberServiceLogo/style.cjs.js.map +0 -1
- package/dist/src/Logos/RememberServiceLogo/style.d.ts +0 -3
- package/dist/src/Logos/RememberServiceLogo/style.d.ts.map +0 -1
- package/dist/src/Logos/RememberServiceLogo/style.esm.js +0 -9
- package/dist/src/Logos/RememberServiceLogo/style.esm.js.map +0 -1
- package/dist/src/Logos/RememberSquareLogo/index.cjs.js +0 -68
- package/dist/src/Logos/RememberSquareLogo/index.cjs.js.map +0 -1
- package/dist/src/Logos/RememberSquareLogo/index.d.ts +0 -3
- package/dist/src/Logos/RememberSquareLogo/index.d.ts.map +0 -1
- package/dist/src/Logos/RememberSquareLogo/index.esm.js +0 -61
- package/dist/src/Logos/RememberSquareLogo/index.esm.js.map +0 -1
- package/dist/src/Logos/index.d.ts +0 -5
- package/dist/src/Logos/index.d.ts.map +0 -1
- package/dist/src/Logos/types.d.ts +0 -12
- package/dist/src/Logos/types.d.ts.map +0 -1
- package/dist/src/Modals/Dialog/index.cjs.js +0 -95
- package/dist/src/Modals/Dialog/index.cjs.js.map +0 -1
- package/dist/src/Modals/Dialog/index.d.ts +0 -32
- package/dist/src/Modals/Dialog/index.d.ts.map +0 -1
- package/dist/src/Modals/Dialog/index.esm.js +0 -88
- package/dist/src/Modals/Dialog/index.esm.js.map +0 -1
- package/dist/src/Modals/Dialog/styles.cjs.js +0 -51
- package/dist/src/Modals/Dialog/styles.cjs.js.map +0 -1
- package/dist/src/Modals/Dialog/styles.d.ts +0 -19
- package/dist/src/Modals/Dialog/styles.d.ts.map +0 -1
- package/dist/src/Modals/Dialog/styles.esm.js +0 -18
- package/dist/src/Modals/Dialog/styles.esm.js.map +0 -1
- package/dist/src/Modals/index.d.ts +0 -2
- package/dist/src/Modals/index.d.ts.map +0 -1
- package/dist/src/Paginations/CompactPagination/index.cjs.js +0 -98
- package/dist/src/Paginations/CompactPagination/index.cjs.js.map +0 -1
- package/dist/src/Paginations/CompactPagination/index.d.ts +0 -3
- package/dist/src/Paginations/CompactPagination/index.d.ts.map +0 -1
- package/dist/src/Paginations/CompactPagination/index.esm.js +0 -96
- package/dist/src/Paginations/CompactPagination/index.esm.js.map +0 -1
- package/dist/src/Paginations/Pagination/index.cjs.js +0 -116
- package/dist/src/Paginations/Pagination/index.cjs.js.map +0 -1
- package/dist/src/Paginations/Pagination/index.d.ts +0 -3
- package/dist/src/Paginations/Pagination/index.d.ts.map +0 -1
- package/dist/src/Paginations/Pagination/index.esm.js +0 -114
- package/dist/src/Paginations/Pagination/index.esm.js.map +0 -1
- package/dist/src/Paginations/index.d.ts +0 -3
- package/dist/src/Paginations/index.d.ts.map +0 -1
- package/dist/src/Paginations/styles.cjs.js +0 -37
- package/dist/src/Paginations/styles.cjs.js.map +0 -1
- package/dist/src/Paginations/styles.d.ts +0 -26
- package/dist/src/Paginations/styles.d.ts.map +0 -1
- package/dist/src/Paginations/styles.esm.js +0 -23
- package/dist/src/Paginations/styles.esm.js.map +0 -1
- package/dist/src/Paginations/types.d.ts +0 -17
- package/dist/src/Paginations/types.d.ts.map +0 -1
- package/dist/src/Paginations/usePagination.cjs.js +0 -40
- package/dist/src/Paginations/usePagination.cjs.js.map +0 -1
- package/dist/src/Paginations/usePagination.d.ts +0 -15
- package/dist/src/Paginations/usePagination.d.ts.map +0 -1
- package/dist/src/Paginations/usePagination.esm.js +0 -38
- package/dist/src/Paginations/usePagination.esm.js.map +0 -1
- package/dist/src/hooks/useMouseEventAway.cjs.js +0 -27
- package/dist/src/hooks/useMouseEventAway.cjs.js.map +0 -1
- package/dist/src/hooks/useMouseEventAway.d.ts +0 -5
- package/dist/src/hooks/useMouseEventAway.d.ts.map +0 -1
- package/dist/src/hooks/useMouseEventAway.esm.js +0 -25
- package/dist/src/hooks/useMouseEventAway.esm.js.map +0 -1
- package/dist/src/index.cjs.js +0 -79
- package/dist/src/index.cjs.js.map +0 -1
- package/dist/src/index.d.ts +0 -11
- package/dist/src/index.d.ts.map +0 -1
- package/dist/src/index.esm.js +0 -31
- package/dist/src/index.esm.js.map +0 -1
- package/dist/src/stories/common.styles.d.ts +0 -18
- package/dist/src/stories/common.styles.d.ts.map +0 -1
- package/dist/src/stories/util.d.ts +0 -7
- package/dist/src/stories/util.d.ts.map +0 -1
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
|
|
4
|
-
var styled = require('styled-components');
|
|
5
|
-
var mixin = require('@remember-web/mixin');
|
|
6
|
-
|
|
7
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
8
|
-
|
|
9
|
-
var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
|
|
10
|
-
var styled__default = /*#__PURE__*/_interopDefault(styled);
|
|
11
|
-
|
|
12
|
-
var _templateObject;
|
|
13
|
-
var StyledServiceLogoRoot = styled__default.default.a(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n box-sizing: border-box;\n text-decoration: none;\n color: ", ";\n\n display: flex;\n align-items: end;\n gap: 8px;\n\n > b {\n ", ";\n text-decoration: none;\n line-height: 16px;\n }\n"])), mixin.contents000, mixin.getTypographyStyles('Title2'));
|
|
14
|
-
|
|
15
|
-
exports.StyledServiceLogoRoot = StyledServiceLogoRoot;
|
|
16
|
-
//# sourceMappingURL=style.cjs.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.cjs.js","sources":["../../../../src/Logos/RememberServiceLogo/style.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { contents000, getTypographyStyles } from '@remember-web/mixin';\n\nexport const StyledServiceLogoRoot = styled.a`\n box-sizing: border-box;\n text-decoration: none;\n color: ${contents000};\n\n display: flex;\n align-items: end;\n gap: 8px;\n\n > b {\n ${getTypographyStyles('Title2')};\n text-decoration: none;\n line-height: 16px;\n }\n`;\n"],"names":["StyledServiceLogoRoot","styled","a","_templateObject","_taggedTemplateLiteral","contents000","getTypographyStyles"],"mappings":";;;;;;;;;;;;IAGaA,qBAAqB,GAAGC,uBAAM,CAACC,CAAC,CAAAC,eAAA,KAAAA,eAAA,GAAAC,uCAAA,qNAGlCC,iBAAW,EAOhBC,yBAAmB,CAAC,QAAQ,CAAC;;;;"}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const StyledServiceLogoRoot: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>>;
|
|
3
|
-
//# sourceMappingURL=style.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../src/Logos/RememberServiceLogo/style.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,qBAAqB,4NAcjC,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
|
|
2
|
-
import styled from 'styled-components';
|
|
3
|
-
import { contents000, getTypographyStyles } from '@remember-web/mixin';
|
|
4
|
-
|
|
5
|
-
var _templateObject;
|
|
6
|
-
var StyledServiceLogoRoot = styled.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n box-sizing: border-box;\n text-decoration: none;\n color: ", ";\n\n display: flex;\n align-items: end;\n gap: 8px;\n\n > b {\n ", ";\n text-decoration: none;\n line-height: 16px;\n }\n"])), contents000, getTypographyStyles('Title2'));
|
|
7
|
-
|
|
8
|
-
export { StyledServiceLogoRoot };
|
|
9
|
-
//# sourceMappingURL=style.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.esm.js","sources":["../../../../src/Logos/RememberServiceLogo/style.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { contents000, getTypographyStyles } from '@remember-web/mixin';\n\nexport const StyledServiceLogoRoot = styled.a`\n box-sizing: border-box;\n text-decoration: none;\n color: ${contents000};\n\n display: flex;\n align-items: end;\n gap: 8px;\n\n > b {\n ${getTypographyStyles('Title2')};\n text-decoration: none;\n line-height: 16px;\n }\n`;\n"],"names":["StyledServiceLogoRoot","styled","a","_templateObject","_taggedTemplateLiteral","contents000","getTypographyStyles"],"mappings":";;;;;IAGaA,qBAAqB,GAAGC,MAAM,CAACC,CAAC,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,qNAGlCC,WAAW,EAOhBC,mBAAmB,CAAC,QAAQ,CAAC;;;;"}
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
|
-
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
7
|
-
|
|
8
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
-
|
|
10
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
|
|
11
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
|
|
12
|
-
|
|
13
|
-
var _excluded = ["className", "backgroundColor", "color", "height", "customElement", "ref"];
|
|
14
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
15
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
16
|
-
var RememberSquareLogo = function RememberSquareLogo(_ref) {
|
|
17
|
-
var className = _ref.className,
|
|
18
|
-
_ref$backgroundColor = _ref.backgroundColor,
|
|
19
|
-
backgroundColor = _ref$backgroundColor === void 0 ? '#F7F7EF' : _ref$backgroundColor,
|
|
20
|
-
_ref$color = _ref.color,
|
|
21
|
-
color = _ref$color === void 0 ? 'black' : _ref$color,
|
|
22
|
-
_ref$height = _ref.height,
|
|
23
|
-
height = _ref$height === void 0 ? 20 : _ref$height,
|
|
24
|
-
customElement = _ref.customElement,
|
|
25
|
-
ref = _ref.ref,
|
|
26
|
-
props = _objectWithoutProperties__default.default(_ref, _excluded);
|
|
27
|
-
return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
|
|
28
|
-
ref: ref,
|
|
29
|
-
style: {
|
|
30
|
-
width: 'fit-content',
|
|
31
|
-
height: height,
|
|
32
|
-
display: 'flex',
|
|
33
|
-
alignItems: 'flex-end'
|
|
34
|
-
},
|
|
35
|
-
children: [/*#__PURE__*/jsxRuntime.jsxs("svg", {
|
|
36
|
-
className: className,
|
|
37
|
-
height: "100%",
|
|
38
|
-
viewBox: "0 0 20 20",
|
|
39
|
-
fill: "none",
|
|
40
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
41
|
-
children: [/*#__PURE__*/jsxRuntime.jsxs("g", {
|
|
42
|
-
clipPath: "url(#clip0_222_7)",
|
|
43
|
-
children: [/*#__PURE__*/jsxRuntime.jsx("path", {
|
|
44
|
-
d: "M18 0H2C0.895431 0 0 0.895431 0 2V18C0 19.1046 0.895431 20 2 20H18C19.1046 20 20 19.1046 20 18V2C20 0.895431 19.1046 0 18 0Z",
|
|
45
|
-
fill: backgroundColor
|
|
46
|
-
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
47
|
-
d: "M12.919 10.7305L9.70869 10.7153C9.63269 10.7913 9.63269 10.8067 9.55652 10.8978L11.8995 15.7513H15.338C15.3837 15.6753 15.414 15.6448 15.4597 15.5688L12.9189 10.7305H12.919Z",
|
|
48
|
-
fill: color
|
|
49
|
-
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
50
|
-
d: "M9.8913 4.24895H5.61597V15.7208H8.81097V5.02495C10.226 5.22278 10.9563 5.89211 11.2453 7.01811C11.4583 7.82445 11.367 9.04161 10.8041 9.78711L11.0171 10.0761C13.2536 10.0609 14.5013 8.82845 14.41 7.13961C14.334 5.17695 12.5386 4.24878 9.89113 4.24878L9.8913 4.24895Z",
|
|
51
|
-
fill: color
|
|
52
|
-
})]
|
|
53
|
-
}), /*#__PURE__*/jsxRuntime.jsx("defs", {
|
|
54
|
-
children: /*#__PURE__*/jsxRuntime.jsx("clipPath", {
|
|
55
|
-
id: "clip0_222_7",
|
|
56
|
-
children: /*#__PURE__*/jsxRuntime.jsx("rect", {
|
|
57
|
-
width: "20",
|
|
58
|
-
height: "20",
|
|
59
|
-
fill: "white"
|
|
60
|
-
})
|
|
61
|
-
})
|
|
62
|
-
})]
|
|
63
|
-
}), customElement]
|
|
64
|
-
}));
|
|
65
|
-
};
|
|
66
|
-
|
|
67
|
-
exports.RememberSquareLogo = RememberSquareLogo;
|
|
68
|
-
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":["../../../../src/Logos/RememberSquareLogo/index.tsx"],"sourcesContent":["'use client';\n\nimport type { RememberLogoProps } from '../types';\n\nexport const RememberSquareLogo = ({\n className,\n backgroundColor = '#F7F7EF',\n color = 'black',\n height = 20,\n customElement,\n ref,\n ...props\n}: RememberLogoProps) => (\n <div\n {...props}\n ref={ref}\n style={{\n width: 'fit-content',\n height,\n display: 'flex',\n alignItems: 'flex-end',\n }}\n >\n <svg\n className={className}\n height=\"100%\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g clipPath=\"url(#clip0_222_7)\">\n <path\n d=\"M18 0H2C0.895431 0 0 0.895431 0 2V18C0 19.1046 0.895431 20 2 20H18C19.1046 20 20 19.1046 20 18V2C20 0.895431 19.1046 0 18 0Z\"\n fill={backgroundColor}\n />\n <path\n d=\"M12.919 10.7305L9.70869 10.7153C9.63269 10.7913 9.63269 10.8067 9.55652 10.8978L11.8995 15.7513H15.338C15.3837 15.6753 15.414 15.6448 15.4597 15.5688L12.9189 10.7305H12.919Z\"\n fill={color}\n />\n <path\n d=\"M9.8913 4.24895H5.61597V15.7208H8.81097V5.02495C10.226 5.22278 10.9563 5.89211 11.2453 7.01811C11.4583 7.82445 11.367 9.04161 10.8041 9.78711L11.0171 10.0761C13.2536 10.0609 14.5013 8.82845 14.41 7.13961C14.334 5.17695 12.5386 4.24878 9.89113 4.24878L9.8913 4.24895Z\"\n fill={color}\n />\n </g>\n <defs>\n <clipPath id=\"clip0_222_7\">\n <rect width=\"20\" height=\"20\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n {customElement}\n </div>\n);\n"],"names":["backgroundColor","color","height","props","ref","style","width","display","alignItems","children","className","viewBox","fill","xmlns","clipPath","d","id"],"mappings":";;;;;;;;;;;;AAAa;AAAA;AAAA;;AAIkB;;AAE7BA;;AACAC;;AACAC;;;AAGGC;AAAK;AAINC;AACAC;AACEC;AACAJ;AACAK;AACAC;;AACAC;AAGAC;AACAR;AACAS;AACAC;AACAC;AAAkCJ;AAE/BK;AAA4BL;AAE3BM;AACAH;;AAGAG;AACAH;;AAGAG;AACAH;AAAY;;AAGhBH;AACYO;AAAgBP;AAClBH;AAAWJ;AAAYU;;;AACpB;;AAGD;AACV;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Logos/RememberSquareLogo/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,eAAO,MAAM,kBAAkB,gFAQ5B,iBAAiB,4CAwCnB,CAAC"}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
3
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
4
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
5
|
-
|
|
6
|
-
var _excluded = ["className", "backgroundColor", "color", "height", "customElement", "ref"];
|
|
7
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
8
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
9
|
-
var RememberSquareLogo = function RememberSquareLogo(_ref) {
|
|
10
|
-
var className = _ref.className,
|
|
11
|
-
_ref$backgroundColor = _ref.backgroundColor,
|
|
12
|
-
backgroundColor = _ref$backgroundColor === void 0 ? '#F7F7EF' : _ref$backgroundColor,
|
|
13
|
-
_ref$color = _ref.color,
|
|
14
|
-
color = _ref$color === void 0 ? 'black' : _ref$color,
|
|
15
|
-
_ref$height = _ref.height,
|
|
16
|
-
height = _ref$height === void 0 ? 20 : _ref$height,
|
|
17
|
-
customElement = _ref.customElement,
|
|
18
|
-
ref = _ref.ref,
|
|
19
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
20
|
-
return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
|
|
21
|
-
ref: ref,
|
|
22
|
-
style: {
|
|
23
|
-
width: 'fit-content',
|
|
24
|
-
height: height,
|
|
25
|
-
display: 'flex',
|
|
26
|
-
alignItems: 'flex-end'
|
|
27
|
-
},
|
|
28
|
-
children: [/*#__PURE__*/jsxs("svg", {
|
|
29
|
-
className: className,
|
|
30
|
-
height: "100%",
|
|
31
|
-
viewBox: "0 0 20 20",
|
|
32
|
-
fill: "none",
|
|
33
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
34
|
-
children: [/*#__PURE__*/jsxs("g", {
|
|
35
|
-
clipPath: "url(#clip0_222_7)",
|
|
36
|
-
children: [/*#__PURE__*/jsx("path", {
|
|
37
|
-
d: "M18 0H2C0.895431 0 0 0.895431 0 2V18C0 19.1046 0.895431 20 2 20H18C19.1046 20 20 19.1046 20 18V2C20 0.895431 19.1046 0 18 0Z",
|
|
38
|
-
fill: backgroundColor
|
|
39
|
-
}), /*#__PURE__*/jsx("path", {
|
|
40
|
-
d: "M12.919 10.7305L9.70869 10.7153C9.63269 10.7913 9.63269 10.8067 9.55652 10.8978L11.8995 15.7513H15.338C15.3837 15.6753 15.414 15.6448 15.4597 15.5688L12.9189 10.7305H12.919Z",
|
|
41
|
-
fill: color
|
|
42
|
-
}), /*#__PURE__*/jsx("path", {
|
|
43
|
-
d: "M9.8913 4.24895H5.61597V15.7208H8.81097V5.02495C10.226 5.22278 10.9563 5.89211 11.2453 7.01811C11.4583 7.82445 11.367 9.04161 10.8041 9.78711L11.0171 10.0761C13.2536 10.0609 14.5013 8.82845 14.41 7.13961C14.334 5.17695 12.5386 4.24878 9.89113 4.24878L9.8913 4.24895Z",
|
|
44
|
-
fill: color
|
|
45
|
-
})]
|
|
46
|
-
}), /*#__PURE__*/jsx("defs", {
|
|
47
|
-
children: /*#__PURE__*/jsx("clipPath", {
|
|
48
|
-
id: "clip0_222_7",
|
|
49
|
-
children: /*#__PURE__*/jsx("rect", {
|
|
50
|
-
width: "20",
|
|
51
|
-
height: "20",
|
|
52
|
-
fill: "white"
|
|
53
|
-
})
|
|
54
|
-
})
|
|
55
|
-
})]
|
|
56
|
-
}), customElement]
|
|
57
|
-
}));
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
export { RememberSquareLogo };
|
|
61
|
-
//# sourceMappingURL=index.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":["../../../../src/Logos/RememberSquareLogo/index.tsx"],"sourcesContent":["'use client';\n\nimport type { RememberLogoProps } from '../types';\n\nexport const RememberSquareLogo = ({\n className,\n backgroundColor = '#F7F7EF',\n color = 'black',\n height = 20,\n customElement,\n ref,\n ...props\n}: RememberLogoProps) => (\n <div\n {...props}\n ref={ref}\n style={{\n width: 'fit-content',\n height,\n display: 'flex',\n alignItems: 'flex-end',\n }}\n >\n <svg\n className={className}\n height=\"100%\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g clipPath=\"url(#clip0_222_7)\">\n <path\n d=\"M18 0H2C0.895431 0 0 0.895431 0 2V18C0 19.1046 0.895431 20 2 20H18C19.1046 20 20 19.1046 20 18V2C20 0.895431 19.1046 0 18 0Z\"\n fill={backgroundColor}\n />\n <path\n d=\"M12.919 10.7305L9.70869 10.7153C9.63269 10.7913 9.63269 10.8067 9.55652 10.8978L11.8995 15.7513H15.338C15.3837 15.6753 15.414 15.6448 15.4597 15.5688L12.9189 10.7305H12.919Z\"\n fill={color}\n />\n <path\n d=\"M9.8913 4.24895H5.61597V15.7208H8.81097V5.02495C10.226 5.22278 10.9563 5.89211 11.2453 7.01811C11.4583 7.82445 11.367 9.04161 10.8041 9.78711L11.0171 10.0761C13.2536 10.0609 14.5013 8.82845 14.41 7.13961C14.334 5.17695 12.5386 4.24878 9.89113 4.24878L9.8913 4.24895Z\"\n fill={color}\n />\n </g>\n <defs>\n <clipPath id=\"clip0_222_7\">\n <rect width=\"20\" height=\"20\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n {customElement}\n </div>\n);\n"],"names":["backgroundColor","color","height","props","ref","style","width","display","alignItems","children","className","viewBox","fill","xmlns","clipPath","d","id"],"mappings":";;;;;AAAa;AAAA;AAAA;;AAIkB;;AAE7BA;;AACAC;;AACAC;;;AAGGC;AAAK;AAINC;AACAC;AACEC;AACAJ;AACAK;AACAC;;AACAC;AAGAC;AACAR;AACAS;AACAC;AACAC;AAAkCJ;AAE/BK;AAA4BL;AAE3BM;AACAH;;AAGAG;AACAH;;AAGAG;AACAH;AAAY;;AAGhBH;AACYO;AAAgBP;AAClBH;AAAWJ;AAAYU;;;AACpB;;AAGD;AACV;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Logos/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { EnvType } from './EnvLabel';
|
|
3
|
-
export interface RememberLogoProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
5
|
-
className?: string;
|
|
6
|
-
color?: 'white' | 'black' | string;
|
|
7
|
-
height?: number;
|
|
8
|
-
env?: EnvType;
|
|
9
|
-
customElement?: React.ReactNode;
|
|
10
|
-
backgroundColor?: string;
|
|
11
|
-
}
|
|
12
|
-
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/Logos/types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAE1C,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
|
-
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
|
-
var DialogPrimitive = require('@radix-ui/react-dialog');
|
|
7
|
-
var icon = require('@remember-web/icon');
|
|
8
|
-
var index = require('../../Common/Flex/index.cjs.js');
|
|
9
|
-
var styles = require('./styles.cjs.js');
|
|
10
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
11
|
-
|
|
12
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
-
|
|
14
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
|
|
15
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
|
|
16
|
-
|
|
17
|
-
var _excluded = ["children"],
|
|
18
|
-
_excluded2 = ["children", "dimmed"];
|
|
19
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
20
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
21
|
-
/**
|
|
22
|
-
* @prop {React.ReactNode} children
|
|
23
|
-
* @prop {boolean} open
|
|
24
|
-
* @prop {boolean} defaultOpen
|
|
25
|
-
* @prop {(open: boolean) => void} onOpenChange
|
|
26
|
-
* @prop {boolean} modal
|
|
27
|
-
* @prop {string} id
|
|
28
|
-
*/
|
|
29
|
-
function Dialog(_ref) {
|
|
30
|
-
var children = _ref.children,
|
|
31
|
-
props = _objectWithoutProperties__default.default(_ref, _excluded);
|
|
32
|
-
return /*#__PURE__*/jsxRuntime.jsx(DialogPrimitive.Root, _objectSpread(_objectSpread({}, props), {}, {
|
|
33
|
-
children: children
|
|
34
|
-
}));
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
/**
|
|
38
|
-
* @prop {boolean} dimmed
|
|
39
|
-
* @see https://www.radix-ui.com/docs/primitives/components/dialog
|
|
40
|
-
*/
|
|
41
|
-
Dialog.Content = function (_ref2) {
|
|
42
|
-
var children = _ref2.children,
|
|
43
|
-
_ref2$dimmed = _ref2.dimmed,
|
|
44
|
-
dimmed = _ref2$dimmed === void 0 ? true : _ref2$dimmed,
|
|
45
|
-
props = _objectWithoutProperties__default.default(_ref2, _excluded2);
|
|
46
|
-
return /*#__PURE__*/jsxRuntime.jsxs(DialogPrimitive.Portal, {
|
|
47
|
-
children: [dimmed && /*#__PURE__*/jsxRuntime.jsx(styles.StyledOverlay, {}), /*#__PURE__*/jsxRuntime.jsx(styles.DialogContent, _objectSpread(_objectSpread({}, props), {}, {
|
|
48
|
-
children: /*#__PURE__*/jsxRuntime.jsx(index.Flex, {
|
|
49
|
-
direction: "column",
|
|
50
|
-
align: "center",
|
|
51
|
-
children: children
|
|
52
|
-
})
|
|
53
|
-
}))]
|
|
54
|
-
});
|
|
55
|
-
};
|
|
56
|
-
Dialog.HeadIcon = function (_ref3) {
|
|
57
|
-
var _ref3$type = _ref3.type,
|
|
58
|
-
type = _ref3$type === void 0 ? 'alert' : _ref3$type;
|
|
59
|
-
return /*#__PURE__*/jsxRuntime.jsxs(styles.DialogIcon, {
|
|
60
|
-
children: [type === 'alert' && /*#__PURE__*/jsxRuntime.jsx(icon.PictogramAlert, {
|
|
61
|
-
size: 40
|
|
62
|
-
}), type === 'confirm' && /*#__PURE__*/jsxRuntime.jsx(icon.PictogramCheck, {
|
|
63
|
-
size: 40
|
|
64
|
-
})]
|
|
65
|
-
});
|
|
66
|
-
};
|
|
67
|
-
Dialog.CloseIcon = function () {
|
|
68
|
-
return /*#__PURE__*/jsxRuntime.jsx(DialogPrimitive.Close, {
|
|
69
|
-
asChild: true,
|
|
70
|
-
children: /*#__PURE__*/jsxRuntime.jsx(styles.IconButton, {
|
|
71
|
-
type: "button",
|
|
72
|
-
"aria-label": "Close",
|
|
73
|
-
children: /*#__PURE__*/jsxRuntime.jsx(icon.IconClose, {
|
|
74
|
-
size: "small"
|
|
75
|
-
})
|
|
76
|
-
})
|
|
77
|
-
});
|
|
78
|
-
};
|
|
79
|
-
Dialog.Title = function (_ref4) {
|
|
80
|
-
var children = _ref4.children;
|
|
81
|
-
return /*#__PURE__*/jsxRuntime.jsx(styles.DialogTitle, {
|
|
82
|
-
children: children
|
|
83
|
-
});
|
|
84
|
-
};
|
|
85
|
-
Dialog.Description = function (_ref5) {
|
|
86
|
-
var children = _ref5.children;
|
|
87
|
-
return /*#__PURE__*/jsxRuntime.jsx(styles.DialogDescription, {
|
|
88
|
-
children: children
|
|
89
|
-
});
|
|
90
|
-
};
|
|
91
|
-
Dialog.Trigger = DialogPrimitive.Trigger;
|
|
92
|
-
Dialog.Close = DialogPrimitive.Close;
|
|
93
|
-
|
|
94
|
-
exports.Dialog = Dialog;
|
|
95
|
-
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":["../../../../src/Modals/Dialog/index.tsx"],"sourcesContent":["'use client';\n\nimport type { DialogContentProps, DialogProps } from '@radix-ui/react-dialog';\nimport { Root, Trigger, Close, Portal } from '@radix-ui/react-dialog';\nimport { IconClose, PictogramAlert, PictogramCheck } from '@remember-web/icon';\n\nimport { Flex } from '@/Common/Flex';\n\nimport {\n DialogContent,\n DialogDescription,\n DialogIcon,\n DialogTitle,\n IconButton,\n StyledOverlay,\n} from './styles';\n\ninterface ContentProps extends DialogContentProps {\n children: React.ReactNode;\n dimmed?: boolean;\n}\n\n/**\n * @prop {React.ReactNode} children\n * @prop {boolean} open\n * @prop {boolean} defaultOpen\n * @prop {(open: boolean) => void} onOpenChange\n * @prop {boolean} modal\n * @prop {string} id\n */\nexport function Dialog({ children, ...props }: DialogProps) {\n return <Root {...props}>{children}</Root>;\n}\n\n/**\n * @prop {boolean} dimmed\n * @see https://www.radix-ui.com/docs/primitives/components/dialog\n */\nDialog.Content = ({ children, dimmed = true, ...props }: ContentProps) => (\n <Portal>\n {dimmed && <StyledOverlay />}\n <DialogContent {...props}>\n <Flex direction=\"column\" align=\"center\">\n {children}\n </Flex>\n </DialogContent>\n </Portal>\n);\n\nDialog.HeadIcon = ({ type = 'alert' }: { type?: 'alert' | 'confirm' }) => (\n <DialogIcon>\n {type === 'alert' && <PictogramAlert size={40} />}\n {type === 'confirm' && <PictogramCheck size={40} />}\n </DialogIcon>\n);\n\nDialog.CloseIcon = () => (\n <Close asChild>\n <IconButton type=\"button\" aria-label=\"Close\">\n <IconClose size=\"small\" />\n </IconButton>\n </Close>\n);\n\nDialog.Title = ({ children }: { children: React.ReactNode }) => (\n <DialogTitle>{children}</DialogTitle>\n);\n\nDialog.Description = ({ children }: { children: React.ReactNode }) => (\n <DialogDescription>{children}</DialogDescription>\n);\n\nDialog.Trigger = Trigger;\nDialog.Close = Close;\n"],"names":["props","children","Dialog","dimmed","direction","align","type","size"],"mappings":";;;;;;;;;;;;;;;;AAAa;;AAAA;AAAA;AAsBb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO;AAAqD;AAAtBA;;AACdC;AAAW;AACnC;;AAEA;AACA;AACA;AACA;AACAC;AAAiB;;AAAaC;AAAkBH;;AACvCC;;AAGGG;AAAmBC;AAAcJ;;AAEhC;AACO;AACT;AAGXC;AAAkB;AAAGI;;AACRL;AAC4BM;;AACEA;AAAS;AAAG;AACxC;AAGfL;;;;AAEgBI;AAAc;;AACbC;;;AACA;AACP;AAGVL;AAAe;;AACDD;AAAU;AAAe;AAGvCC;AAAqB;;AACDD;AAAU;AAAqB;AAGnDC;AACAA;;"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { DialogContentProps, DialogProps } from '@radix-ui/react-dialog';
|
|
3
|
-
interface ContentProps extends DialogContentProps {
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
dimmed?: boolean;
|
|
6
|
-
}
|
|
7
|
-
/**
|
|
8
|
-
* @prop {React.ReactNode} children
|
|
9
|
-
* @prop {boolean} open
|
|
10
|
-
* @prop {boolean} defaultOpen
|
|
11
|
-
* @prop {(open: boolean) => void} onOpenChange
|
|
12
|
-
* @prop {boolean} modal
|
|
13
|
-
* @prop {string} id
|
|
14
|
-
*/
|
|
15
|
-
export declare function Dialog({ children, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
-
export declare namespace Dialog {
|
|
17
|
-
var Content: ({ children, dimmed, ...props }: ContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
-
var HeadIcon: ({ type }: {
|
|
19
|
-
type?: "alert" | "confirm" | undefined;
|
|
20
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
-
var CloseIcon: () => import("react/jsx-runtime").JSX.Element;
|
|
22
|
-
var Title: ({ children }: {
|
|
23
|
-
children: import("react").ReactNode;
|
|
24
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
var Description: ({ children }: {
|
|
26
|
-
children: import("react").ReactNode;
|
|
27
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
28
|
-
var Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
29
|
-
var Close: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
30
|
-
}
|
|
31
|
-
export {};
|
|
32
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Modals/Dialog/index.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAe9E,UAAU,YAAa,SAAQ,kBAAkB;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAEzD;yBAFe,MAAM"}
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
3
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
4
|
-
import { Root, Portal, Close, Trigger } from '@radix-ui/react-dialog';
|
|
5
|
-
import { PictogramAlert, PictogramCheck, IconClose } from '@remember-web/icon';
|
|
6
|
-
import { Flex } from '../../Common/Flex/index.esm.js';
|
|
7
|
-
import { StyledOverlay, DialogContent, DialogIcon, IconButton, DialogTitle, DialogDescription } from './styles.esm.js';
|
|
8
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
9
|
-
|
|
10
|
-
var _excluded = ["children"],
|
|
11
|
-
_excluded2 = ["children", "dimmed"];
|
|
12
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
14
|
-
/**
|
|
15
|
-
* @prop {React.ReactNode} children
|
|
16
|
-
* @prop {boolean} open
|
|
17
|
-
* @prop {boolean} defaultOpen
|
|
18
|
-
* @prop {(open: boolean) => void} onOpenChange
|
|
19
|
-
* @prop {boolean} modal
|
|
20
|
-
* @prop {string} id
|
|
21
|
-
*/
|
|
22
|
-
function Dialog(_ref) {
|
|
23
|
-
var children = _ref.children,
|
|
24
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
25
|
-
return /*#__PURE__*/jsx(Root, _objectSpread(_objectSpread({}, props), {}, {
|
|
26
|
-
children: children
|
|
27
|
-
}));
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
/**
|
|
31
|
-
* @prop {boolean} dimmed
|
|
32
|
-
* @see https://www.radix-ui.com/docs/primitives/components/dialog
|
|
33
|
-
*/
|
|
34
|
-
Dialog.Content = function (_ref2) {
|
|
35
|
-
var children = _ref2.children,
|
|
36
|
-
_ref2$dimmed = _ref2.dimmed,
|
|
37
|
-
dimmed = _ref2$dimmed === void 0 ? true : _ref2$dimmed,
|
|
38
|
-
props = _objectWithoutProperties(_ref2, _excluded2);
|
|
39
|
-
return /*#__PURE__*/jsxs(Portal, {
|
|
40
|
-
children: [dimmed && /*#__PURE__*/jsx(StyledOverlay, {}), /*#__PURE__*/jsx(DialogContent, _objectSpread(_objectSpread({}, props), {}, {
|
|
41
|
-
children: /*#__PURE__*/jsx(Flex, {
|
|
42
|
-
direction: "column",
|
|
43
|
-
align: "center",
|
|
44
|
-
children: children
|
|
45
|
-
})
|
|
46
|
-
}))]
|
|
47
|
-
});
|
|
48
|
-
};
|
|
49
|
-
Dialog.HeadIcon = function (_ref3) {
|
|
50
|
-
var _ref3$type = _ref3.type,
|
|
51
|
-
type = _ref3$type === void 0 ? 'alert' : _ref3$type;
|
|
52
|
-
return /*#__PURE__*/jsxs(DialogIcon, {
|
|
53
|
-
children: [type === 'alert' && /*#__PURE__*/jsx(PictogramAlert, {
|
|
54
|
-
size: 40
|
|
55
|
-
}), type === 'confirm' && /*#__PURE__*/jsx(PictogramCheck, {
|
|
56
|
-
size: 40
|
|
57
|
-
})]
|
|
58
|
-
});
|
|
59
|
-
};
|
|
60
|
-
Dialog.CloseIcon = function () {
|
|
61
|
-
return /*#__PURE__*/jsx(Close, {
|
|
62
|
-
asChild: true,
|
|
63
|
-
children: /*#__PURE__*/jsx(IconButton, {
|
|
64
|
-
type: "button",
|
|
65
|
-
"aria-label": "Close",
|
|
66
|
-
children: /*#__PURE__*/jsx(IconClose, {
|
|
67
|
-
size: "small"
|
|
68
|
-
})
|
|
69
|
-
})
|
|
70
|
-
});
|
|
71
|
-
};
|
|
72
|
-
Dialog.Title = function (_ref4) {
|
|
73
|
-
var children = _ref4.children;
|
|
74
|
-
return /*#__PURE__*/jsx(DialogTitle, {
|
|
75
|
-
children: children
|
|
76
|
-
});
|
|
77
|
-
};
|
|
78
|
-
Dialog.Description = function (_ref5) {
|
|
79
|
-
var children = _ref5.children;
|
|
80
|
-
return /*#__PURE__*/jsx(DialogDescription, {
|
|
81
|
-
children: children
|
|
82
|
-
});
|
|
83
|
-
};
|
|
84
|
-
Dialog.Trigger = Trigger;
|
|
85
|
-
Dialog.Close = Close;
|
|
86
|
-
|
|
87
|
-
export { Dialog };
|
|
88
|
-
//# sourceMappingURL=index.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":["../../../../src/Modals/Dialog/index.tsx"],"sourcesContent":["'use client';\n\nimport type { DialogContentProps, DialogProps } from '@radix-ui/react-dialog';\nimport { Root, Trigger, Close, Portal } from '@radix-ui/react-dialog';\nimport { IconClose, PictogramAlert, PictogramCheck } from '@remember-web/icon';\n\nimport { Flex } from '@/Common/Flex';\n\nimport {\n DialogContent,\n DialogDescription,\n DialogIcon,\n DialogTitle,\n IconButton,\n StyledOverlay,\n} from './styles';\n\ninterface ContentProps extends DialogContentProps {\n children: React.ReactNode;\n dimmed?: boolean;\n}\n\n/**\n * @prop {React.ReactNode} children\n * @prop {boolean} open\n * @prop {boolean} defaultOpen\n * @prop {(open: boolean) => void} onOpenChange\n * @prop {boolean} modal\n * @prop {string} id\n */\nexport function Dialog({ children, ...props }: DialogProps) {\n return <Root {...props}>{children}</Root>;\n}\n\n/**\n * @prop {boolean} dimmed\n * @see https://www.radix-ui.com/docs/primitives/components/dialog\n */\nDialog.Content = ({ children, dimmed = true, ...props }: ContentProps) => (\n <Portal>\n {dimmed && <StyledOverlay />}\n <DialogContent {...props}>\n <Flex direction=\"column\" align=\"center\">\n {children}\n </Flex>\n </DialogContent>\n </Portal>\n);\n\nDialog.HeadIcon = ({ type = 'alert' }: { type?: 'alert' | 'confirm' }) => (\n <DialogIcon>\n {type === 'alert' && <PictogramAlert size={40} />}\n {type === 'confirm' && <PictogramCheck size={40} />}\n </DialogIcon>\n);\n\nDialog.CloseIcon = () => (\n <Close asChild>\n <IconButton type=\"button\" aria-label=\"Close\">\n <IconClose size=\"small\" />\n </IconButton>\n </Close>\n);\n\nDialog.Title = ({ children }: { children: React.ReactNode }) => (\n <DialogTitle>{children}</DialogTitle>\n);\n\nDialog.Description = ({ children }: { children: React.ReactNode }) => (\n <DialogDescription>{children}</DialogDescription>\n);\n\nDialog.Trigger = Trigger;\nDialog.Close = Close;\n"],"names":["props","children","Dialog","dimmed","direction","align","type","size"],"mappings":";;;;;;;;;AAAa;;AAAA;AAAA;AAsBb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO;AAAqD;AAAtBA;;AACdC;AAAW;AACnC;;AAEA;AACA;AACA;AACA;AACAC;AAAiB;;AAAaC;AAAkBH;;AACvCC;;AAGGG;AAAmBC;AAAcJ;;AAEhC;AACO;AACT;AAGXC;AAAkB;AAAGI;;AACRL;AAC4BM;;AACEA;AAAS;AAAG;AACxC;AAGfL;;;;AAEgBI;AAAc;;AACbC;;;AACA;AACP;AAGVL;AAAe;;AACDD;AAAU;AAAe;AAGvCC;AAAqB;;AACDD;AAAU;AAAqB;AAGnDC;AACAA;;"}
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
|
|
5
|
-
var styled = require('styled-components');
|
|
6
|
-
var DialogPrimitive = require('@radix-ui/react-dialog');
|
|
7
|
-
var mixin = require('@remember-web/mixin');
|
|
8
|
-
|
|
9
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
-
|
|
11
|
-
function _interopNamespace(e) {
|
|
12
|
-
if (e && e.__esModule) return e;
|
|
13
|
-
var n = Object.create(null);
|
|
14
|
-
if (e) {
|
|
15
|
-
Object.keys(e).forEach(function (k) {
|
|
16
|
-
if (k !== 'default') {
|
|
17
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
18
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function () { return e[k]; }
|
|
21
|
-
});
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
}
|
|
25
|
-
n.default = e;
|
|
26
|
-
return Object.freeze(n);
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
|
|
30
|
-
var styled__default = /*#__PURE__*/_interopDefault(styled);
|
|
31
|
-
var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
|
|
32
|
-
|
|
33
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
|
|
34
|
-
var overlayShow = styled.keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n 0% { opacity: 0; }\n 100% { opacity: 1; }\n"])));
|
|
35
|
-
var contentShow = styled.keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default.default(["\n 0% { opacity: 0; transform: translate(-50%, -48%) scale(.96) }\n 100% { opacity: 1; transform: translate(-50%, -50%) scale(1) }\n"])));
|
|
36
|
-
var StyledOverlay = styled__default.default(DialogPrimitive__namespace.Overlay)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default.default(["\n position: fixed;\n inset: 0;\n background-color: rgba(0, 0, 0, 0.3);\n\n @media (prefers-reduced-motion: no-preference) {\n animation: ", " 150ms cubic-bezier(0.16, 1, 0.3, 1);\n }\n"])), overlayShow);
|
|
37
|
-
var DialogContent = styled__default.default(DialogPrimitive__namespace.Content)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral__default.default(["\n box-sizing: border-box;\n background-color: ", ";\n border-radius: 8px;\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 90vw;\n max-width: 360px;\n min-width: 300px;\n max-height: 85vh;\n padding: 32px 24px 24px;\n\n &:focus {\n outline: none;\n }\n\n @media (prefers-reduced-motion: no-preference) {\n animation: ", " 150ms cubic-bezier(0.16, 1, 0.3, 1);\n }\n"])), mixin.primary200, contentShow);
|
|
38
|
-
var DialogIcon = styled__default.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral__default.default(["\n margin-bottom: 16px;\n"])));
|
|
39
|
-
var IconButton = styled__default.default.button(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral__default.default(["\n all: unset;\n height: 16px;\n width: 16px;\n margin: -8px 0 8px 0;\n align-self: flex-end;\n cursor: pointer;\n"])));
|
|
40
|
-
var DialogTitle = styled__default.default(DialogPrimitive__namespace.Title)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral__default.default(["\n ", "\n\n color: ", ";\n margin: 0;\n padding: 0;\n white-space: pre-line;\n"])), mixin.getTypographyStyles('Headline4_B'), mixin.contents000);
|
|
41
|
-
var DialogDescription = styled__default.default(DialogPrimitive__namespace.Description)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral__default.default(["\n ", "\n\n color: ", ";\n margin: 4px 0 24px;\n text-align: center;\n white-space: pre-line;\n"])), mixin.getTypographyStyles('Body1_M'), mixin.contents100);
|
|
42
|
-
|
|
43
|
-
exports.DialogContent = DialogContent;
|
|
44
|
-
exports.DialogDescription = DialogDescription;
|
|
45
|
-
exports.DialogIcon = DialogIcon;
|
|
46
|
-
exports.DialogTitle = DialogTitle;
|
|
47
|
-
exports.IconButton = IconButton;
|
|
48
|
-
exports.StyledOverlay = StyledOverlay;
|
|
49
|
-
exports.contentShow = contentShow;
|
|
50
|
-
exports.overlayShow = overlayShow;
|
|
51
|
-
//# sourceMappingURL=styles.cjs.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.cjs.js","sources":["../../../../src/Modals/Dialog/styles.ts"],"sourcesContent":["'use client';\n\nimport styled, { keyframes } from 'styled-components';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport {\n primary200,\n contents000,\n contents100,\n getTypographyStyles,\n} from '@remember-web/mixin';\n\nexport const overlayShow = keyframes`\n 0% { opacity: 0; }\n 100% { opacity: 1; }\n`;\n\nexport const contentShow = keyframes`\n 0% { opacity: 0; transform: translate(-50%, -48%) scale(.96) }\n 100% { opacity: 1; transform: translate(-50%, -50%) scale(1) }\n`;\n\nexport const StyledOverlay = styled(DialogPrimitive.Overlay)`\n position: fixed;\n inset: 0;\n background-color: rgba(0, 0, 0, 0.3);\n\n @media (prefers-reduced-motion: no-preference) {\n animation: ${overlayShow} 150ms cubic-bezier(0.16, 1, 0.3, 1);\n }\n`;\n\nexport const DialogContent = styled(DialogPrimitive.Content)`\n box-sizing: border-box;\n background-color: ${primary200};\n border-radius: 8px;\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 90vw;\n max-width: 360px;\n min-width: 300px;\n max-height: 85vh;\n padding: 32px 24px 24px;\n\n &:focus {\n outline: none;\n }\n\n @media (prefers-reduced-motion: no-preference) {\n animation: ${contentShow} 150ms cubic-bezier(0.16, 1, 0.3, 1);\n }\n`;\n\nexport const DialogIcon = styled.div`\n margin-bottom: 16px;\n`;\n\nexport const IconButton = styled.button`\n all: unset;\n height: 16px;\n width: 16px;\n margin: -8px 0 8px 0;\n align-self: flex-end;\n cursor: pointer;\n`;\n\nexport const DialogTitle = styled(DialogPrimitive.Title)`\n ${getTypographyStyles('Headline4_B')}\n\n color: ${contents000};\n margin: 0;\n padding: 0;\n white-space: pre-line;\n`;\n\nexport const DialogDescription = styled(DialogPrimitive.Description)`\n ${getTypographyStyles('Body1_M')}\n\n color: ${contents100};\n margin: 4px 0 24px;\n text-align: center;\n white-space: pre-line;\n`;\n"],"names":["DialogIcon","IconButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAa;AAWN;AAKA;;;AAsCMA;AAIAC;AASN;AASA;;;;;;;;;"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
3
|
-
export declare const overlayShow: import("styled-components/dist/models/Keyframes").default;
|
|
4
|
-
export declare const contentShow: import("styled-components/dist/models/Keyframes").default;
|
|
5
|
-
export declare const StyledOverlay: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<DialogPrimitive.DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
6
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
7
|
-
}, never>> & Omit<import("react").ForwardRefExoticComponent<DialogPrimitive.DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
|
|
8
|
-
export declare const DialogContent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<DialogPrimitive.DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
9
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
10
|
-
}, never>> & Omit<import("react").ForwardRefExoticComponent<DialogPrimitive.DialogContentProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
|
|
11
|
-
export declare const DialogIcon: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
12
|
-
export declare const IconButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>;
|
|
13
|
-
export declare const DialogTitle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & {
|
|
14
|
-
ref?: ((instance: HTMLHeadingElement | null) => void) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
|
|
15
|
-
}, never>> & Omit<import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>, keyof import("react").Component<any, {}, any>>;
|
|
16
|
-
export declare const DialogDescription: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & {
|
|
17
|
-
ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
|
|
18
|
-
}, never>> & Omit<import("react").ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>, keyof import("react").Component<any, {}, any>>;
|
|
19
|
-
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Modals/Dialog/styles.ts"],"names":[],"mappings":";AAGA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAQ1D,eAAO,MAAM,WAAW,2DAGvB,CAAC;AAEF,eAAO,MAAM,WAAW,2DAGvB,CAAC;AAEF,eAAO,MAAM,aAAa;;+LAQzB,CAAC;AAEF,eAAO,MAAM,aAAa;;+LAqBzB,CAAC;AAEF,eAAO,MAAM,UAAU,gNAEtB,CAAC;AAEF,eAAO,MAAM,UAAU,4NAOtB,CAAC;AAEF,eAAO,MAAM,WAAW;;iMAOvB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;yMAO7B,CAAC"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
|
|
3
|
-
import styled, { keyframes } from 'styled-components';
|
|
4
|
-
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
5
|
-
import { primary200, getTypographyStyles, contents000, contents100 } from '@remember-web/mixin';
|
|
6
|
-
|
|
7
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
|
|
8
|
-
var overlayShow = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 0% { opacity: 0; }\n 100% { opacity: 1; }\n"])));
|
|
9
|
-
var contentShow = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n 0% { opacity: 0; transform: translate(-50%, -48%) scale(.96) }\n 100% { opacity: 1; transform: translate(-50%, -50%) scale(1) }\n"])));
|
|
10
|
-
var StyledOverlay = styled(DialogPrimitive.Overlay)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n position: fixed;\n inset: 0;\n background-color: rgba(0, 0, 0, 0.3);\n\n @media (prefers-reduced-motion: no-preference) {\n animation: ", " 150ms cubic-bezier(0.16, 1, 0.3, 1);\n }\n"])), overlayShow);
|
|
11
|
-
var DialogContent = styled(DialogPrimitive.Content)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n box-sizing: border-box;\n background-color: ", ";\n border-radius: 8px;\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 90vw;\n max-width: 360px;\n min-width: 300px;\n max-height: 85vh;\n padding: 32px 24px 24px;\n\n &:focus {\n outline: none;\n }\n\n @media (prefers-reduced-motion: no-preference) {\n animation: ", " 150ms cubic-bezier(0.16, 1, 0.3, 1);\n }\n"])), primary200, contentShow);
|
|
12
|
-
var DialogIcon = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n margin-bottom: 16px;\n"])));
|
|
13
|
-
var IconButton = styled.button(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n all: unset;\n height: 16px;\n width: 16px;\n margin: -8px 0 8px 0;\n align-self: flex-end;\n cursor: pointer;\n"])));
|
|
14
|
-
var DialogTitle = styled(DialogPrimitive.Title)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n ", "\n\n color: ", ";\n margin: 0;\n padding: 0;\n white-space: pre-line;\n"])), getTypographyStyles('Headline4_B'), contents000);
|
|
15
|
-
var DialogDescription = styled(DialogPrimitive.Description)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n ", "\n\n color: ", ";\n margin: 4px 0 24px;\n text-align: center;\n white-space: pre-line;\n"])), getTypographyStyles('Body1_M'), contents100);
|
|
16
|
-
|
|
17
|
-
export { DialogContent, DialogDescription, DialogIcon, DialogTitle, IconButton, StyledOverlay, contentShow, overlayShow };
|
|
18
|
-
//# sourceMappingURL=styles.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.esm.js","sources":["../../../../src/Modals/Dialog/styles.ts"],"sourcesContent":["'use client';\n\nimport styled, { keyframes } from 'styled-components';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport {\n primary200,\n contents000,\n contents100,\n getTypographyStyles,\n} from '@remember-web/mixin';\n\nexport const overlayShow = keyframes`\n 0% { opacity: 0; }\n 100% { opacity: 1; }\n`;\n\nexport const contentShow = keyframes`\n 0% { opacity: 0; transform: translate(-50%, -48%) scale(.96) }\n 100% { opacity: 1; transform: translate(-50%, -50%) scale(1) }\n`;\n\nexport const StyledOverlay = styled(DialogPrimitive.Overlay)`\n position: fixed;\n inset: 0;\n background-color: rgba(0, 0, 0, 0.3);\n\n @media (prefers-reduced-motion: no-preference) {\n animation: ${overlayShow} 150ms cubic-bezier(0.16, 1, 0.3, 1);\n }\n`;\n\nexport const DialogContent = styled(DialogPrimitive.Content)`\n box-sizing: border-box;\n background-color: ${primary200};\n border-radius: 8px;\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 90vw;\n max-width: 360px;\n min-width: 300px;\n max-height: 85vh;\n padding: 32px 24px 24px;\n\n &:focus {\n outline: none;\n }\n\n @media (prefers-reduced-motion: no-preference) {\n animation: ${contentShow} 150ms cubic-bezier(0.16, 1, 0.3, 1);\n }\n`;\n\nexport const DialogIcon = styled.div`\n margin-bottom: 16px;\n`;\n\nexport const IconButton = styled.button`\n all: unset;\n height: 16px;\n width: 16px;\n margin: -8px 0 8px 0;\n align-self: flex-end;\n cursor: pointer;\n`;\n\nexport const DialogTitle = styled(DialogPrimitive.Title)`\n ${getTypographyStyles('Headline4_B')}\n\n color: ${contents000};\n margin: 0;\n padding: 0;\n white-space: pre-line;\n`;\n\nexport const DialogDescription = styled(DialogPrimitive.Description)`\n ${getTypographyStyles('Body1_M')}\n\n color: ${contents100};\n margin: 4px 0 24px;\n text-align: center;\n white-space: pre-line;\n`;\n"],"names":["DialogIcon","IconButton"],"mappings":";;;;;;AAAa;AAWN;AAKA;;;AAsCMA;AAIAC;AASN;AASA;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Modals/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|