@rocket.chat/fuselage 0.52.0 → 0.53.0
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/CHANGELOG.md +6 -0
- package/README.md +10 -0
- package/dist/components/CodeSnippet/CodeSnippet.d.ts +2 -1
- package/dist/components/CodeSnippet/CodeSnippet.d.ts.map +1 -1
- package/dist/fuselage.css +1 -1
- package/dist/fuselage.css.map +1 -1
- package/dist/fuselage.development.js +2 -2
- package/dist/fuselage.development.js.map +1 -1
- package/dist/fuselage.production.js +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# Change Log
|
|
2
2
|
|
|
3
|
+
## 0.53.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#1338](https://github.com/RocketChat/fuselage/pull/1338) [`ea37a3110`](https://github.com/RocketChat/fuselage/commit/ea37a3110670e507c1a33c0793b6cef1b5ff1215) Thanks [@yash-rajpal](https://github.com/yash-rajpal)! - Accept disable button prop on CodeSnippet component
|
|
8
|
+
|
|
3
9
|
## 0.52.0
|
|
4
10
|
|
|
5
11
|
### Minor Changes
|
package/README.md
CHANGED
|
@@ -115,6 +115,16 @@ yarn storybook
|
|
|
115
115
|
|
|
116
116
|
### Usage
|
|
117
117
|
|
|
118
|
+
To use the fuselage, you need to import the css first:
|
|
119
|
+
|
|
120
|
+
```tsx
|
|
121
|
+
import '@rocket.chat/fuselage/dist/fuselage.css';
|
|
122
|
+
|
|
123
|
+
const MyButton = () => {
|
|
124
|
+
return <Button>Fuselage Button</<Button>
|
|
125
|
+
};
|
|
126
|
+
```
|
|
127
|
+
|
|
118
128
|
Note: If you are using Next.js for development and wish to use Rocket.Chat Fuselage components, you need to dynamically import the component. More on this can be found [here](https://dev.to/vvo/how-to-solve-window-is-not-defined-errors-in-react-and-next-js-5f97#3-third-solution-dynamic-loading).
|
|
119
129
|
|
|
120
130
|
Usage Example:
|
|
@@ -3,8 +3,9 @@ import Box from '../Box';
|
|
|
3
3
|
type CodeSnippetProps = ComponentProps<typeof Box> & {
|
|
4
4
|
children: string;
|
|
5
5
|
buttonText?: string;
|
|
6
|
+
buttonDisabled?: boolean;
|
|
6
7
|
onClick?: () => void;
|
|
7
8
|
};
|
|
8
|
-
declare const CodeSnippet: ({ children, onClick, buttonText, ...props }: CodeSnippetProps) => ReactElement<CodeSnippetProps>;
|
|
9
|
+
declare const CodeSnippet: ({ children, onClick, buttonText, buttonDisabled, ...props }: CodeSnippetProps) => ReactElement<CodeSnippetProps>;
|
|
9
10
|
export default CodeSnippet;
|
|
10
11
|
//# sourceMappingURL=CodeSnippet.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeSnippet.d.ts","sourceRoot":"","sources":["../../../src/components/CodeSnippet/CodeSnippet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1D,OAAO,GAAG,MAAM,QAAQ,CAAC;AAIzB,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG;IACnD,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"CodeSnippet.d.ts","sourceRoot":"","sources":["../../../src/components/CodeSnippet/CodeSnippet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1D,OAAO,GAAG,MAAM,QAAQ,CAAC;AAIzB,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG;IACnD,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,WAAW,gEAMd,gBAAgB,KAAG,aAAa,gBAAgB,CAuBlD,CAAC;AAEF,eAAe,WAAW,CAAC"}
|