Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@remirror/ui

Package Overview
Dependencies
Maintainers
1
Versions
32
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@remirror/ui - npm Package Compare versions

Comparing version 0.7.6 to 1.0.0-next.0

8

CHANGELOG.md
# @remirror/ui
## 1.0.0-next.0
> 2020-07-05
### Major Changes
- b3153b4c: Deprecate unused packages in the latest version.
## 0.7.6

@@ -4,0 +12,0 @@

37

package.json
{
"name": "@remirror/ui",
"description": "ui utilities for remirror",
"version": "1.0.0-next.0",
"description": "DEPRECATED - ui utilities for remirror",
"homepage": "https://github.com/remirror/remirror/tree/next/@remirror/ui",
"repository": "https://github.com/remirror/remirror/tree/master/support/deprecated/ui",
"license": "MIT",
"author": "Ifiok Jr. <ifiokotung@gmail.com>",
"homepage": "https://github.com/remirror/remirror/tree/master/@remirror/ui",
"repository": "https://github.com/remirror/remirror/tree/master/@remirror/ui",
"version": "0.7.6",
"main": "lib/index.js",
"module": "lib/dist/ui.esm.js",
"files": [
"lib",
"src"
"contributors": [
"Ifiok Jr. <ifiokotung@gmail.com>"
],
"sideEffects": false,
"types": "lib/index.d.ts",
"dependencies": {
"@babel/runtime": "^7",
"@remirror/core-constants": "^0.7.4",
"@remirror/core-helpers": "^0.7.6",
"@remirror/core-types": "^0.9.0",
"@styled-system/css": "^5.0.23",
"@types/styled-system__css": "^5.0.4",
"csstype": "^2.6.7",
"emotion-theming": "^10.0.19"
},
"peerDependencies": {
"@emotion/core": "^10",
"@types/react": "^16.8.0",
"react": "^16.8.0"
},
"publishConfig": {
"access": "public"
},
"cjs": "lib/dist/ui.cjs.js",
"meta": {
"sizeLimit": "20 KB"
}
}
# @remirror/ui
[![npm bundle size (scoped)](https://img.shields.io/bundlephobia/minzip/@remirror/ui.svg?)](https://bundlephobia.com/result?p=@remirror/ui)
[![npm](https://img.shields.io/npm/dm/@remirror/ui.svg?&logo=npm)](https://www.npmjs.com/package/@remirror/ui)
This library is the base for all the UI (user interface) components and styles within Remirror. It uses
`@emotion/core` and `@styled-system/css`, but was inspired by `theme-ui`.
## Installation
```bash
yarn add @remirror/ui @remirror/core @remirror/react
```
## Usage
Firstly, create the theme or use a custom theme preset.
### `sx`
The `sx` utility comes from the [`@styled-system/css`][styled-system/css] package and is intended for use with
the Emotion `css` prop. It will attempt to use values from the `theme` object for many common CSS properties,
and will fall back to raw values when there is no corresponding theme value.
To see a list of supported CSS properties, see the
[Styled System CSS docs](https://styled-system.com/css/#theme-keys).
```js
sx(styleObject)(theme);
```
**Usage:**
```jsx
/** @jsx jsx */
import { jsx } from '@emotion/core';
<div css={sx(styles)} />;
```
| Argument | Type | Description |
| ------------- | ------ | ---------------------------------------------------------------------------------------------------- |
| `styleObject` | Object | a theme-aware style object with support for responsive array values and Styled System prop shortcuts |
| `theme` | Object | the Emotion theming context object |
Deprecated. Remirror is not a UI library.
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc