Bot releases are visible (Hide)
Thank you to all the collaborators who contributed to this release and all the support 👽 💙 !
@arwes/theme
@arwes/react-frames
z-index
of -1
to FrameSVG
component so it behaves as background.Published by romelperez over 1 year ago
Thank you to all the collaborators who contributed to this release and all the support 👽 💙 !
@arwes/theme
@arwes/core
@arwes/bleeps
AudioContext
is available.@arwes/react-bleeps
<BleepsProvider/>
types.Published by romelperez over 1 year ago
@arwes/react
Published by romelperez over 1 year ago
Thank you @TheNetAdmin and to all the collaborators who contributed to this release and all the support 👽 💙 !
1.0.0-alpha.19
website was moved to version1-breakpoint2.arwes.dev and playground.version1-breakpoint2.arwes.dev.Published by romelperez over 3 years ago
Thank you @Dessix and to all the collaborators who contributed to this release and all the support 👽 💙 !
@arwes/design
fontScale
with factor value of 1
representing a global font scale.transitionDuration
with factor value of 100
representing milliseconds.typography
setting being automatically removed when defined by theme.space
factor value was changed from 8
to 5
pixels.shadow.blur
to shadowBlur
.shadow.spread
to shadowSpread
.@arwes/animation
useAnimate[EVENT]
to onAnimate[EVENT]
. You can check the documentation on @arwes/animation
.
useAnimateMount
to onAnimateMount
.useAnimateEntering
to onAnimateEntering
.useAnimateEntered
to onAnimateEntered
.useAnimateExiting
to onAnimateExiting
.useAnimateExited
to onAnimateExited
.useAnimateUnmount
to onAnimateUnmount
.@arwes/sounds
@arwes/core
Animated
component as part of the research to create a new "primitive component" to create single HTML element animations along the animation system. See #106.
Animated
component was used in some components internally to create animations as it is in testing for now.@arwes/core
since it depends on animejs.Frame
component to build container-like components based on configurable polylines and polygon shapes with default animations.
['100% - 10', 15]
, where "x" equals 100% of available width minus 10 pixels, and "y" equals 15 pixels. This is a simple new way to create paths as the framework designs demand. More testing is required.FrameBox
component.FrameCorners
component.FramePentagon
component.FrameHexagon
component.FrameLines
component.FrameUnderline
component with new Frame
component.Button
component to support any kind of frame component and new highlight animation.@arwes/core
StylesBaseline
component with default settings for global HTML styles.The focus of this project release was to create a generic API for frames or container components and new APIs to simplify the animation and bleeps component setup.
The priority for the project development right now is the main visual and utility components for version 1.0. Once the pieces are built, integration tools can be developed.
Published by romelperez over 3 years ago
Thank you to all the collaborators who contributed to this release and all the support 👽 ❤️ !
@arwes/design
createThemePaletteBasic
to create custom theme palette "basic colors".createThemePaletteElevation
to create custom theme palette "elevation colors".updateColorContrastLuminance
to get a light color darker or a dark color ligher based on a tone offset.createThemeFactorMultiplier
to create custom theme factor multipliers.Breaking Changes:
main
, dark
, light
, and contrast
colors to main
, 3 darker variations, and 3 lighter variations.info
and warn
were removed to simplify the setup. (The palette can receive any extra configurations if needed, but they are not going to be by default.)core
components) will look like:contrastOffset
was removed since basic colors are not going to use it.See @arwes/design
docs.
@arwes/animation
combine: boolean = false
to allow an animator component to combine the duration or all its direct children into its own.Animator
was refactored to be about 20% faster (tested in development environment). There were many experiments and tests with this component to make it consirable faster, but it was demanding too much time and since there are many use cases to be analysed, it is going to be tracked and considered in the future in #98.@arwes/sounds
Breaking Changes:
Bleeps will not be shared by component. Instead they will be shared globally. See #99 and #101.
<BleepsProvider />
component will now receive the sound settings like:
audio
to audioSettings
.players
to playersSettings
.bleepsSettings
in the provider, instead of the HOC withBleeps(bleepsSettings)(Component)
.withBleeps
was removed to set the bleeps settings in the provider.useBleeps
hook. It will work the same way as the HOC withBleeps
injected bleeps
. See BleepsProvider sandbox.See @arwes/sounds
docs.
@arwes/core
First batch of components:
Check them out in the playground:
See @arwes/core
docs.
There were a lot of reviews, drafts, and experiments to define the new visual design patterns and the new components sounds.
The core visual design system may have more changes along the development to make it as accessible, extensible, and fast as possible, following more Cyberprep aesthetics instead of Cyberpunk. Many of the core components are made to fit/work for plenty of the "mainstream" futuristic sci-fi productions design guidelines.
The application sound starter package may not have polished sounds in the final release. It will be encouraged for the consumers of the project to buy and adapt external sounds for their own productions.
Published by romelperez over 3 years ago
Thank you to all the collaborators who contributed to this release 👽 ❤️ !
@arwes/design
Theming and styling tools with focus in Emotion in React.
CSS-in-JS agnostic and inspired by Material UI.
New project logo:
The new UI/UX project design is under definition and development.
Published by romelperez almost 4 years ago
Thank you @jdpnielsen, @njwest, and all the collaborators who contributed to this release 👽 ❤️ !
@arwes/animation
The animation tools have been migrated to TypeScript with type documentation.
@arwes/sounds
Define, manage, and control interactive sound effects using Howler in React.
Based on the project UI/UX guidelines, the sounds tools can be used for application interface sounds management. Futuristic science fiction user interfaces usually execute short sounds such as beeps and bleeps on user events, application events, or animation state transitions. These tools are not intended for sounds with long durations such as music songs.
The new UI/UX project design is under definition and development and new features are on the way.
Published by romelperez almost 4 years ago
New Arwes component system APIs to manage complex animated UIs as tree of nodes using a flow of enter/exit states. Nested, in staggering, as sequences, custom functions and more. 👽
Published by romelperez over 6 years ago
Published by romelperez over 6 years ago
Published by romelperez over 6 years ago
Published by romelperez almost 7 years ago