react-modern-audio-player 0.0.2 → 0.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +53 -0
- package/dist/index.cjs +102 -85
- package/dist/index.css +1 -1
- package/dist/index.es.js +703 -3381
- package/dist/types/components/AudioPlayer/Context/StateContext/placement.d.ts +1 -1
- package/dist/types/components/AudioPlayer/Interface/Controller/Button/VolumeTriggerBtn.d.ts +1 -0
- package/dist/types/components/AudioPlayer/Interface/Controller/Button/index.d.ts +1 -0
- package/dist/types/components/AudioPlayer/Interface/Controller/Tooltip/Volume/Content.d.ts +3 -3
- package/dist/types/components/AudioPlayer/Player.d.ts +5 -3
- package/dist/types/components/Drawer/Drawer.d.ts +2 -5
- package/dist/types/components/Drawer/DrawerContent.d.ts +2 -3
- package/dist/types/components/Dropdown/Dropdown.d.ts +18 -0
- package/dist/types/components/Dropdown/DropdownContent.d.ts +10 -0
- package/dist/types/components/Dropdown/DropdownContext.d.ts +8 -0
- package/dist/types/components/Dropdown/DropdownTrigger.d.ts +2 -0
- package/dist/types/components/Dropdown/index.d.ts +3 -0
- package/dist/types/components/Dropdown/useDropdown.d.ts +9 -0
- package/dist/types/hooks/useClickOutside.d.ts +3 -0
- package/package.json +1 -3
- package/dist/types/components/AudioPlayer/Interface/Controller/Tooltip/Volume/Trigger.d.ts +0 -1
package/README.md
ADDED
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
# deploy on 0.0.3 for test
|
|
2
|
+
|
|
3
|
+
## Override Style
|
|
4
|
+
|
|
5
|
+
### Icon Imgs
|
|
6
|
+
use icon module - `react-icons`
|
|
7
|
+
- pass by props `iconImgs`
|
|
8
|
+
|
|
9
|
+
### ID
|
|
10
|
+
- rs-audio-player-audio
|
|
11
|
+
|
|
12
|
+
### classnames
|
|
13
|
+
- playlist classnames
|
|
14
|
+
- play-list-trigger-container
|
|
15
|
+
- sortable-play-list-content-container (root)
|
|
16
|
+
- sortable-list
|
|
17
|
+
- list-item-root
|
|
18
|
+
- list-item-container
|
|
19
|
+
- album-cover-wrapper
|
|
20
|
+
- album-info-wrapper
|
|
21
|
+
- list-item-root dragstart
|
|
22
|
+
- list-item-root dragover
|
|
23
|
+
|
|
24
|
+
- interface classnames
|
|
25
|
+
- interface-container
|
|
26
|
+
- interface-grid
|
|
27
|
+
|
|
28
|
+
### color variables
|
|
29
|
+
- --rs-audio-player-volume-fill
|
|
30
|
+
- --rs-audio-player-volume-track
|
|
31
|
+
- --rs-audio-player-volume-thumb
|
|
32
|
+
- --rs-audio-player-volume-background
|
|
33
|
+
- --rs-audio-player-volume-panel-background
|
|
34
|
+
- --rs-audio-player-volume-panel-border
|
|
35
|
+
- --rs-audio-player-track-current-time-color
|
|
36
|
+
- --rs-audio-player-track-duration-color
|
|
37
|
+
- --rs-audio-player-progress-color
|
|
38
|
+
- --rs-audio-player-selected-list-item-background
|
|
39
|
+
|
|
40
|
+
## UI Placement
|
|
41
|
+
|
|
42
|
+
## flexible and customable UI
|
|
43
|
+
it can offer variant UI and you can also place each component easily
|
|
44
|
+
`Volume Tooltip` is wrapped with `tooltip` of `react-spectrum`
|
|
45
|
+
|
|
46
|
+
### Theme mode
|
|
47
|
+
it apply color-theme from `system-theme`
|
|
48
|
+
and you can customize color-theme from `css-variable` of `theme-default` of `react-spectrum`
|
|
49
|
+
|
|
50
|
+
### grid item custom area
|
|
51
|
+
progress = 2-4
|
|
52
|
+
playBtn = 2-4
|
|
53
|
+
repeatBtn = row1-4 / 2 / row1-4 / 10
|