Unverified Commit 6df2997a authored by Tasso Evangelista's avatar Tasso Evangelista Committed by GitHub

Merge branch 'develop' into feat/alert

parents 7f47540a 28c621ec
......@@ -3,6 +3,23 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
# [0.19.0](https://github.com/RocketChat/Rocket.Chat.Fuselage/compare/v0.18.0...v0.19.0) (2020-11-28)
### Bug Fixes
* Avatar x40 ([#331](https://github.com/RocketChat/Rocket.Chat.Fuselage/issues/331)) ([a9cefbb](https://github.com/RocketChat/Rocket.Chat.Fuselage/commit/a9cefbb7d3580598a824b4d4e5f9c79aa7158219))
* Fix object-fit for image element in Avatar component ([#335](https://github.com/RocketChat/Rocket.Chat.Fuselage/issues/335)) ([a024b83](https://github.com/RocketChat/Rocket.Chat.Fuselage/commit/a024b831fad78e9c15d65f6985088c0514bed312))
### Features
* Remove Box from Avatar component ([#326](https://github.com/RocketChat/Rocket.Chat.Fuselage/issues/326)) ([0bc99a3](https://github.com/RocketChat/Rocket.Chat.Fuselage/commit/0bc99a325cbc963d9544e304a3f6f29e0089a976))
# [0.18.0](https://github.com/RocketChat/Rocket.Chat.Fuselage/compare/v0.17.3...v0.18.0) (2020-11-16)
......
{
"version": "0.18.0",
"version": "0.19.0",
"npmClient": "yarn",
"useWorkspaces": true,
"packages": [
......
......@@ -3,6 +3,14 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
# [0.19.0](https://github.com/RocketChat/Rocket.Chat.Fuselage/compare/v0.18.0...v0.19.0) (2020-11-28)
**Note:** Version bump only for package @rocket.chat/css-in-js
# [0.18.0](https://github.com/RocketChat/Rocket.Chat.Fuselage/compare/v0.17.3...v0.18.0) (2020-11-16)
**Note:** Version bump only for package @rocket.chat/css-in-js
......
{
"name": "@rocket.chat/css-in-js",
"version": "0.18.0",
"version": "0.19.0",
"description": "Toolset to transpile and use CSS on runtime",
"homepage": "https://rocket.chat/Rocket.Chat.Fuselage",
"author": {
......
......@@ -3,6 +3,14 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
# [0.19.0](https://github.com/RocketChat/Rocket.Chat.Fuselage/compare/v0.18.0...v0.19.0) (2020-11-28)
**Note:** Version bump only for package @rocket.chat/emitter
# [0.18.0](https://github.com/RocketChat/Rocket.Chat.Fuselage/compare/v0.17.3...v0.18.0) (2020-11-16)
**Note:** Version bump only for package @rocket.chat/emitter
......
{
"name": "@rocket.chat/emitter",
"version": "0.18.0",
"version": "0.19.0",
"description": "Event Emitter by Rocket.Chat",
"homepage": "https://rocket.chat/Rocket.Chat.Fuselage",
"author": {
......
......@@ -3,6 +3,14 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
# [0.19.0](https://github.com/RocketChat/Rocket.Chat.Fuselage/compare/v0.18.0...v0.19.0) (2020-11-28)
**Note:** Version bump only for package @rocket.chat/fuselage-hooks
# [0.18.0](https://github.com/RocketChat/Rocket.Chat.Fuselage/compare/v0.17.3...v0.18.0) (2020-11-16)
**Note:** Version bump only for package @rocket.chat/fuselage-hooks
......
{
"name": "@rocket.chat/fuselage-hooks",
"version": "0.18.0",
"version": "0.19.0",
"description": "React hooks for Fuselage, Rocket.Chat's design system and UI toolkit",
"homepage": "https://rocket.chat/Rocket.Chat.Fuselage",
"author": {
......@@ -82,7 +82,7 @@
"access": "public"
},
"dependencies": {
"@rocket.chat/fuselage-tokens": "^0.18.0",
"@rocket.chat/fuselage-tokens": "^0.19.0",
"use-subscription": "^1.4.1"
}
}
......@@ -3,6 +3,14 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
# [0.19.0](https://github.com/RocketChat/Rocket.Chat.Fuselage/compare/v0.18.0...v0.19.0) (2020-11-28)
**Note:** Version bump only for package @rocket.chat/fuselage-polyfills
# [0.18.0](https://github.com/RocketChat/Rocket.Chat.Fuselage/compare/v0.17.3...v0.18.0) (2020-11-16)
**Note:** Version bump only for package @rocket.chat/fuselage-polyfills
......
{
"name": "@rocket.chat/fuselage-polyfills",
"version": "0.18.0",
"version": "0.19.0",
"description": "A bundle of useful poly/ponyfills used by fuselage",
"author": {
"name": "Rocket.Chat",
......
......@@ -3,6 +3,14 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
# [0.19.0](https://github.com/RocketChat/Rocket.Chat.Fuselage/compare/v0.18.0...v0.19.0) (2020-11-28)
**Note:** Version bump only for package @rocket.chat/fuselage-tokens
# [0.18.0](https://github.com/RocketChat/Rocket.Chat.Fuselage/compare/v0.17.3...v0.18.0) (2020-11-16)
**Note:** Version bump only for package @rocket.chat/fuselage-tokens
......
{
"name": "@rocket.chat/fuselage-tokens",
"version": "0.18.0",
"version": "0.19.0",
"description": "Design tokens for Fuselage, Rocket.Chat's design system",
"homepage": "https://rocket.chat/Rocket.Chat.Fuselage",
"author": {
......
......@@ -3,6 +3,14 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
# [0.19.0](https://github.com/RocketChat/Rocket.Chat.Fuselage/compare/v0.18.0...v0.19.0) (2020-11-28)
**Note:** Version bump only for package @rocket.chat/fuselage-ui-kit
# [0.18.0](https://github.com/RocketChat/Rocket.Chat.Fuselage/compare/v0.17.3...v0.18.0) (2020-11-16)
......
{
"name": "@rocket.chat/fuselage-ui-kit",
"version": "0.18.0",
"version": "0.19.0",
"description": "UiKit elements for Rocket.Chat Apps built under Fuselage design system",
"homepage": "https://rocket.chat/Rocket.Chat.Fuselage",
"author": {
......@@ -52,10 +52,10 @@
"@babel/preset-react": "^7.10.4",
"@rocket.chat/apps-engine": "^1.17.0",
"@rocket.chat/eslint-config": "^0.4.0",
"@rocket.chat/fuselage": "^0.18.0",
"@rocket.chat/fuselage-hooks": "^0.18.0",
"@rocket.chat/icons": "^0.18.0",
"@rocket.chat/ui-kit": "^0.18.0",
"@rocket.chat/fuselage": "^0.19.0",
"@rocket.chat/fuselage-hooks": "^0.19.0",
"@rocket.chat/icons": "^0.19.0",
"@rocket.chat/ui-kit": "^0.19.0",
"@storybook/addon-actions": "^6.0.21",
"@storybook/addon-backgrounds": "^6.0.21",
"@storybook/addon-docs": "^6.0.21",
......@@ -85,6 +85,6 @@
},
"gitHead": "f8467b8ffb6f90d91b46fbcdd5dca169235916a4",
"dependencies": {
"@rocket.chat/fuselage-polyfills": "^0.18.0"
"@rocket.chat/fuselage-polyfills": "^0.19.0"
}
}
......@@ -3,6 +3,23 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
# [0.19.0](https://github.com/RocketChat/Rocket.Chat.Fuselage/compare/v0.18.0...v0.19.0) (2020-11-28)
### Bug Fixes
* Avatar x40 ([#331](https://github.com/RocketChat/Rocket.Chat.Fuselage/issues/331)) ([a9cefbb](https://github.com/RocketChat/Rocket.Chat.Fuselage/commit/a9cefbb7d3580598a824b4d4e5f9c79aa7158219))
* Fix object-fit for image element in Avatar component ([#335](https://github.com/RocketChat/Rocket.Chat.Fuselage/issues/335)) ([a024b83](https://github.com/RocketChat/Rocket.Chat.Fuselage/commit/a024b831fad78e9c15d65f6985088c0514bed312))
### Features
* Remove Box from Avatar component ([#326](https://github.com/RocketChat/Rocket.Chat.Fuselage/issues/326)) ([0bc99a3](https://github.com/RocketChat/Rocket.Chat.Fuselage/commit/0bc99a325cbc963d9544e304a3f6f29e0089a976))
# [0.18.0](https://github.com/RocketChat/Rocket.Chat.Fuselage/compare/v0.17.3...v0.18.0) (2020-11-16)
......
{
"name": "@rocket.chat/fuselage",
"version": "0.18.0",
"version": "0.19.0",
"author": {
"name": "Rocket.Chat",
"url": "https://rocket.chat/"
......@@ -48,8 +48,8 @@
"react-dom": "^16.13.1"
},
"dependencies": {
"@rocket.chat/css-in-js": "^0.18.0",
"@rocket.chat/fuselage-tokens": "^0.18.0",
"@rocket.chat/css-in-js": "^0.19.0",
"@rocket.chat/fuselage-tokens": "^0.19.0",
"invariant": "^2.2.4",
"react-keyed-flatten-children": "^1.2.0"
},
......@@ -61,8 +61,8 @@
"@babel/preset-env": "^7.11.5",
"@babel/preset-react": "^7.10.4",
"@rocket.chat/eslint-config": "^0.4.0",
"@rocket.chat/fuselage-hooks": "^0.18.0",
"@rocket.chat/fuselage-polyfills": "^0.18.0",
"@rocket.chat/fuselage-hooks": "^0.19.0",
"@rocket.chat/fuselage-polyfills": "^0.19.0",
"@storybook/addon-actions": "^6.0.21",
"@storybook/addon-backgrounds": "^6.0.21",
"@storybook/addon-docs": "^6.0.21",
......
......@@ -84,6 +84,7 @@ export function Item({
<Box is='section' rcx-accordion-item className={className} {...props}>
{title && (
<Box
animated
rcx-accordion-item__bar
rcx-accordion-item__bar--disabled={disabled}
{...barProps}
......@@ -108,6 +109,7 @@ export function Item({
</Box>
)}
<Box
animated
rcx-accordion-item__panel
rcx-accordion-item__panel--expanded={panelExpanded}
id={panelId}
......
......@@ -5,7 +5,7 @@ import { Box } from '../Box';
import { Item } from './Item';
export function Accordion(props) {
return <Box rcx-accordion {...props} />;
return <Box animated rcx-accordion {...props} />;
}
Accordion.propTypes = {
......
......@@ -8,6 +8,7 @@ export function Avatar({
title,
size = 'x36',
rounded = false,
objectFit = false,
url,
...props
}) {
......@@ -20,6 +21,7 @@ export function Avatar({
const innerClass = [
'rcx-avatar__element',
rounded && 'rcx-avatar__element--rounded',
objectFit && 'rcx-avatar__element--object-fit',
size && `rcx-avatar--${size}`,
]
.filter(Boolean)
......
......@@ -19,6 +19,10 @@ $sizes: 16, 18, 20, 24, 28, 32, 36, 40, 48, 124, 200, 332;
&--rounded {
border-radius: 100%;
}
&--object-fit {
object-fit: contain;
}
}
&-stack {
......
......@@ -52,7 +52,7 @@ export const useBoxOnlyProps = (props) => {
};
export const Box = memo(
forwardRef(function Box({ is = 'div', children, ...props }, ref) {
forwardRef(function Box({ is = 'div', children, animated, ...props }, ref) {
useStyleSheet();
if (ref) {
......@@ -69,6 +69,9 @@ export const Box = memo(
props = useBoxOnlyProps(props);
props = useStylingProps(props);
if (animated) {
props.className = prependClassName(props.className, 'rcx-box--animated');
}
const element = createElement(is, props, children);
if (transformFn) {
......
.rcx-box {
@extend %box;
&--full {
&--animated {
@extend %box--animated;
&::before,
&::after {
@extend %box--animated;
}
}
&--full {
@extend %box--full;
&::before,
&::after {
@extend %box;
@extend %box--animated;
@extend %box--full;
}
}
......
......@@ -32,6 +32,7 @@ export const Button = forwardRef(function Button(
return (
<Box
animated
is={is}
rcx-button
rcx-button--danger={!primary && danger && !ghost}
......
......@@ -13,20 +13,21 @@
&__fake {
@extend %selection-button__fake;
display: flex;
justify-content: center;
align-items: center;
border-radius: lengths.border-radius(2);
inline-size: lengths.size(20);
&::before,
&::after {
position: absolute;
inset-block-start: 50%;
inset-inline-start: 50%;
display: block;
visibility: hidden;
content: '';
transform: translate(-50%, -50%);
opacity: 0;
......@@ -59,7 +60,6 @@
height: $icon-thickness;
transform:
translate(-50%, -50%)
translate($icon-size * lengths.size(20) / -3, $icon-size * lengths.size(20) / 6)
rotate(-45deg)
translate($icon-size * lengths.size(20) / 2, $icon-size * lengths.size(20) / 6);
......@@ -70,7 +70,6 @@
height: 0.5 * $icon-size * lengths.size(20);
transform:
translate(-50%, -50%)
translate($icon-size * lengths.size(20) / -3, $icon-size * lengths.size(20) / 6)
rotate(-45deg);
}
......
......@@ -6,6 +6,7 @@
display: flex;
flex-flow: column nowrap;
align-items: stretch;
flex-shrink: 0;
width: 100%;
margin-block: lengths.margin(-2);
......
......@@ -9,10 +9,12 @@ import { Skeleton } from '../Skeleton';
import { Option } from './Option';
import { Placeholder } from './Placeholder';
const Wrapper = (props) => <Box is={Label} rcx-input-box__wrapper {...props} />;
const Wrapper = (props) => (
<Box animated is={Label} rcx-input-box__wrapper {...props} />
);
const Input = forwardRef((props, ref) => (
<Box is='input' rcx-input-box ref={ref} {...props} />
<Box is='input' animated rcx-input-box ref={ref} {...props} />
));
const Addon = forwardRef((props, ref) => (
......
......@@ -9,15 +9,15 @@
&__fake {
@extend %selection-button__fake;
display: flex;
justify-content: center;
align-items: center;
border-radius: lengths.border-radius(full);
inline-size: lengths.size(20);
}
&__input:checked + &__fake::before {
position: absolute;
inset-block-start: 50%;
inset-inline-start: 50%;
display: block;
width: 0.3 * lengths.size(20);
......@@ -25,8 +25,6 @@
content: '';
transform: translate(-50%, -50%);
border-radius: lengths.border-radius(full);
background-color: currentColor;
......
......@@ -37,7 +37,7 @@ const Container = (props) => (
const Menu = (props) => (
<div
className='rc-box rcx-box--full rcx-sidebar-item__menu-wraper '
className='rc-box rcx-box--full rcx-box--animated rcx-sidebar-item__menu-wraper '
{...props}
/>
);
......
......@@ -60,8 +60,7 @@ $sidebar-item-color-selected: theme('sidebar-item-color-selected', colors.foregr
&-item {
@extend %sidebar-base;
padding-block: lengths.padding(4);
padding-inline-start: lengths.padding(16);
padding-inline-end: lengths.padding(8);
padding-inline: lengths.padding(16);
color: $sidebar-item-color;
......
......@@ -32,7 +32,6 @@
outline: none;
font-family: typography.font-family('sans');
font-variant-numeric: tabular-nums;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
......@@ -3,6 +3,14 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
# [0.19.0](https://github.com/RocketChat/Rocket.Chat.Fuselage/compare/v0.18.0...v0.19.0) (2020-11-28)
**Note:** Version bump only for package @rocket.chat/icons
# [0.18.0](https://github.com/RocketChat/Rocket.Chat.Fuselage/compare/v0.17.3...v0.18.0) (2020-11-16)
......
{
"name": "@rocket.chat/icons",
"version": "0.18.0",
"version": "0.19.0",
"author": {
"name": "Rocket.Chat",
"url": "https://rocket.chat/"
......
......@@ -3,6 +3,14 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
# [0.19.0](https://github.com/RocketChat/Rocket.Chat.Fuselage/compare/v0.18.0...v0.19.0) (2020-11-28)
**Note:** Version bump only for package @rocket.chat/mp3-encoder
# [0.18.0](https://github.com/RocketChat/Rocket.Chat.Fuselage/compare/v0.17.3...v0.18.0) (2020-11-16)
**Note:** Version bump only for package @rocket.chat/mp3-encoder
......
{
"name": "@rocket.chat/mp3-encoder",
"version": "0.18.0",
"version": "0.19.0",
"description": "A LAME encoder to be used in web workers",
"homepage": "https://rocket.chat/Rocket.Chat.Fuselage",
"author": {
......
......@@ -3,6 +3,14 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
# [0.19.0](https://github.com/RocketChat/Rocket.Chat.Fuselage/compare/v0.18.0...v0.19.0) (2020-11-28)
**Note:** Version bump only for package @rocket.chat/ui-kit
# [0.18.0](https://github.com/RocketChat/Rocket.Chat.Fuselage/compare/v0.17.3...v0.18.0) (2020-11-16)
......
{
"name": "@rocket.chat/ui-kit",
"version": "0.18.0",
"version": "0.19.0",
"description": "Interactive UI elements for Rocket.Chat Apps",
"homepage": "https://rocket.chat/Rocket.Chat.Fuselage",
"author": {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment