@react-ui-org/react-ui 0.52.1 → 0.54.0

package/public/racom.svg

@@ -1,11 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120.5 18.99">
-  <title>RACOM</title>
-  <g>
-    <path d="M68.22,15.12,60.32,4.63a1.89,1.89,0,0,0-3.09,0L49.37,15.12s3,0,3,0c1.65-2.21,5.41-7.25,6.45-8.63l6.46,8.63S68.22,15.13,68.22,15.12Z" style="fill: #7c7c7c" />
-    <path d="M86.51,3.83A4.2,4.2,0,0,0,82.31,8v2.9a4.2,4.2,0,0,0,4.2,4.19h8.54a4.2,4.2,0,0,0,4.2-4.19V8a4.2,4.2,0,0,0-4.2-4.2Zm-1.85,7.1V8a1.85,1.85,0,0,1,1.85-1.85h8.54A1.85,1.85,0,0,1,96.9,8v2.9a1.85,1.85,0,0,1-1.85,1.85H86.51A1.85,1.85,0,0,1,84.66,10.93Z" style="fill: #7c7c7c" />
-    <path d="M101.51,15.12C102,13.41,104,7.06,104,7.06l4.12,6.77a1.91,1.91,0,0,0,1.54.82,1.87,1.87,0,0,0,1.54-.81L115.44,7s2,6.56,2.46,8.09h2.6l-3.21-10a1.63,1.63,0,0,0-3-.49l-4.61,7.2-4.55-7.19a1.61,1.61,0,0,0-3,.49l-3.11,10Z" style="fill: #7c7c7c" />
-    <path d="M81.42,12.78H71.69a1.85,1.85,0,0,1-1.85-1.85V8a1.85,1.85,0,0,1,1.85-1.85h9.73V3.83H71.69A4.21,4.21,0,0,0,67.49,8v2.9a4.2,4.2,0,0,0,4.2,4.19h9.73Z" style="fill: #7c7c7c" />
-    <path d="M21.44,0H7.06A7.07,7.07,0,0,0,0,7.06v4.88a7.06,7.06,0,0,0,7.06,7h4c2.68-.54,3.9-3.06.87-4.46-1.57-.72-4.44.3-4.44.3s1.23-2.43.49-3.34A4,4,0,0,0,5.15,10.4S6.8,8.56,6,7.47A5.23,5.23,0,0,0,4.05,6.14s3.8-3.7,8.17-.82c2.55,1.67,4.61,4.71,6,4.79-.06-.72,0-2.83,1.35-3.61,1.16-.64,1.3-.74,1.3-.74a7.31,7.31,0,0,1,1,3.39,4.85,4.85,0,0,1,3.58-.76A4,4,0,0,1,25.31,10a2.44,2.44,0,0,1-1.89,1.62,1.22,1.22,0,0,0,.7.28,3.87,3.87,0,0,0,4.38-3V7.06A7.07,7.07,0,0,0,21.44,0ZM19,19h2.49a7,7,0,0,0,5-2.11C23.94,14,19.87,18,19,19Z" style="fill: #bd1127" />
-    <path d="M50,7.85s0,.06,0,.09S50,8,50,8Zm-2.6,3.88A4.18,4.18,0,0,0,50,7.94a4.2,4.2,0,0,0-4.19-4.11H35V15.12h2.35V6.18h8.46a1.86,1.86,0,0,1,1.85,1.76A1.86,1.86,0,0,1,45.79,9.7h-3.2l4.67,5.42h3.12Z" style="fill: #7c7c7c" />
-  </g>
-</svg>

package/src/lib/components/Badge/README.mdx

@@ -1,126 +0,0 @@
----
-name: Badge
-menu: 'Miscellaneous'
-route: /components/badge
----
-
-# Badge
-
-Badge highlights content with short additional information.
-
-import {
-  Playground,
-  Props,
-} from 'docz'
-import Placeholder from '../../../docs/_components/Placeholder'
-import { Badge } from '../..'
-
-## Basic Usage
-
-To implement the Badge component, you need to import it first:
-
-```js
-import { Badge } from '@react-ui-org/react-ui';
-```
-
-And use it:
-
-<Playground>
-  <Badge label="Hello!" />
-</Playground>
-
-See [API](#api) for all available options.
-
-## General Guidelines
-
-Use badges to highlight content with a **short and brief** additional
-information: a number, a word, but no more than two words.
-
-## Priorities
-
-There are two **visual priorities** of badges to choose from, from highest to
-lowest:
-
-1. filled
-2. outline
-
-All priorities come in supported
-[component colors](/foundation/colors#component-colors).
-
-### Filled
-
-High-emphasis priority to draw user's attention.
-
-<Playground>
-  <Badge label="1" color="success" />
-  <Badge label="2" color="warning" />
-  <Badge label="3" color="danger" />
-  <Badge label="10" color="help" />
-  <Badge label="34" color="info" />
-  <Badge label="99+" />
-  <Placeholder dark inline>
-    <Badge label="365" color="light" />
-  </Placeholder>
-  <Badge label="999+" color="dark" />
-</Playground>
-
-<Playground>
-  <Badge label="Success" color="success" />
-  <Badge label="Warning" color="warning" />
-  <Badge label="Danger" color="danger" />
-  <Badge label="Help" color="help" />
-  <Badge label="Info" color="info" />
-  <Badge label="Note" />
-  <Placeholder dark inline>
-    <Badge label="Light" color="light" />
-  </Placeholder>
-  <Badge label="Dark" color="dark" />
-</Playground>
-
-### Outline
-
-Medium-emphasis priority to provide additional context in an unobtrusive way.
-
-<Playground>
-  <Badge priority="outline" label="1" color="success" />
-  <Badge priority="outline" label="2" color="warning" />
-  <Badge priority="outline" label="3" color="danger" />
-  <Badge priority="outline" label="10" color="help" />
-  <Badge priority="outline" label="34" color="info" />
-  <Badge priority="outline" label="99+" />
-  <Placeholder dark inline>
-    <Badge priority="outline" label="365" color="light" />
-  </Placeholder>
-  <Badge priority="outline" label="999+" color="dark" />
-</Playground>
-
-<Playground>
-  <Badge priority="outline" label="Success" color="success" />
-  <Badge priority="outline" label="Warning" color="warning" />
-  <Badge priority="outline" label="Danger" color="danger" />
-  <Badge priority="outline" label="Help" color="help" />
-  <Badge priority="outline" label="Info" color="info" />
-  <Badge priority="outline" label="Note" />
-  <Placeholder dark inline>
-    <Badge priority="outline" label="Light" color="light" />
-  </Placeholder>
-  <Badge priority="outline" label="Dark" color="dark" />
-</Playground>
-
-## Forwarding HTML Attributes
-
-In addition to the options below in the [component's API](#api) section, you
-can specify [React synthetic events] or **any HTML attribute you like.** All
-attributes that don't interfere with the API are forwarded to the root `<div>`
-HTML element. This enables making the component interactive and helps to improve
-its accessibility.
-
-👉 Refer to the MDN reference for the full list of supported attributes of the
-[div] element.
-
-## API
-
-<Props table of={Badge} />
-
-[React synthetic events]: https://reactjs.org/docs/events.html
-[div]: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div#attributes