@react95/core 8.0.0-alpha.1 → 8.0.0-alpha.11
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 +18 -42
- package/cjs/Alert/{Alert.js → Alert.cjs} +3 -3
- package/cjs/Alert/{Alert.css.js → Alert.css.cjs} +1 -1
- package/cjs/Avatar/Avatar.cjs +9 -0
- package/cjs/Avatar/{Avatar.css.js → Avatar.css.cjs} +1 -1
- package/cjs/Button/{Button.js → Button.cjs} +3 -3
- package/cjs/Button/{Button.css.js → Button.css.cjs} +1 -1
- package/cjs/Checkbox/{Checkbox.js → Checkbox.cjs} +1 -1
- package/cjs/Checkbox/{Checkbox.css.js → Checkbox.css.cjs} +1 -1
- package/cjs/Cursor/Cursor.css.cjs +5 -0
- package/cjs/Dropdown/{Dropdown.js → Dropdown.cjs} +4 -4
- package/cjs/Dropdown/{Dropdown.css.js → Dropdown.css.cjs} +1 -1
- package/cjs/Fieldset/{Fieldset.js → Fieldset.cjs} +3 -3
- package/cjs/Fieldset/{Fieldset.css.js → Fieldset.css.cjs} +1 -1
- package/cjs/Frame/{Frame.js → Frame.cjs} +3 -2
- package/cjs/Frame/Frame.css.cjs +48 -0
- package/cjs/Frame/Frame.css.ts.vanilla.css +399 -0
- package/cjs/GlobalStyle/{GlobalStyle.css.js → GlobalStyle.css.cjs} +1 -1
- package/cjs/{GlobalStyle.js → GlobalStyle.cjs} +1 -1
- package/cjs/Input/Input.cjs +7 -0
- package/cjs/Input/{Input.css.js → Input.css.cjs} +1 -1
- package/cjs/List/List.cjs +14 -0
- package/cjs/List/{List.css.js → List.css.cjs} +1 -1
- package/cjs/List/ListDivider.cjs +9 -0
- package/cjs/List/{ListItem.js → ListItem.cjs} +2 -2
- package/cjs/Modal/Modal.cjs +132 -0
- package/cjs/Modal/{Modal.css.js → Modal.css.cjs} +1 -1
- package/cjs/Modal/{ModalProvider.js → ModalProvider.cjs} +7 -22
- package/cjs/ProgressBar/{ProgressBar.js → ProgressBar.cjs} +2 -2
- package/cjs/ProgressBar/{ProgressBar.css.js → ProgressBar.css.cjs} +1 -1
- package/cjs/RadioButton/{RadioButton.js → RadioButton.cjs} +1 -1
- package/cjs/RadioButton/{RadioButton.css.js → RadioButton.css.cjs} +1 -1
- package/cjs/Range/Range.cjs +17 -0
- package/cjs/Range/{Range.css.js → Range.css.cjs} +1 -1
- package/cjs/Tabs/{Tab.js → Tab.cjs} +2 -2
- package/cjs/Tabs/{Tabs.js → Tabs.cjs} +19 -22
- package/cjs/Tabs/{Tabs.css.js → Tabs.css.cjs} +1 -1
- package/cjs/TaskBar/{Clock.js → Clock.cjs} +3 -3
- package/cjs/TaskBar/{TaskBar.js → TaskBar.cjs} +5 -5
- package/cjs/TaskBar/{TaskBar.css.js → TaskBar.css.cjs} +1 -1
- package/cjs/TaskBar/TaskBar.css.ts.vanilla.css +1 -0
- package/cjs/TaskBar/{WindowButton.js → WindowButton.cjs} +1 -1
- package/cjs/TextArea/TextArea.cjs +9 -0
- package/cjs/TitleBar/{TitleBar.js → TitleBar.cjs} +13 -11
- package/cjs/TitleBar/{TitleBar.css.js → TitleBar.css.cjs} +1 -1
- package/cjs/Tooltip/{Tooltip.js → Tooltip.cjs} +6 -23
- package/cjs/Tooltip/{Tooltip.css.js → Tooltip.css.cjs} +1 -1
- package/cjs/Tree/Node.cjs +122 -0
- package/cjs/Tree/{Tree.js → Tree.cjs} +3 -3
- package/cjs/Tree/{Tree.css.js → Tree.css.cjs} +1 -1
- package/cjs/Tree/Tree.css.ts.vanilla.css +1 -1
- package/cjs/Video/{Video.js → Video.cjs} +37 -53
- package/cjs/Video/{Video.css.js → Video.css.cjs} +1 -1
- package/cjs/Video/buttons/Fullscreen.cjs +22 -0
- package/cjs/Video/buttons/Pause.cjs +16 -0
- package/cjs/Video/buttons/Play.cjs +16 -0
- package/cjs/Video/buttons/Stop.cjs +15 -0
- package/cjs/index.cjs +50 -0
- package/cjs/themes/{azureOrange.css.js → azureOrange.css.cjs} +1 -1
- package/cjs/themes/{bee.css.js → bee.css.cjs} +1 -1
- package/cjs/themes/{blackAndWhite.css.js → blackAndWhite.css.cjs} +1 -1
- package/cjs/themes/{brick.css.js → brick.css.cjs} +1 -1
- package/cjs/themes/{candy.css.js → candy.css.cjs} +1 -1
- package/cjs/themes/{coldGray.css.js → coldGray.css.cjs} +1 -1
- package/cjs/themes/{counterStrike.css.js → counterStrike.css.cjs} +1 -1
- package/cjs/themes/{eggplant.css.js → eggplant.css.cjs} +1 -1
- package/cjs/themes/{highContrast.css.js → highContrast.css.cjs} +1 -1
- package/cjs/themes/{lilac.css.js → lilac.css.cjs} +1 -1
- package/cjs/themes/{lilacRoseDark.css.js → lilacRoseDark.css.cjs} +1 -1
- package/cjs/themes/{maple.css.js → maple.css.cjs} +1 -1
- package/cjs/themes/{marine.css.js → marine.css.cjs} +1 -1
- package/cjs/themes/{matrix.css.js → matrix.css.cjs} +1 -1
- package/cjs/themes/{millenium.css.js → millenium.css.cjs} +1 -1
- package/cjs/themes/{modernDark.css.js → modernDark.css.cjs} +1 -1
- package/cjs/themes/{molecule.css.js → molecule.css.cjs} +1 -1
- package/cjs/themes/{ninjaTurtles.css.js → ninjaTurtles.css.cjs} +1 -1
- package/cjs/themes/{olive.css.js → olive.css.cjs} +1 -1
- package/cjs/themes/{pamelaAnderson.css.js → pamelaAnderson.css.cjs} +1 -1
- package/cjs/themes/{plum.css.js → plum.css.cjs} +1 -1
- package/cjs/themes/{rainyDay.css.js → rainyDay.css.cjs} +1 -1
- package/cjs/themes/{rose.css.js → rose.css.cjs} +1 -1
- package/cjs/themes/{slate.css.js → slate.css.cjs} +1 -1
- package/cjs/themes/{spruce.css.js → spruce.css.cjs} +1 -1
- package/cjs/themes/{storm.css.js → storm.css.cjs} +1 -1
- package/cjs/themes/{theSixtiesUSA.css.js → theSixtiesUSA.css.cjs} +1 -1
- package/cjs/themes/{tokyoDark.css.js → tokyoDark.css.cjs} +1 -1
- package/cjs/themes/{tooSexy.css.js → tooSexy.css.cjs} +1 -1
- package/cjs/themes/{travel.css.js → travel.css.cjs} +1 -1
- package/cjs/themes/{vaporTeal.css.js → vaporTeal.css.cjs} +1 -1
- package/cjs/themes/{vermillion.css.js → vermillion.css.cjs} +1 -1
- package/cjs/themes/{violetDark.css.js → violetDark.css.cjs} +1 -1
- package/cjs/themes/{water.css.js → water.css.cjs} +1 -1
- package/cjs/themes/{win95.css.js → win95.css.cjs} +1 -1
- package/cjs/themes.cjs +72 -0
- package/esm/Alert/{Alert.css.js → Alert.css.mjs} +1 -1
- package/esm/Alert/Alert.mjs +43 -0
- package/esm/Avatar/{Avatar.css.js → Avatar.css.mjs} +1 -1
- package/esm/Avatar/{Avatar.js → Avatar.mjs} +4 -4
- package/esm/Button/Button.css.mjs +5 -0
- package/esm/Button/Button.mjs +20 -0
- package/esm/Checkbox/{Checkbox.css.js → Checkbox.css.mjs} +1 -1
- package/esm/Checkbox/Checkbox.mjs +17 -0
- package/esm/Cursor/Cursor.css.mjs +5 -0
- package/esm/Dropdown/{Dropdown.css.js → Dropdown.css.mjs} +1 -1
- package/esm/Dropdown/Dropdown.mjs +20 -0
- package/esm/Fieldset/{Fieldset.css.js → Fieldset.css.mjs} +1 -1
- package/esm/Fieldset/Fieldset.mjs +9 -0
- package/esm/Frame/Frame.css.mjs +48 -0
- package/esm/Frame/Frame.css.ts.vanilla.css +399 -0
- package/esm/Frame/{Frame.js → Frame.mjs} +5 -4
- package/esm/GlobalStyle/GlobalStyle.css.mjs +2 -0
- package/esm/{GlobalStyle.js → GlobalStyle.mjs} +1 -1
- package/esm/Input/Input.css.mjs +5 -0
- package/esm/Input/Input.mjs +7 -0
- package/esm/List/{List.css.js → List.css.mjs} +1 -1
- package/esm/List/List.mjs +14 -0
- package/esm/List/ListDivider.mjs +9 -0
- package/esm/List/ListItem.mjs +12 -0
- package/esm/Modal/{Modal.css.js → Modal.css.mjs} +1 -1
- package/esm/Modal/{Modal.js → Modal.mjs} +16 -18
- package/esm/Modal/{ModalProvider.js → ModalProvider.mjs} +7 -5
- package/esm/ProgressBar/{ProgressBar.css.js → ProgressBar.css.mjs} +1 -1
- package/esm/ProgressBar/ProgressBar.mjs +20 -0
- package/esm/RadioButton/{RadioButton.css.js → RadioButton.css.mjs} +1 -1
- package/esm/RadioButton/RadioButton.mjs +17 -0
- package/esm/Range/Range.css.mjs +5 -0
- package/esm/Range/Range.mjs +17 -0
- package/esm/Tabs/Tab.mjs +18 -0
- package/esm/Tabs/{Tabs.css.js → Tabs.css.mjs} +1 -1
- package/esm/Tabs/Tabs.mjs +47 -0
- package/esm/TaskBar/{Clock.js → Clock.mjs} +6 -6
- package/esm/TaskBar/{TaskBar.css.js → TaskBar.css.mjs} +1 -1
- package/esm/TaskBar/TaskBar.css.ts.vanilla.css +1 -0
- package/esm/TaskBar/{TaskBar.js → TaskBar.mjs} +14 -14
- package/esm/TaskBar/WindowButton.mjs +17 -0
- package/esm/TextArea/TextArea.mjs +9 -0
- package/esm/TitleBar/{TitleBar.css.js → TitleBar.css.mjs} +1 -1
- package/esm/TitleBar/TitleBar.mjs +47 -0
- package/esm/Tooltip/{Tooltip.css.js → Tooltip.css.mjs} +1 -1
- package/esm/Tooltip/{Tooltip.js → Tooltip.mjs} +5 -5
- package/esm/Tree/{Node.js → Node.mjs} +4 -4
- package/esm/Tree/{Tree.css.js → Tree.css.mjs} +1 -1
- package/esm/Tree/Tree.css.ts.vanilla.css +1 -1
- package/esm/Tree/Tree.mjs +16 -0
- package/esm/Video/{Video.css.js → Video.css.mjs} +1 -1
- package/esm/Video/{Video.js → Video.mjs} +23 -22
- package/esm/Video/buttons/{Fullscreen.js → Fullscreen.mjs} +1 -1
- package/esm/Video/buttons/{Pause.js → Pause.mjs} +1 -1
- package/esm/Video/buttons/{Play.js → Play.mjs} +1 -1
- package/esm/Video/buttons/{Stop.js → Stop.mjs} +1 -1
- package/esm/index.mjs +50 -0
- package/esm/themes/azureOrange.css.mjs +2 -0
- package/esm/themes/bee.css.mjs +2 -0
- package/esm/themes/blackAndWhite.css.mjs +2 -0
- package/esm/themes/brick.css.mjs +2 -0
- package/esm/themes/candy.css.mjs +2 -0
- package/esm/themes/coldGray.css.mjs +2 -0
- package/esm/themes/counterStrike.css.mjs +2 -0
- package/esm/themes/eggplant.css.mjs +2 -0
- package/esm/themes/highContrast.css.mjs +2 -0
- package/esm/themes/lilac.css.mjs +2 -0
- package/esm/themes/lilacRoseDark.css.mjs +2 -0
- package/esm/themes/maple.css.mjs +2 -0
- package/esm/themes/marine.css.mjs +2 -0
- package/esm/themes/matrix.css.mjs +2 -0
- package/esm/themes/millenium.css.mjs +2 -0
- package/esm/themes/modernDark.css.mjs +2 -0
- package/esm/themes/molecule.css.mjs +2 -0
- package/esm/themes/ninjaTurtles.css.mjs +2 -0
- package/esm/themes/olive.css.mjs +2 -0
- package/esm/themes/pamelaAnderson.css.mjs +2 -0
- package/esm/themes/plum.css.mjs +2 -0
- package/esm/themes/rainyDay.css.mjs +2 -0
- package/esm/themes/rose.css.mjs +2 -0
- package/esm/themes/slate.css.mjs +2 -0
- package/esm/themes/spruce.css.mjs +2 -0
- package/esm/themes/storm.css.mjs +2 -0
- package/esm/themes/theSixtiesUSA.css.mjs +2 -0
- package/esm/themes/tokyoDark.css.mjs +2 -0
- package/esm/themes/tooSexy.css.mjs +2 -0
- package/esm/themes/travel.css.mjs +2 -0
- package/esm/themes/vaporTeal.css.mjs +2 -0
- package/esm/themes/vermillion.css.mjs +2 -0
- package/esm/themes/violetDark.css.mjs +2 -0
- package/esm/themes/water.css.mjs +2 -0
- package/esm/themes/win95.css.mjs +2 -0
- package/esm/themes.mjs +72 -0
- package/package.json +20 -11
- package/types/Avatar/Avatar.d.ts +9 -0
- package/types/Button/Button.d.ts +7 -0
- package/{@types → types}/Checkbox/Checkbox.d.ts +3 -2
- package/{@types → types}/Dropdown/Dropdown.d.ts +2 -1
- package/{@types → types}/Fieldset/Fieldset.d.ts +2 -1
- package/{@types/Frame/sprinkles.css.d.ts → types/Frame/Frame.css.d.ts} +141 -116
- package/{@types → types}/Frame/Frame.d.ts +10 -7
- package/{@types → types}/Frame/props.d.ts +1 -1
- package/{@types → types}/Input/Input.d.ts +1 -1
- package/{@types → types}/List/ListItem.d.ts +3 -2
- package/{@types → types}/Modal/Modal.d.ts +8 -8
- package/{@types → types}/Modal/ModalContext.d.ts +2 -2
- package/types/Modal/ModalProvider.d.ts +3 -0
- package/types/ProgressBar/ProgressBar.d.ts +9 -0
- package/{@types → types}/RadioButton/RadioButton.d.ts +2 -1
- package/{@types → types}/Range/Range.d.ts +1 -1
- package/{@types → types}/Tabs/Tab.d.ts +3 -2
- package/{@types → types}/Tabs/Tabs.d.ts +3 -2
- package/{@types → types}/TaskBar/TaskBar.d.ts +2 -1
- package/{@types → types}/TaskBar/WindowButton.d.ts +2 -1
- package/{@types → types}/TextArea/TextArea.d.ts +1 -1
- package/{@types → types}/TitleBar/TitleBar.d.ts +5 -4
- package/{@types → types}/Tooltip/Tooltip.d.ts +3 -2
- package/{@types → types}/Tree/Node.d.ts +7 -6
- package/{@types → types}/Tree/Tree.d.ts +2 -2
- package/types/Video/Video.d.ts +17 -0
- package/types/Video/buttons/Fullscreen.d.ts +4 -0
- package/types/Video/buttons/Pause.d.ts +4 -0
- package/types/Video/buttons/Play.d.ts +4 -0
- package/types/Video/buttons/Stop.d.ts +4 -0
- package/{@types → types}/themes/all.d.ts +30 -30
- package/@types/Avatar/Avatar.d.ts +0 -6
- package/@types/Button/Button.d.ts +0 -4
- package/@types/Modal/ModalProvider.d.ts +0 -3
- package/@types/ProgressBar/ProgressBar.d.ts +0 -6
- package/@types/Video/Video.d.ts +0 -16
- package/@types/Video/buttons/Fullscreen.d.ts +0 -3
- package/@types/Video/buttons/Pause.d.ts +0 -3
- package/@types/Video/buttons/Play.d.ts +0 -3
- package/@types/Video/buttons/Stop.d.ts +0 -3
- package/cjs/Avatar/Avatar.js +0 -26
- package/cjs/Cursor/Cursor.css.js +0 -5
- package/cjs/Frame/sprinkles.css.js +0 -47
- package/cjs/Input/Input.js +0 -26
- package/cjs/List/List.js +0 -16
- package/cjs/List/ListDivider.js +0 -19
- package/cjs/Modal/Modal.js +0 -151
- package/cjs/Range/Range.js +0 -36
- package/cjs/TextArea/TextArea.js +0 -26
- package/cjs/Tree/Node.js +0 -139
- package/cjs/Video/buttons/Fullscreen.js +0 -39
- package/cjs/Video/buttons/Pause.js +0 -33
- package/cjs/Video/buttons/Play.js +0 -33
- package/cjs/Video/buttons/Stop.js +0 -32
- package/cjs/index.js +0 -50
- package/cjs/theme.js +0 -72
- package/cjs/themes/sprinkles.css.ts.vanilla.css +0 -399
- package/esm/Alert/Alert.js +0 -43
- package/esm/Button/Button.css.js +0 -5
- package/esm/Button/Button.js +0 -20
- package/esm/Checkbox/Checkbox.js +0 -17
- package/esm/Cursor/Cursor.css.js +0 -5
- package/esm/Dropdown/Dropdown.js +0 -20
- package/esm/Fieldset/Fieldset.js +0 -9
- package/esm/Frame/sprinkles.css.js +0 -47
- package/esm/GlobalStyle/GlobalStyle.css.js +0 -2
- package/esm/Input/Input.css.js +0 -5
- package/esm/Input/Input.js +0 -9
- package/esm/List/List.js +0 -16
- package/esm/List/ListDivider.js +0 -19
- package/esm/List/ListItem.js +0 -12
- package/esm/ProgressBar/ProgressBar.js +0 -20
- package/esm/RadioButton/RadioButton.js +0 -17
- package/esm/Range/Range.css.js +0 -5
- package/esm/Range/Range.js +0 -19
- package/esm/Tabs/Tab.js +0 -18
- package/esm/Tabs/Tabs.js +0 -50
- package/esm/TaskBar/WindowButton.js +0 -17
- package/esm/TextArea/TextArea.js +0 -9
- package/esm/TitleBar/TitleBar.js +0 -45
- package/esm/Tree/Tree.js +0 -16
- package/esm/index.js +0 -50
- package/esm/theme.js +0 -72
- package/esm/themes/azureOrange.css.js +0 -2
- package/esm/themes/bee.css.js +0 -2
- package/esm/themes/blackAndWhite.css.js +0 -2
- package/esm/themes/brick.css.js +0 -2
- package/esm/themes/candy.css.js +0 -2
- package/esm/themes/coldGray.css.js +0 -2
- package/esm/themes/counterStrike.css.js +0 -2
- package/esm/themes/eggplant.css.js +0 -2
- package/esm/themes/highContrast.css.js +0 -2
- package/esm/themes/lilac.css.js +0 -2
- package/esm/themes/lilacRoseDark.css.js +0 -2
- package/esm/themes/maple.css.js +0 -2
- package/esm/themes/marine.css.js +0 -2
- package/esm/themes/matrix.css.js +0 -2
- package/esm/themes/millenium.css.js +0 -2
- package/esm/themes/modernDark.css.js +0 -2
- package/esm/themes/molecule.css.js +0 -2
- package/esm/themes/ninjaTurtles.css.js +0 -2
- package/esm/themes/olive.css.js +0 -2
- package/esm/themes/pamelaAnderson.css.js +0 -2
- package/esm/themes/plum.css.js +0 -2
- package/esm/themes/rainyDay.css.js +0 -2
- package/esm/themes/rose.css.js +0 -2
- package/esm/themes/slate.css.js +0 -2
- package/esm/themes/sprinkles.css.ts.vanilla.css +0 -399
- package/esm/themes/spruce.css.js +0 -2
- package/esm/themes/storm.css.js +0 -2
- package/esm/themes/theSixtiesUSA.css.js +0 -2
- package/esm/themes/tokyoDark.css.js +0 -2
- package/esm/themes/tooSexy.css.js +0 -2
- package/esm/themes/travel.css.js +0 -2
- package/esm/themes/vaporTeal.css.js +0 -2
- package/esm/themes/vermillion.css.js +0 -2
- package/esm/themes/violetDark.css.js +0 -2
- package/esm/themes/water.css.js +0 -2
- package/esm/themes/win95.css.js +0 -2
- package/cjs/Alert/assets/{chord.mp3.js → chord.mp3.cjs} +0 -0
- package/cjs/Modal/{ModalContext.js → ModalContext.cjs} +0 -0
- package/cjs/Modal/{close.svg.js → close.svg.cjs} +0 -0
- package/cjs/Modal/{help.svg.js → help.svg.cjs} +0 -0
- package/esm/Alert/assets/{chord.mp3.js → chord.mp3.mjs} +0 -0
- package/esm/Modal/{ModalContext.js → ModalContext.mjs} +0 -0
- package/esm/Modal/{close.svg.js → close.svg.mjs} +0 -0
- package/esm/Modal/{help.svg.js → help.svg.mjs} +0 -0
- package/{@types → types}/Alert/Alert.css.d.ts +0 -0
- package/{@types → types}/Alert/Alert.d.ts +0 -0
- package/{@types → types}/Avatar/Avatar.css.d.ts +0 -0
- package/{@types → types}/Button/Button.css.d.ts +0 -0
- package/{@types → types}/Checkbox/Checkbox.css.d.ts +0 -0
- package/{@types → types}/Cursor/Cursor.css.d.ts +0 -0
- package/{@types → types}/Dropdown/Dropdown.css.d.ts +0 -0
- package/{@types → types}/Fieldset/Fieldset.css.d.ts +0 -0
- package/{@types → types}/Input/Input.css.d.ts +0 -0
- package/{@types → types}/List/List.css.d.ts +0 -0
- package/{@types → types}/List/List.d.ts +1 -1
- /package/{@types → types}/List/ListDivider.d.ts +0 -0
- /package/{@types → types}/Modal/Modal.css.d.ts +0 -0
- /package/{@types → types}/ProgressBar/ProgressBar.css.d.ts +0 -0
- /package/{@types → types}/RadioButton/RadioButton.css.d.ts +0 -0
- /package/{@types → types}/RadioButton/radioButtonStates.d.ts +0 -0
- /package/{@types → types}/Range/Range.css.d.ts +0 -0
- /package/{@types → types}/Tabs/Tabs.css.d.ts +0 -0
- /package/{@types → types}/TaskBar/Clock.d.ts +0 -0
- /package/{@types → types}/TaskBar/TaskBar.css.d.ts +0 -0
- /package/{@types → types}/TitleBar/TitleBar.css.d.ts +0 -0
- /package/{@types → types}/Tooltip/Tooltip.css.d.ts +0 -0
- /package/{@types → types}/Tree/Tree.css.d.ts +0 -0
- /package/{@types → types}/Video/Video.css.d.ts +0 -0
- /package/{@types → types}/Video/buttons/index.d.ts +0 -0
- /package/{@types → types}/index.d.ts +0 -0
- /package/{@types → types}/shared/font-names.d.ts +0 -0
- /package/{@types → types}/themes/azureOrange.css.d.ts +0 -0
- /package/{@types → types}/themes/baseTheme.d.ts +0 -0
- /package/{@types → types}/themes/bee.css.d.ts +0 -0
- /package/{@types → types}/themes/blackAndWhite.css.d.ts +0 -0
- /package/{@types → types}/themes/brick.css.d.ts +0 -0
- /package/{@types → types}/themes/candy.css.d.ts +0 -0
- /package/{@types → types}/themes/coldGray.css.d.ts +0 -0
- /package/{@types → types}/themes/contract.css.d.ts +0 -0
- /package/{@types → types}/themes/counterStrike.css.d.ts +0 -0
- /package/{@types → types}/themes/eggplant.css.d.ts +0 -0
- /package/{@types → types}/themes/highContrast.css.d.ts +0 -0
- /package/{@types → types}/themes/lilac.css.d.ts +0 -0
- /package/{@types → types}/themes/lilacRoseDark.css.d.ts +0 -0
- /package/{@types → types}/themes/maple.css.d.ts +0 -0
- /package/{@types → types}/themes/marine.css.d.ts +0 -0
- /package/{@types → types}/themes/matrix.css.d.ts +0 -0
- /package/{@types → types}/themes/millenium.css.d.ts +0 -0
- /package/{@types → types}/themes/modernDark.css.d.ts +0 -0
- /package/{@types → types}/themes/molecule.css.d.ts +0 -0
- /package/{@types → types}/themes/ninjaTurtles.css.d.ts +0 -0
- /package/{@types → types}/themes/olive.css.d.ts +0 -0
- /package/{@types → types}/themes/pamelaAnderson.css.d.ts +0 -0
- /package/{@types → types}/themes/plum.css.d.ts +0 -0
- /package/{@types → types}/themes/rainyDay.css.d.ts +0 -0
- /package/{@types → types}/themes/rose.css.d.ts +0 -0
- /package/{@types → types}/themes/slate.css.d.ts +0 -0
- /package/{@types → types}/themes/spruce.css.d.ts +0 -0
- /package/{@types → types}/themes/storm.css.d.ts +0 -0
- /package/{@types → types}/themes/theSixtiesUSA.css.d.ts +0 -0
- /package/{@types → types}/themes/tokyoDark.css.d.ts +0 -0
- /package/{@types → types}/themes/tooSexy.css.d.ts +0 -0
- /package/{@types → types}/themes/travel.css.d.ts +0 -0
- /package/{@types → types}/themes/vaporTeal.css.d.ts +0 -0
- /package/{@types → types}/themes/vermillion.css.d.ts +0 -0
- /package/{@types → types}/themes/violetDark.css.d.ts +0 -0
- /package/{@types → types}/themes/water.css.d.ts +0 -0
- /package/{@types → types}/themes/win95.css.d.ts +0 -0
|
@@ -1,10 +1,13 @@
|
|
|
1
|
-
import React
|
|
2
|
-
import {
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ComponentPropsWithRef, ElementType, Ref, ReactNode, RefAttributes } from 'react';
|
|
3
|
+
import { Sprinkles } from './Frame.css';
|
|
4
|
+
type FixedForwardRef = <T, P = object>(render: (props: P, ref: Ref<T>) => ReactNode) => (props: P & RefAttributes<T>) => ReactNode;
|
|
5
|
+
export declare const fixedForwardRef: FixedForwardRef;
|
|
3
6
|
type DistributiveOmit<T, TOmitted extends PropertyKey> = T extends any ? Omit<T, TOmitted> : never;
|
|
4
|
-
export type FrameProps<TAs extends ElementType
|
|
7
|
+
export type FrameProps<TAs extends ElementType> = {
|
|
5
8
|
as?: TAs;
|
|
6
9
|
} & DistributiveOmit<ComponentPropsWithRef<ElementType extends TAs ? 'div' : TAs>, 'as'> & Sprinkles;
|
|
7
|
-
export declare const Frame: <TAs extends React.ElementType>(props: {
|
|
10
|
+
export declare const Frame: <TAs extends React.ElementType = "div">(props: {
|
|
8
11
|
as?: TAs | undefined;
|
|
9
12
|
} & DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends TAs ? "div" : TAs>, "as"> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
|
|
10
13
|
readonly backgroundColor: {
|
|
@@ -39,7 +42,7 @@ export declare const Frame: <TAs extends React.ElementType>(props: {
|
|
|
39
42
|
default: string;
|
|
40
43
|
};
|
|
41
44
|
};
|
|
42
|
-
readonly
|
|
45
|
+
readonly color: {
|
|
43
46
|
dynamic: {
|
|
44
47
|
default: string;
|
|
45
48
|
};
|
|
@@ -66,7 +69,7 @@ export declare const Frame: <TAs extends React.ElementType>(props: {
|
|
|
66
69
|
inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
67
70
|
inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
68
71
|
};
|
|
69
|
-
name: "
|
|
72
|
+
name: "color";
|
|
70
73
|
vars: {
|
|
71
74
|
default: string;
|
|
72
75
|
};
|
|
@@ -2247,5 +2250,5 @@ export declare const Frame: <TAs extends React.ElementType>(props: {
|
|
|
2247
2250
|
default: string;
|
|
2248
2251
|
};
|
|
2249
2252
|
};
|
|
2250
|
-
}> & React.RefAttributes<any>) =>
|
|
2253
|
+
}> & React.RefAttributes<any>) => ReactNode;
|
|
2251
2254
|
export {};
|
|
@@ -730,7 +730,7 @@ export declare const colors: {
|
|
|
730
730
|
inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
731
731
|
inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
732
732
|
};
|
|
733
|
-
readonly
|
|
733
|
+
readonly color: {
|
|
734
734
|
anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
735
735
|
anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
736
736
|
borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { FrameProps } from '../Frame/Frame';
|
|
3
3
|
export type InputProps = Omit<FrameProps<'input'>, 'as'>;
|
|
4
4
|
export declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import type { ReactElement, HtmlHTMLAttributes } from 'react';
|
|
2
3
|
export type ListItemProps = {
|
|
3
|
-
icon?:
|
|
4
|
-
} &
|
|
4
|
+
icon?: ReactElement;
|
|
5
|
+
} & HtmlHTMLAttributes<HTMLLIElement>;
|
|
5
6
|
export declare const ListItem: React.ForwardRefExoticComponent<{
|
|
6
7
|
icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
7
8
|
} & React.HtmlHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
|
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
/// <reference path="../../../../../types/draggable.d.ts" />
|
|
2
|
-
import
|
|
2
|
+
import React, { HTMLAttributes, ReactElement, MouseEvent } from 'react';
|
|
3
3
|
import { DraggableProps } from 'react-draggable';
|
|
4
4
|
import { List } from '../List/List';
|
|
5
5
|
import { FrameProps } from '../Frame/Frame';
|
|
6
6
|
export type ModalButtons = {
|
|
7
7
|
value: string;
|
|
8
|
-
onClick(event:
|
|
8
|
+
onClick(event: MouseEvent): void;
|
|
9
9
|
};
|
|
10
10
|
export type ModalMenu = {
|
|
11
11
|
name: string;
|
|
12
|
-
list:
|
|
12
|
+
list: ReactElement<typeof List>;
|
|
13
13
|
};
|
|
14
14
|
export type ModalDefaultPosition = {
|
|
15
15
|
x: number;
|
|
16
16
|
y: number;
|
|
17
17
|
};
|
|
18
18
|
export type ModalProps = {
|
|
19
|
-
icon?:
|
|
20
|
-
onClose(event:
|
|
21
|
-
onHelp?(event:
|
|
19
|
+
icon?: ReactElement;
|
|
20
|
+
onClose(event: MouseEvent): void;
|
|
21
|
+
onHelp?(event: MouseEvent): void;
|
|
22
22
|
title: string;
|
|
23
23
|
buttons?: Array<ModalButtons>;
|
|
24
24
|
menu?: Array<ModalMenu>;
|
|
25
25
|
defaultPosition?: DraggableProps['defaultPosition'];
|
|
26
26
|
positionOffset?: DraggableProps['positionOffset'];
|
|
27
27
|
hasWindowButton?: boolean;
|
|
28
|
-
buttonsAlignment?: FrameProps['justifyContent'];
|
|
29
|
-
} & Omit<FrameProps
|
|
28
|
+
buttonsAlignment?: FrameProps<'div'>['justifyContent'];
|
|
29
|
+
} & Omit<FrameProps<'div'>, 'as'> & HTMLAttributes<HTMLDivElement>;
|
|
30
30
|
export declare const Modal: React.ForwardRefExoticComponent<Omit<ModalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ElementType, ReactElement, ElementRef, ForwardedRef } from 'react';
|
|
3
|
+
import { FrameProps } from '../Frame/Frame';
|
|
4
|
+
export type ProgressBarProps<TAs extends ElementType> = {
|
|
5
|
+
percent?: number;
|
|
6
|
+
} & FrameProps<TAs>;
|
|
7
|
+
export declare const ProgressBar: <TAs extends React.ElementType = "div">(props: ProgressBarProps<TAs> & {
|
|
8
|
+
ref?: ForwardedRef<ElementRef<TAs>>;
|
|
9
|
+
}) => ReactElement;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
2
|
+
import type { InputHTMLAttributes } from 'react';
|
|
3
|
+
export type RadioButtonProps = InputHTMLAttributes<HTMLInputElement>;
|
|
3
4
|
export declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { FrameProps } from '../Frame/Frame';
|
|
3
3
|
export type RangeProps = Omit<FrameProps<'input'>, 'as'>;
|
|
4
4
|
export declare const Range: React.ForwardRefExoticComponent<Omit<RangeProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import type { MouseEvent, HTMLProps } from 'react';
|
|
2
3
|
import { FrameProps } from '../Frame/Frame';
|
|
3
4
|
export type TabProps = {
|
|
4
5
|
activeTab?: string;
|
|
5
6
|
title: string;
|
|
6
7
|
disabled?: boolean;
|
|
7
|
-
onClick?(e:
|
|
8
|
-
} &
|
|
8
|
+
onClick?(e: MouseEvent): void;
|
|
9
|
+
} & HTMLProps<HTMLLIElement> & Omit<FrameProps<'li'>, 'as'>;
|
|
9
10
|
export declare const Tab: React.ForwardRefExoticComponent<Omit<TabProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import type { MouseEvent, ReactElement } from 'react';
|
|
2
3
|
import { TabProps } from './Tab';
|
|
3
4
|
import { FrameProps } from '../Frame/Frame';
|
|
4
5
|
export type TabsProps = {
|
|
5
6
|
defaultActiveTab?: string;
|
|
6
|
-
children:
|
|
7
|
-
onChange?(title: string, e:
|
|
7
|
+
children: ReactElement<TabProps> | Array<ReactElement<TabProps>>;
|
|
8
|
+
onChange?(title: string, e: MouseEvent): void;
|
|
8
9
|
} & Omit<FrameProps<'ol'>, 'as'>;
|
|
9
10
|
export declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsProps, "ref"> & React.RefAttributes<HTMLOListElement>>;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import type { ReactElement } from 'react';
|
|
2
3
|
import { List } from '../List/List';
|
|
3
4
|
export type TaskBarProps = {
|
|
4
|
-
list?:
|
|
5
|
+
list?: ReactElement<typeof List>;
|
|
5
6
|
};
|
|
6
7
|
export declare const TaskBar: React.ForwardRefExoticComponent<TaskBarProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import type { ButtonHTMLAttributes } from 'react';
|
|
2
3
|
import { Windows } from '../Modal/ModalContext';
|
|
3
4
|
export type WindowButtonProps = {
|
|
4
5
|
small?: boolean;
|
|
5
6
|
active?: boolean;
|
|
6
|
-
} & Pick<Windows, 'icon'> &
|
|
7
|
+
} & Pick<Windows, 'icon'> & ButtonHTMLAttributes<HTMLButtonElement>;
|
|
7
8
|
export declare const WindowButton: React.ForwardRefExoticComponent<{
|
|
8
9
|
small?: boolean | undefined;
|
|
9
10
|
active?: boolean | undefined;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { FrameProps } from '../Frame/Frame';
|
|
3
3
|
export type TextAreaProps = Omit<FrameProps<'textarea'>, 'as'>;
|
|
4
4
|
export declare const TextArea: React.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -1,17 +1,18 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import type { ReactElement, HTMLAttributes } from 'react';
|
|
2
3
|
import { FrameProps } from '../Frame/Frame';
|
|
3
|
-
declare const OptionsBox: React.ForwardRefExoticComponent<Omit<FrameProps
|
|
4
|
+
declare const OptionsBox: React.ForwardRefExoticComponent<Omit<FrameProps<"div">, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
4
5
|
declare const Option: React.ForwardRefExoticComponent<Omit<FrameProps<"button">, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
5
|
-
export interface TitleBarBackgroundProps extends Omit<
|
|
6
|
+
export interface TitleBarBackgroundProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'>, FrameProps<'div'> {
|
|
6
7
|
active?: boolean;
|
|
7
|
-
icon?:
|
|
8
|
+
icon?: ReactElement;
|
|
8
9
|
title?: string;
|
|
9
10
|
}
|
|
10
11
|
interface TitleBarOptions {
|
|
11
12
|
Option: typeof Option;
|
|
12
13
|
OptionsBox: typeof OptionsBox;
|
|
13
14
|
}
|
|
14
|
-
export interface TitleBarProps extends TitleBarBackgroundProps, TitleBarOptions, FrameProps {
|
|
15
|
+
export interface TitleBarProps extends TitleBarBackgroundProps, TitleBarOptions, FrameProps<'div'> {
|
|
15
16
|
}
|
|
16
17
|
export declare const TitleBar: TitleBarProps & React.ForwardRefRenderFunction<HTMLDivElement, TitleBarBackgroundProps>;
|
|
17
18
|
export {};
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { HTMLAttributes } from 'react';
|
|
2
3
|
export type TooltipProps = {
|
|
3
4
|
text?: string;
|
|
4
5
|
delay?: number;
|
|
5
|
-
} &
|
|
6
|
+
} & HTMLAttributes<HTMLDivElement>;
|
|
6
7
|
export declare const Tooltip: React.ForwardRefExoticComponent<{
|
|
7
8
|
text?: string | undefined;
|
|
8
9
|
delay?: number | undefined;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { FC, ReactElement, MouseEvent, KeyboardEvent } from 'react';
|
|
2
3
|
import { FrameProps } from '../Frame/Frame';
|
|
3
4
|
export declare const icons: {
|
|
4
5
|
readonly FILE_MEDIA: React.FC<import("@react95/icons").MediaCdProps>;
|
|
@@ -12,11 +13,11 @@ export declare const icons: {
|
|
|
12
13
|
};
|
|
13
14
|
export type NodeProps = {
|
|
14
15
|
label: string;
|
|
15
|
-
icon?:
|
|
16
|
+
icon?: ReactElement;
|
|
16
17
|
id: number;
|
|
17
18
|
children?: Array<NodeProps>;
|
|
18
|
-
onClick?(event:
|
|
19
|
-
} & Omit<FrameProps
|
|
19
|
+
onClick?(event: MouseEvent | KeyboardEvent, props: NodeProps): void;
|
|
20
|
+
} & Omit<FrameProps<'li'>, 'id' | 'children'>;
|
|
20
21
|
export type NodeRootProps = Omit<NodeProps, 'children'>;
|
|
21
|
-
export declare const Node:
|
|
22
|
-
export declare const NodeRoot:
|
|
22
|
+
export declare const Node: FC<NodeProps>;
|
|
23
|
+
export declare const NodeRoot: FC<NodeRootProps>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import
|
|
1
|
+
import type { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
2
2
|
import { icons, NodeProps } from './Node';
|
|
3
3
|
import { FrameProps } from '../Frame/Frame';
|
|
4
4
|
export type TreeProps = {
|
|
5
5
|
data: Array<NodeProps>;
|
|
6
6
|
root?: Omit<NodeProps, 'children'>;
|
|
7
7
|
};
|
|
8
|
-
type TreeComposition =
|
|
8
|
+
type TreeComposition = ForwardRefExoticComponent<TreeProps & RefAttributes<HTMLUListElement>> & {
|
|
9
9
|
icons: typeof icons;
|
|
10
10
|
} & Omit<FrameProps<'ul'>, 'as'>;
|
|
11
11
|
export declare const Tree: TreeComposition;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Ref, HTMLProps } from 'react';
|
|
3
|
+
import { FrameProps } from '../Frame/Frame';
|
|
4
|
+
export type VideoProps = {
|
|
5
|
+
name?: string;
|
|
6
|
+
src: string;
|
|
7
|
+
videoProps?: HTMLProps<HTMLVideoElement>;
|
|
8
|
+
} & FrameProps<'div'>;
|
|
9
|
+
export type VideoRefs = {
|
|
10
|
+
video: Ref<HTMLVideoElement>;
|
|
11
|
+
progress: Ref<HTMLInputElement>;
|
|
12
|
+
wrapper: Ref<HTMLDivElement>;
|
|
13
|
+
playpause: Ref<HTMLButtonElement>;
|
|
14
|
+
stop: Ref<HTMLButtonElement>;
|
|
15
|
+
fullScreen: Ref<HTMLButtonElement>;
|
|
16
|
+
};
|
|
17
|
+
export declare const Video: React.ForwardRefExoticComponent<Omit<VideoProps, "ref"> & React.RefAttributes<VideoRefs>>;
|
|
@@ -1,36 +1,36 @@
|
|
|
1
|
-
import * as win95 from './win95.css';
|
|
2
|
-
import * as counterStrike from './counterStrike.css';
|
|
3
|
-
import * as bee from './bee.css';
|
|
4
|
-
import * as pamelaAnderson from './pamelaAnderson.css';
|
|
5
1
|
import * as azureOrange from './azureOrange.css';
|
|
6
|
-
import * as
|
|
7
|
-
import * as vaporTeal from './vaporTeal.css';
|
|
8
|
-
import * as matrix from './matrix.css';
|
|
9
|
-
import * as vermillion from './vermillion.css';
|
|
10
|
-
import * as tooSexy from './tooSexy.css';
|
|
11
|
-
import * as ninjaTurtles from './ninjaTurtles.css';
|
|
12
|
-
import * as tokyoDark from './tokyoDark.css';
|
|
13
|
-
import * as molecule from './molecule.css';
|
|
14
|
-
import * as travel from './travel.css';
|
|
15
|
-
import * as theSixtiesUSA from './theSixtiesUSA.css';
|
|
16
|
-
import * as candy from './candy.css';
|
|
17
|
-
import * as modernDark from './modernDark.css';
|
|
18
|
-
import * as storm from './storm.css';
|
|
19
|
-
import * as millenium from './millenium.css';
|
|
20
|
-
import * as spruce from './spruce.css';
|
|
21
|
-
import * as slate from './slate.css';
|
|
22
|
-
import * as rose from './rose.css';
|
|
23
|
-
import * as rainyDay from './rainyDay.css';
|
|
24
|
-
import * as plum from './plum.css';
|
|
25
|
-
import * as marine from './marine.css';
|
|
26
|
-
import * as maple from './maple.css';
|
|
27
|
-
import * as lilac from './lilac.css';
|
|
2
|
+
import * as bee from './bee.css';
|
|
28
3
|
import * as blackAndWhite from './blackAndWhite.css';
|
|
29
|
-
import * as highContrast from './highContrast.css';
|
|
30
|
-
import * as eggplant from './eggplant.css';
|
|
31
4
|
import * as brick from './brick.css';
|
|
32
|
-
import * as
|
|
5
|
+
import * as candy from './candy.css';
|
|
33
6
|
import * as coldGray from './coldGray.css';
|
|
7
|
+
import * as counterStrike from './counterStrike.css';
|
|
8
|
+
import * as eggplant from './eggplant.css';
|
|
9
|
+
import * as highContrast from './highContrast.css';
|
|
10
|
+
import * as lilac from './lilac.css';
|
|
34
11
|
import * as lilacRoseDark from './lilacRoseDark.css';
|
|
12
|
+
import * as maple from './maple.css';
|
|
13
|
+
import * as marine from './marine.css';
|
|
14
|
+
import * as matrix from './matrix.css';
|
|
15
|
+
import * as millenium from './millenium.css';
|
|
16
|
+
import * as modernDark from './modernDark.css';
|
|
17
|
+
import * as molecule from './molecule.css';
|
|
18
|
+
import * as ninjaTurtles from './ninjaTurtles.css';
|
|
19
|
+
import * as olive from './olive.css';
|
|
20
|
+
import * as pamelaAnderson from './pamelaAnderson.css';
|
|
21
|
+
import * as plum from './plum.css';
|
|
22
|
+
import * as rainyDay from './rainyDay.css';
|
|
23
|
+
import * as rose from './rose.css';
|
|
24
|
+
import * as slate from './slate.css';
|
|
25
|
+
import * as spruce from './spruce.css';
|
|
26
|
+
import * as storm from './storm.css';
|
|
27
|
+
import * as theSixtiesUSA from './theSixtiesUSA.css';
|
|
28
|
+
import * as tokyoDark from './tokyoDark.css';
|
|
29
|
+
import * as tooSexy from './tooSexy.css';
|
|
30
|
+
import * as travel from './travel.css';
|
|
31
|
+
import * as vaporTeal from './vaporTeal.css';
|
|
32
|
+
import * as vermillion from './vermillion.css';
|
|
35
33
|
import * as violetDark from './violetDark.css';
|
|
36
|
-
|
|
34
|
+
import * as water from './water.css';
|
|
35
|
+
import * as win95 from './win95.css';
|
|
36
|
+
export { azureOrange, bee, blackAndWhite, brick, candy, coldGray, counterStrike, eggplant, highContrast, lilac, lilacRoseDark, maple, marine, matrix, millenium, modernDark, molecule, ninjaTurtles, olive, pamelaAnderson, plum, rainyDay, rose, slate, spruce, storm, theSixtiesUSA, tokyoDark, tooSexy, travel, vaporTeal, vermillion, violetDark, water, win95, };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { FrameProps } from '../Frame/Frame';
|
|
3
|
-
export interface AvatarProps extends Omit<React.ImgHTMLAttributes<HTMLDivElement>, 'width' | 'color' | 'height'>, FrameProps {
|
|
4
|
-
circle?: boolean;
|
|
5
|
-
}
|
|
6
|
-
export declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { FrameProps } from '../Frame/Frame';
|
|
3
|
-
export type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & FrameProps;
|
|
4
|
-
export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { FrameProps } from '../Frame/Frame';
|
|
3
|
-
export type ProgressBarProps = {
|
|
4
|
-
percent?: number;
|
|
5
|
-
} & FrameProps;
|
|
6
|
-
export declare const ProgressBar: React.ForwardRefExoticComponent<Omit<ProgressBarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
package/@types/Video/Video.d.ts
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { FrameProps } from '../Frame/Frame';
|
|
3
|
-
export type VideoProps = {
|
|
4
|
-
name?: string;
|
|
5
|
-
src: string;
|
|
6
|
-
videoProps?: React.HTMLProps<HTMLVideoElement>;
|
|
7
|
-
} & FrameProps;
|
|
8
|
-
export type VideoRefs = {
|
|
9
|
-
video: React.Ref<HTMLVideoElement>;
|
|
10
|
-
progress: React.Ref<HTMLInputElement>;
|
|
11
|
-
wrapper: React.Ref<HTMLDivElement>;
|
|
12
|
-
playpause: React.Ref<HTMLButtonElement>;
|
|
13
|
-
stop: React.Ref<HTMLButtonElement>;
|
|
14
|
-
fullScreen: React.Ref<HTMLButtonElement>;
|
|
15
|
-
};
|
|
16
|
-
export declare const Video: React.ForwardRefExoticComponent<Omit<VideoProps, "ref"> & React.RefAttributes<VideoRefs>>;
|
package/cjs/Avatar/Avatar.js
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const React = require("react");
|
|
4
|
-
const Avatar_css = require("./Avatar.css.js");
|
|
5
|
-
const Frame = require("../Frame/Frame.js");
|
|
6
|
-
function _interopNamespaceDefault(e) {
|
|
7
|
-
const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
|
|
8
|
-
if (e) {
|
|
9
|
-
for (const k in e) {
|
|
10
|
-
if (k !== "default") {
|
|
11
|
-
const d = Object.getOwnPropertyDescriptor(e, k);
|
|
12
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: () => e[k]
|
|
15
|
-
});
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
n.default = e;
|
|
20
|
-
return Object.freeze(n);
|
|
21
|
-
}
|
|
22
|
-
const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
|
|
23
|
-
const Avatar = React__namespace.forwardRef(
|
|
24
|
-
({ src, srcSet, alt, circle, children, size = "48px", ...otherProps }, ref) => /* @__PURE__ */ React__namespace.createElement(Frame.Frame, { className: Avatar_css.avatar({ circle }), ref, ...otherProps, size }, src || srcSet ? /* @__PURE__ */ React__namespace.createElement("img", { className: Avatar_css.imgStyle, src, srcSet, alt }) : children)
|
|
25
|
-
);
|
|
26
|
-
exports.Avatar = Avatar;
|
package/cjs/Cursor/Cursor.css.js
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
require('./Cursor.css.ts.vanilla.css');
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
4
|
-
/* empty css */var Cursor = { Auto: "r95_22fi80", Text: "r95_22fi81", VerticalText: "r95_22fi82", Help: "r95_22fi83", Crosshair: "r95_22fi84", Pointer: "r95_22fi85", Progress: "r95_22fi86", Wait: "r95_22fi87", Alias: "r95_22fi88", Copy: "r95_22fi89", Move: "r95_22fi8a", None: "r95_22fi8b", NoDrop: "r95_22fi8c", NotAllowed: "r95_22fi8d", Grab: "r95_22fi8e", Grabbing: "r95_22fi8f", ColResize: "r95_22fi8g", RowResize: "r95_22fi8h", NResize: "r95_22fi8i", EResize: "r95_22fi8j", SResize: "r95_22fi8k", WResize: "r95_22fi8l", NsResize: "r95_22fi8m", EwResize: "r95_22fi8n", NeResize: "r95_22fi8o", NwResize: "r95_22fi8p", SeResize: "r95_22fi8q", SwResize: "r95_22fi8r", NeswResize: "r95_22fi8s", NwseResize: "r95_22fi8t", ZoomIn: "r95_22fi8u", ZoomOut: "r95_22fi8v" };
|
|
5
|
-
exports.Cursor = Cursor;
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
/* empty css */const createRuntimeFn = require("rainbow-sprinkles/createRuntimeFn");
|
|
4
|
-
var sprinkles = createRuntimeFn.createRuntimeFn(function() {
|
|
5
|
-
var x = { config: { bgColor: { mappings: ["backgroundColor"] }, backgroundColor: { vars: { "default": "var(--r95_1txm3g83o)" }, dynamic: { "default": "r95_1txm3g83p" }, dynamicScale: { anchor: "var(--r95-color-anchor)", anchorVisited: "var(--r95-color-anchorVisited)", borderDark: "var(--r95-color-borderDark)", borderDarkest: "var(--r95-color-borderDarkest)", borderLight: "var(--r95-color-borderLight)", borderLighter: "var(--r95-color-borderLighter)", borderLightest: "var(--r95-color-borderLightest)", canvas: "var(--r95-color-canvas)", canvasText: "var(--r95-color-canvasText)", headerBackground: "var(--r95-color-headerBackground)", headerNotActiveBackground: "var(--r95-color-headerNotActiveBackground)", headerNotActiveText: "var(--r95-color-headerNotActiveText)", headerText: "var(--r95-color-headerText)", material: "var(--r95-color-material)", materialText: "var(--r95-color-materialText)", materialTextDisabled: "var(--r95-color-materialTextDisabled)", materialTextDisabledShadow: "var(--r95-color-materialTextDisabledShadow)", materialTextInvert: "var(--r95-color-materialTextInvert)", progress: "var(--r95-color-progress)", inputBackground: "var(--r95-color-inputBackground)", inputBackgroundDisabled: "var(--r95-color-inputBackgroundDisabled)" }, name: "backgroundColor" }, colors: { vars: { "default": "var(--r95_1txm3g83q)" }, dynamic: { "default": "r95_1txm3g83r" }, dynamicScale: void 0, name: "colors" } } };
|
|
6
|
-
x.config.colors.dynamicScale = x.config.backgroundColor.dynamicScale;
|
|
7
|
-
return x;
|
|
8
|
-
}(), { config: { boxShadow: { vars: { "default": "var(--r95_1txm3g85y)" }, dynamic: { "default": "r95_1txm3g85z" }, dynamicScale: { out: "var(--r95-shadow-out)", "in": "var(--r95-shadow-in)", input: "var(--r95-shadow-input)" }, name: "boxShadow" } } }, { config: { zIndex: { vars: { "default": "var(--r95_1txm3g87c)" }, dynamic: { "default": "r95_1txm3g87d" }, dynamicScale: { modal: "var(--r95-zIndex-modal)", tooltip: "var(--r95-zIndex-tooltip)", taskbar: "var(--r95-zIndex-taskbar)" }, name: "zIndex" } } }, function() {
|
|
9
|
-
var x = { config: { size: { mappings: ["height", "width"] }, h: { mappings: ["height"] }, w: { mappings: ["width"] }, minH: { mappings: ["minHeight"] }, minW: { mappings: ["minWidth"] }, m: { mappings: ["margin"] }, mr: { mappings: ["marginRight"] }, ml: { mappings: ["marginLeft"] }, mt: { mappings: ["marginTop"] }, mb: { mappings: ["marginBottom"] }, marginX: { mappings: ["marginLeft", "marginRight"] }, marginY: { mappings: ["marginTop", "marginBottom"] }, mx: { mappings: ["marginLeft", "marginRight"] }, my: { mappings: ["marginTop", "marginBottom"] }, p: { mappings: ["padding"] }, pr: { mappings: ["paddingRight"] }, pl: { mappings: ["paddingLeft"] }, pt: { mappings: ["paddingTop"] }, pb: { mappings: ["paddingBottom"] }, paddingX: { mappings: ["paddingLeft", "paddingRight"] }, paddingY: { mappings: ["paddingTop", "paddingBottom"] }, px: { mappings: ["paddingLeft", "paddingRight"] }, py: { mappings: ["paddingTop", "paddingBottom"] }, display: { vars: { "default": "var(--r95_1txm3g80)" }, dynamic: { "default": "r95_1txm3g81" }, dynamicScale: true, name: "display" }, overflow: { vars: { "default": "var(--r95_1txm3g82)" }, dynamic: { "default": "r95_1txm3g83" }, dynamicScale: true, name: "overflow" }, boxSizing: { vars: { "default": "var(--r95_1txm3g84)" }, dynamic: { "default": "r95_1txm3g85" }, dynamicScale: true, name: "boxSizing" }, grid: { vars: { "default": "var(--r95_1txm3g86)" }, dynamic: { "default": "r95_1txm3g87" }, dynamicScale: true, name: "grid" }, gridArea: { vars: { "default": "var(--r95_1txm3g88)" }, dynamic: { "default": "r95_1txm3g89" }, dynamicScale: true, name: "gridArea" }, gridAutoColumns: { vars: { "default": "var(--r95_1txm3g8a)" }, dynamic: { "default": "r95_1txm3g8b" }, dynamicScale: true, name: "gridAutoColumns" }, gridAutoFlow: { vars: { "default": "var(--r95_1txm3g8c)" }, dynamic: { "default": "r95_1txm3g8d" }, dynamicScale: true, name: "gridAutoFlow" }, gridAutoRows: { vars: { "default": "var(--r95_1txm3g8e)" }, dynamic: { "default": "r95_1txm3g8f" }, dynamicScale: true, name: "gridAutoRows" }, gridColumn: { vars: { "default": "var(--r95_1txm3g8g)" }, dynamic: { "default": "r95_1txm3g8h" }, dynamicScale: true, name: "gridColumn" }, gridColumnEnd: { vars: { "default": "var(--r95_1txm3g8i)" }, dynamic: { "default": "r95_1txm3g8j" }, dynamicScale: true, name: "gridColumnEnd" }, gridColumnStart: { vars: { "default": "var(--r95_1txm3g8k)" }, dynamic: { "default": "r95_1txm3g8l" }, dynamicScale: true, name: "gridColumnStart" }, gridRow: { vars: { "default": "var(--r95_1txm3g8m)" }, dynamic: { "default": "r95_1txm3g8n" }, dynamicScale: true, name: "gridRow" }, gridRowEnd: { vars: { "default": "var(--r95_1txm3g8o)" }, dynamic: { "default": "r95_1txm3g8p" }, dynamicScale: true, name: "gridRowEnd" }, gridRowStart: { vars: { "default": "var(--r95_1txm3g8q)" }, dynamic: { "default": "r95_1txm3g8r" }, dynamicScale: true, name: "gridRowStart" }, gridTemplate: { vars: { "default": "var(--r95_1txm3g8s)" }, dynamic: { "default": "r95_1txm3g8t" }, dynamicScale: true, name: "gridTemplate" }, gridTemplateAreas: { vars: { "default": "var(--r95_1txm3g8u)" }, dynamic: { "default": "r95_1txm3g8v" }, dynamicScale: true, name: "gridTemplateAreas" }, gridTemplateColumns: { vars: { "default": "var(--r95_1txm3g8w)" }, dynamic: { "default": "r95_1txm3g8x" }, dynamicScale: true, name: "gridTemplateColumns" }, gridTemplateRows: { vars: { "default": "var(--r95_1txm3g8y)" }, dynamic: { "default": "r95_1txm3g8z" }, dynamicScale: true, name: "gridTemplateRows" }, flex: { vars: { "default": "var(--r95_1txm3g810)" }, dynamic: { "default": "r95_1txm3g811" }, dynamicScale: true, name: "flex" }, flexBasis: { vars: { "default": "var(--r95_1txm3g812)" }, dynamic: { "default": "r95_1txm3g813" }, dynamicScale: true, name: "flexBasis" }, flexDirection: { vars: { "default": "var(--r95_1txm3g814)" }, dynamic: { "default": "r95_1txm3g815" }, dynamicScale: true, name: "flexDirection" }, flexFlow: { vars: { "default": "var(--r95_1txm3g816)" }, dynamic: { "default": "r95_1txm3g817" }, dynamicScale: true, name: "flexFlow" }, flexGrow: { vars: { "default": "var(--r95_1txm3g818)" }, dynamic: { "default": "r95_1txm3g819" }, dynamicScale: true, name: "flexGrow" }, flexShrink: { vars: { "default": "var(--r95_1txm3g81a)" }, dynamic: { "default": "r95_1txm3g81b" }, dynamicScale: true, name: "flexShrink" }, flexWrap: { vars: { "default": "var(--r95_1txm3g81c)" }, dynamic: { "default": "r95_1txm3g81d" }, dynamicScale: true, name: "flexWrap" }, justifyContent: { vars: { "default": "var(--r95_1txm3g81e)" }, dynamic: { "default": "r95_1txm3g81f" }, dynamicScale: true, name: "justifyContent" }, justifyItems: { vars: { "default": "var(--r95_1txm3g81g)" }, dynamic: { "default": "r95_1txm3g81h" }, dynamicScale: true, name: "justifyItems" }, justifySelf: { vars: { "default": "var(--r95_1txm3g81i)" }, dynamic: { "default": "r95_1txm3g81j" }, dynamicScale: true, name: "justifySelf" }, alignContent: { vars: { "default": "var(--r95_1txm3g81k)" }, dynamic: { "default": "r95_1txm3g81l" }, dynamicScale: true, name: "alignContent" }, alignItems: { vars: { "default": "var(--r95_1txm3g81m)" }, dynamic: { "default": "r95_1txm3g81n" }, dynamicScale: true, name: "alignItems" }, alignSelf: { vars: { "default": "var(--r95_1txm3g81o)" }, dynamic: { "default": "r95_1txm3g81p" }, dynamicScale: true, name: "alignSelf" }, gap: { vars: { "default": "var(--r95_1txm3g81q)" }, dynamic: { "default": "r95_1txm3g81r" }, dynamicScale: { "0": "var(--r95-space-0)", "1": "var(--r95-space-1)", "2": "var(--r95-space-2)", "3": "var(--r95-space-3)", "4": "var(--r95-space-4)", "5": "var(--r95-space-5)", "6": "var(--r95-space-6)", "7": "var(--r95-space-7)", "8": "var(--r95-space-8)", "9": "var(--r95-space-9)", "10": "var(--r95-space-10)", "11": "var(--r95-space-11)", "12": "var(--r95-space-12)", "13": "var(--r95-space-13)", "14": "var(--r95-space-14)", "15": "var(--r95-space-15)", "16": "var(--r95-space-16)", "17": "var(--r95-space-17)", "18": "var(--r95-space-18)", "19": "var(--r95-space-19)", "20": "var(--r95-space-20)" }, name: "gap" }, width: { vars: { "default": "var(--r95_1txm3g81s)" }, dynamic: { "default": "r95_1txm3g81t" }, dynamicScale: void 0, name: "width" }, maxWidth: { vars: { "default": "var(--r95_1txm3g81u)" }, dynamic: { "default": "r95_1txm3g81v" }, dynamicScale: void 0, name: "maxWidth" }, minWidth: { vars: { "default": "var(--r95_1txm3g81w)" }, dynamic: { "default": "r95_1txm3g81x" }, dynamicScale: void 0, name: "minWidth" }, height: { vars: { "default": "var(--r95_1txm3g81y)" }, dynamic: { "default": "r95_1txm3g81z" }, dynamicScale: void 0, name: "height" }, maxHeight: { vars: { "default": "var(--r95_1txm3g820)" }, dynamic: { "default": "r95_1txm3g821" }, dynamicScale: void 0, name: "maxHeight" }, minHeight: { vars: { "default": "var(--r95_1txm3g822)" }, dynamic: { "default": "r95_1txm3g823" }, dynamicScale: void 0, name: "minHeight" }, margin: { vars: { "default": "var(--r95_1txm3g824)" }, dynamic: { "default": "r95_1txm3g825" }, dynamicScale: void 0, name: "margin" }, marginBlock: { vars: { "default": "var(--r95_1txm3g826)" }, dynamic: { "default": "r95_1txm3g827" }, dynamicScale: void 0, name: "marginBlock" }, marginBlockEnd: { vars: { "default": "var(--r95_1txm3g828)" }, dynamic: { "default": "r95_1txm3g829" }, dynamicScale: void 0, name: "marginBlockEnd" }, marginBlockStart: { vars: { "default": "var(--r95_1txm3g82a)" }, dynamic: { "default": "r95_1txm3g82b" }, dynamicScale: void 0, name: "marginBlockStart" }, marginBottom: { vars: { "default": "var(--r95_1txm3g82c)" }, dynamic: { "default": "r95_1txm3g82d" }, dynamicScale: void 0, name: "marginBottom" }, marginInline: { vars: { "default": "var(--r95_1txm3g82e)" }, dynamic: { "default": "r95_1txm3g82f" }, dynamicScale: void 0, name: "marginInline" }, marginInlineEnd: { vars: { "default": "var(--r95_1txm3g82g)" }, dynamic: { "default": "r95_1txm3g82h" }, dynamicScale: void 0, name: "marginInlineEnd" }, marginInlineStart: { vars: { "default": "var(--r95_1txm3g82i)" }, dynamic: { "default": "r95_1txm3g82j" }, dynamicScale: void 0, name: "marginInlineStart" }, marginLeft: { vars: { "default": "var(--r95_1txm3g82k)" }, dynamic: { "default": "r95_1txm3g82l" }, dynamicScale: void 0, name: "marginLeft" }, marginRight: { vars: { "default": "var(--r95_1txm3g82m)" }, dynamic: { "default": "r95_1txm3g82n" }, dynamicScale: void 0, name: "marginRight" }, marginTop: { vars: { "default": "var(--r95_1txm3g82o)" }, dynamic: { "default": "r95_1txm3g82p" }, dynamicScale: void 0, name: "marginTop" }, padding: { vars: { "default": "var(--r95_1txm3g82q)" }, dynamic: { "default": "r95_1txm3g82r" }, dynamicScale: void 0, name: "padding" }, paddingBlock: { vars: { "default": "var(--r95_1txm3g82s)" }, dynamic: { "default": "r95_1txm3g82t" }, dynamicScale: void 0, name: "paddingBlock" }, paddingBlockEnd: { vars: { "default": "var(--r95_1txm3g82u)" }, dynamic: { "default": "r95_1txm3g82v" }, dynamicScale: void 0, name: "paddingBlockEnd" }, paddingBlockStart: { vars: { "default": "var(--r95_1txm3g82w)" }, dynamic: { "default": "r95_1txm3g82x" }, dynamicScale: void 0, name: "paddingBlockStart" }, paddingBottom: { vars: { "default": "var(--r95_1txm3g82y)" }, dynamic: { "default": "r95_1txm3g82z" }, dynamicScale: void 0, name: "paddingBottom" }, paddingInline: { vars: { "default": "var(--r95_1txm3g830)" }, dynamic: { "default": "r95_1txm3g831" }, dynamicScale: void 0, name: "paddingInline" }, paddingInlineEnd: { vars: { "default": "var(--r95_1txm3g832)" }, dynamic: { "default": "r95_1txm3g833" }, dynamicScale: void 0, name: "paddingInlineEnd" }, paddingInlineStart: { vars: { "default": "var(--r95_1txm3g834)" }, dynamic: { "default": "r95_1txm3g835" }, dynamicScale: void 0, name: "paddingInlineStart" }, paddingLeft: { vars: { "default": "var(--r95_1txm3g836)" }, dynamic: { "default": "r95_1txm3g837" }, dynamicScale: void 0, name: "paddingLeft" }, paddingRight: { vars: { "default": "var(--r95_1txm3g838)" }, dynamic: { "default": "r95_1txm3g839" }, dynamicScale: void 0, name: "paddingRight" }, paddingTop: { vars: { "default": "var(--r95_1txm3g83a)" }, dynamic: { "default": "r95_1txm3g83b" }, dynamicScale: void 0, name: "paddingTop" } } };
|
|
10
|
-
x.config.width.dynamicScale = x.config.gap.dynamicScale;
|
|
11
|
-
x.config.maxWidth.dynamicScale = x.config.gap.dynamicScale;
|
|
12
|
-
x.config.minWidth.dynamicScale = x.config.gap.dynamicScale;
|
|
13
|
-
x.config.height.dynamicScale = x.config.gap.dynamicScale;
|
|
14
|
-
x.config.maxHeight.dynamicScale = x.config.gap.dynamicScale;
|
|
15
|
-
x.config.minHeight.dynamicScale = x.config.gap.dynamicScale;
|
|
16
|
-
x.config.margin.dynamicScale = x.config.gap.dynamicScale;
|
|
17
|
-
x.config.marginBlock.dynamicScale = x.config.gap.dynamicScale;
|
|
18
|
-
x.config.marginBlockEnd.dynamicScale = x.config.gap.dynamicScale;
|
|
19
|
-
x.config.marginBlockStart.dynamicScale = x.config.gap.dynamicScale;
|
|
20
|
-
x.config.marginBottom.dynamicScale = x.config.gap.dynamicScale;
|
|
21
|
-
x.config.marginInline.dynamicScale = x.config.gap.dynamicScale;
|
|
22
|
-
x.config.marginInlineEnd.dynamicScale = x.config.gap.dynamicScale;
|
|
23
|
-
x.config.marginInlineStart.dynamicScale = x.config.gap.dynamicScale;
|
|
24
|
-
x.config.marginLeft.dynamicScale = x.config.gap.dynamicScale;
|
|
25
|
-
x.config.marginRight.dynamicScale = x.config.gap.dynamicScale;
|
|
26
|
-
x.config.marginTop.dynamicScale = x.config.gap.dynamicScale;
|
|
27
|
-
x.config.padding.dynamicScale = x.config.gap.dynamicScale;
|
|
28
|
-
x.config.paddingBlock.dynamicScale = x.config.gap.dynamicScale;
|
|
29
|
-
x.config.paddingBlockEnd.dynamicScale = x.config.gap.dynamicScale;
|
|
30
|
-
x.config.paddingBlockStart.dynamicScale = x.config.gap.dynamicScale;
|
|
31
|
-
x.config.paddingBottom.dynamicScale = x.config.gap.dynamicScale;
|
|
32
|
-
x.config.paddingInline.dynamicScale = x.config.gap.dynamicScale;
|
|
33
|
-
x.config.paddingInlineEnd.dynamicScale = x.config.gap.dynamicScale;
|
|
34
|
-
x.config.paddingInlineStart.dynamicScale = x.config.gap.dynamicScale;
|
|
35
|
-
x.config.paddingLeft.dynamicScale = x.config.gap.dynamicScale;
|
|
36
|
-
x.config.paddingRight.dynamicScale = x.config.gap.dynamicScale;
|
|
37
|
-
x.config.paddingTop.dynamicScale = x.config.gap.dynamicScale;
|
|
38
|
-
return x;
|
|
39
|
-
}(), { config: { position: { vars: { "default": "var(--r95_1txm3g83c)" }, dynamic: { "default": "r95_1txm3g83d" }, dynamicScale: true, name: "position" }, top: { vars: { "default": "var(--r95_1txm3g83e)" }, dynamic: { "default": "r95_1txm3g83f" }, dynamicScale: true, name: "top" }, right: { vars: { "default": "var(--r95_1txm3g83g)" }, dynamic: { "default": "r95_1txm3g83h" }, dynamicScale: true, name: "right" }, bottom: { vars: { "default": "var(--r95_1txm3g83i)" }, dynamic: { "default": "r95_1txm3g83j" }, dynamicScale: true, name: "bottom" }, left: { vars: { "default": "var(--r95_1txm3g83k)" }, dynamic: { "default": "r95_1txm3g83l" }, dynamicScale: true, name: "left" }, pointerEvents: { vars: { "default": "var(--r95_1txm3g83m)" }, dynamic: { "default": "r95_1txm3g83n" }, dynamicScale: true, name: "pointerEvents" } } }, { config: { bg: { mappings: ["background"] }, background: { vars: { "default": "var(--r95_1txm3g83s)" }, dynamic: { "default": "r95_1txm3g83t" }, dynamicScale: true, name: "background" }, backgroundAttachment: { vars: { "default": "var(--r95_1txm3g83u)" }, dynamic: { "default": "r95_1txm3g83v" }, dynamicScale: true, name: "backgroundAttachment" }, backgroundImage: { vars: { "default": "var(--r95_1txm3g83w)" }, dynamic: { "default": "r95_1txm3g83x" }, dynamicScale: true, name: "backgroundImage" }, backgroundPosition: { vars: { "default": "var(--r95_1txm3g83y)" }, dynamic: { "default": "r95_1txm3g83z" }, dynamicScale: true, name: "backgroundPosition" }, backgroundRepeat: { vars: { "default": "var(--r95_1txm3g840)" }, dynamic: { "default": "r95_1txm3g841" }, dynamicScale: true, name: "backgroundRepeat" }, backgroundSize: { vars: { "default": "var(--r95_1txm3g842)" }, dynamic: { "default": "r95_1txm3g843" }, dynamicScale: true, name: "backgroundSize" }, backgroundOrigin: { vars: { "default": "var(--r95_1txm3g844)" }, dynamic: { "default": "r95_1txm3g845" }, dynamicScale: true, name: "backgroundOrigin" }, backgroundClip: { vars: { "default": "var(--r95_1txm3g846)" }, dynamic: { "default": "r95_1txm3g847" }, dynamicScale: true, name: "backgroundClip" } } }, function() {
|
|
40
|
-
var x = { config: { border: { vars: { "default": "var(--r95_1txm3g848)" }, dynamic: { "default": "r95_1txm3g849" }, dynamicScale: true, name: "border" }, borderStyle: { vars: { "default": "var(--r95_1txm3g84a)" }, dynamic: { "default": "r95_1txm3g84b" }, dynamicScale: true, name: "borderStyle" }, borderWidth: { vars: { "default": "var(--r95_1txm3g84c)" }, dynamic: { "default": "r95_1txm3g84d" }, dynamicScale: true, name: "borderWidth" }, borderColor: { vars: { "default": "var(--r95_1txm3g84e)" }, dynamic: { "default": "r95_1txm3g84f" }, dynamicScale: { anchor: "var(--r95-color-anchor)", anchorVisited: "var(--r95-color-anchorVisited)", borderDark: "var(--r95-color-borderDark)", borderDarkest: "var(--r95-color-borderDarkest)", borderLight: "var(--r95-color-borderLight)", borderLighter: "var(--r95-color-borderLighter)", borderLightest: "var(--r95-color-borderLightest)", canvas: "var(--r95-color-canvas)", canvasText: "var(--r95-color-canvasText)", headerBackground: "var(--r95-color-headerBackground)", headerNotActiveBackground: "var(--r95-color-headerNotActiveBackground)", headerNotActiveText: "var(--r95-color-headerNotActiveText)", headerText: "var(--r95-color-headerText)", material: "var(--r95-color-material)", materialText: "var(--r95-color-materialText)", materialTextDisabled: "var(--r95-color-materialTextDisabled)", materialTextDisabledShadow: "var(--r95-color-materialTextDisabledShadow)", materialTextInvert: "var(--r95-color-materialTextInvert)", progress: "var(--r95-color-progress)", inputBackground: "var(--r95-color-inputBackground)", inputBackgroundDisabled: "var(--r95-color-inputBackgroundDisabled)" }, name: "borderColor" }, borderTop: { vars: { "default": "var(--r95_1txm3g84g)" }, dynamic: { "default": "r95_1txm3g84h" }, dynamicScale: true, name: "borderTop" }, borderTopColor: { vars: { "default": "var(--r95_1txm3g84i)" }, dynamic: { "default": "r95_1txm3g84j" }, dynamicScale: void 0, name: "borderTopColor" }, borderTopStyle: { vars: { "default": "var(--r95_1txm3g84k)" }, dynamic: { "default": "r95_1txm3g84l" }, dynamicScale: true, name: "borderTopStyle" }, borderTopWidth: { vars: { "default": "var(--r95_1txm3g84m)" }, dynamic: { "default": "r95_1txm3g84n" }, dynamicScale: true, name: "borderTopWidth" }, borderRight: { vars: { "default": "var(--r95_1txm3g84o)" }, dynamic: { "default": "r95_1txm3g84p" }, dynamicScale: true, name: "borderRight" }, borderRightColor: { vars: { "default": "var(--r95_1txm3g84q)" }, dynamic: { "default": "r95_1txm3g84r" }, dynamicScale: void 0, name: "borderRightColor" }, borderRightStyle: { vars: { "default": "var(--r95_1txm3g84s)" }, dynamic: { "default": "r95_1txm3g84t" }, dynamicScale: true, name: "borderRightStyle" }, borderRightWidth: { vars: { "default": "var(--r95_1txm3g84u)" }, dynamic: { "default": "r95_1txm3g84v" }, dynamicScale: true, name: "borderRightWidth" }, borderBottom: { vars: { "default": "var(--r95_1txm3g84w)" }, dynamic: { "default": "r95_1txm3g84x" }, dynamicScale: true, name: "borderBottom" }, borderBottomColor: { vars: { "default": "var(--r95_1txm3g84y)" }, dynamic: { "default": "r95_1txm3g84z" }, dynamicScale: void 0, name: "borderBottomColor" }, borderBottomStyle: { vars: { "default": "var(--r95_1txm3g850)" }, dynamic: { "default": "r95_1txm3g851" }, dynamicScale: true, name: "borderBottomStyle" }, borderBottomWidth: { vars: { "default": "var(--r95_1txm3g852)" }, dynamic: { "default": "r95_1txm3g853" }, dynamicScale: true, name: "borderBottomWidth" }, borderLeft: { vars: { "default": "var(--r95_1txm3g854)" }, dynamic: { "default": "r95_1txm3g855" }, dynamicScale: true, name: "borderLeft" }, borderLeftColor: { vars: { "default": "var(--r95_1txm3g856)" }, dynamic: { "default": "r95_1txm3g857" }, dynamicScale: void 0, name: "borderLeftColor" }, borderLeftStyle: { vars: { "default": "var(--r95_1txm3g858)" }, dynamic: { "default": "r95_1txm3g859" }, dynamicScale: true, name: "borderLeftStyle" }, borderLeftWidth: { vars: { "default": "var(--r95_1txm3g85a)" }, dynamic: { "default": "r95_1txm3g85b" }, dynamicScale: true, name: "borderLeftWidth" } } };
|
|
41
|
-
x.config.borderTopColor.dynamicScale = x.config.borderColor.dynamicScale;
|
|
42
|
-
x.config.borderRightColor.dynamicScale = x.config.borderColor.dynamicScale;
|
|
43
|
-
x.config.borderBottomColor.dynamicScale = x.config.borderColor.dynamicScale;
|
|
44
|
-
x.config.borderLeftColor.dynamicScale = x.config.borderColor.dynamicScale;
|
|
45
|
-
return x;
|
|
46
|
-
}(), { config: { borderBottomLeftRadius: { vars: { "default": "var(--r95_1txm3g85c)" }, dynamic: { "default": "r95_1txm3g85d" }, dynamicScale: true, name: "borderBottomLeftRadius" }, borderBottomRightRadius: { vars: { "default": "var(--r95_1txm3g85e)" }, dynamic: { "default": "r95_1txm3g85f" }, dynamicScale: true, name: "borderBottomRightRadius" }, borderImage: { vars: { "default": "var(--r95_1txm3g85g)" }, dynamic: { "default": "r95_1txm3g85h" }, dynamicScale: true, name: "borderImage" }, borderImageOutset: { vars: { "default": "var(--r95_1txm3g85i)" }, dynamic: { "default": "r95_1txm3g85j" }, dynamicScale: true, name: "borderImageOutset" }, borderImageRepeat: { vars: { "default": "var(--r95_1txm3g85k)" }, dynamic: { "default": "r95_1txm3g85l" }, dynamicScale: true, name: "borderImageRepeat" }, borderImageSlice: { vars: { "default": "var(--r95_1txm3g85m)" }, dynamic: { "default": "r95_1txm3g85n" }, dynamicScale: true, name: "borderImageSlice" }, borderImageSource: { vars: { "default": "var(--r95_1txm3g85o)" }, dynamic: { "default": "r95_1txm3g85p" }, dynamicScale: true, name: "borderImageSource" }, borderImageWidth: { vars: { "default": "var(--r95_1txm3g85q)" }, dynamic: { "default": "r95_1txm3g85r" }, dynamicScale: true, name: "borderImageWidth" }, borderRadius: { vars: { "default": "var(--r95_1txm3g85s)" }, dynamic: { "default": "r95_1txm3g85t" }, dynamicScale: true, name: "borderRadius" }, borderTopLeftRadius: { vars: { "default": "var(--r95_1txm3g85u)" }, dynamic: { "default": "r95_1txm3g85v" }, dynamicScale: true, name: "borderTopLeftRadius" }, borderTopRightRadius: { vars: { "default": "var(--r95_1txm3g85w)" }, dynamic: { "default": "r95_1txm3g85x" }, dynamicScale: true, name: "borderTopRightRadius" } } }, { config: { outline: { vars: { "default": "var(--r95_1txm3g860)" }, dynamic: { "default": "r95_1txm3g861" }, dynamicScale: true, name: "outline" }, outlineColor: { vars: { "default": "var(--r95_1txm3g862)" }, dynamic: { "default": "r95_1txm3g863" }, dynamicScale: true, name: "outlineColor" }, outlineStyle: { vars: { "default": "var(--r95_1txm3g864)" }, dynamic: { "default": "r95_1txm3g865" }, dynamicScale: true, name: "outlineStyle" }, outlineWidth: { vars: { "default": "var(--r95_1txm3g866)" }, dynamic: { "default": "r95_1txm3g867" }, dynamicScale: true, name: "outlineWidth" } } }, { config: { font: { vars: { "default": "var(--r95_1txm3g868)" }, dynamic: { "default": "r95_1txm3g869" }, dynamicScale: true, name: "font" }, fontFamily: { vars: { "default": "var(--r95_1txm3g86a)" }, dynamic: { "default": "r95_1txm3g86b" }, dynamicScale: true, name: "fontFamily" }, fontStyle: { vars: { "default": "var(--r95_1txm3g86c)" }, dynamic: { "default": "r95_1txm3g86d" }, dynamicScale: true, name: "fontStyle" }, fontSize: { vars: { "default": "var(--r95_1txm3g86e)" }, dynamic: { "default": "r95_1txm3g86f" }, dynamicScale: true, name: "fontSize" }, fontWeight: { vars: { "default": "var(--r95_1txm3g86g)" }, dynamic: { "default": "r95_1txm3g86h" }, dynamicScale: true, name: "fontWeight" }, fontVariant: { vars: { "default": "var(--r95_1txm3g86i)" }, dynamic: { "default": "r95_1txm3g86j" }, dynamicScale: true, name: "fontVariant" }, fontSizeAdjust: { vars: { "default": "var(--r95_1txm3g86k)" }, dynamic: { "default": "r95_1txm3g86l" }, dynamicScale: true, name: "fontSizeAdjust" } } }, { config: { color: { vars: { "default": "var(--r95_1txm3g86m)" }, dynamic: { "default": "r95_1txm3g86n" }, dynamicScale: { anchor: "var(--r95-color-anchor)", anchorVisited: "var(--r95-color-anchorVisited)", borderDark: "var(--r95-color-borderDark)", borderDarkest: "var(--r95-color-borderDarkest)", borderLight: "var(--r95-color-borderLight)", borderLighter: "var(--r95-color-borderLighter)", borderLightest: "var(--r95-color-borderLightest)", canvas: "var(--r95-color-canvas)", canvasText: "var(--r95-color-canvasText)", headerBackground: "var(--r95-color-headerBackground)", headerNotActiveBackground: "var(--r95-color-headerNotActiveBackground)", headerNotActiveText: "var(--r95-color-headerNotActiveText)", headerText: "var(--r95-color-headerText)", material: "var(--r95-color-material)", materialText: "var(--r95-color-materialText)", materialTextDisabled: "var(--r95-color-materialTextDisabled)", materialTextDisabledShadow: "var(--r95-color-materialTextDisabledShadow)", materialTextInvert: "var(--r95-color-materialTextInvert)", progress: "var(--r95-color-progress)", inputBackground: "var(--r95-color-inputBackground)", inputBackgroundDisabled: "var(--r95-color-inputBackgroundDisabled)" }, name: "color" }, direction: { vars: { "default": "var(--r95_1txm3g86o)" }, dynamic: { "default": "r95_1txm3g86p" }, dynamicScale: true, name: "direction" }, letterSpacing: { vars: { "default": "var(--r95_1txm3g86q)" }, dynamic: { "default": "r95_1txm3g86r" }, dynamicScale: true, name: "letterSpacing" }, lineHeight: { vars: { "default": "var(--r95_1txm3g86s)" }, dynamic: { "default": "r95_1txm3g86t" }, dynamicScale: true, name: "lineHeight" }, textAlign: { vars: { "default": "var(--r95_1txm3g86u)" }, dynamic: { "default": "r95_1txm3g86v" }, dynamicScale: true, name: "textAlign" }, textDecoration: { vars: { "default": "var(--r95_1txm3g86w)" }, dynamic: { "default": "r95_1txm3g86x" }, dynamicScale: true, name: "textDecoration" }, textIndent: { vars: { "default": "var(--r95_1txm3g86y)" }, dynamic: { "default": "r95_1txm3g86z" }, dynamicScale: true, name: "textIndent" }, textShadow: { vars: { "default": "var(--r95_1txm3g870)" }, dynamic: { "default": "r95_1txm3g871" }, dynamicScale: true, name: "textShadow" }, textTransform: { vars: { "default": "var(--r95_1txm3g872)" }, dynamic: { "default": "r95_1txm3g873" }, dynamicScale: true, name: "textTransform" }, verticalAlign: { vars: { "default": "var(--r95_1txm3g874)" }, dynamic: { "default": "r95_1txm3g875" }, dynamicScale: true, name: "verticalAlign" }, whiteSpace: { vars: { "default": "var(--r95_1txm3g876)" }, dynamic: { "default": "r95_1txm3g877" }, dynamicScale: true, name: "whiteSpace" }, wordSpacing: { vars: { "default": "var(--r95_1txm3g878)" }, dynamic: { "default": "r95_1txm3g879" }, dynamicScale: true, name: "wordSpacing" }, wordBreak: { vars: { "default": "var(--r95_1txm3g87a)" }, dynamic: { "default": "r95_1txm3g87b" }, dynamicScale: true, name: "wordBreak" } } });
|
|
47
|
-
exports.sprinkles = sprinkles;
|