chore(migration): 🚚 rename repo to renderlesskit-react & reflect new …

…npm pkg
adaptui · Dec 3, 2020 · d0e8317 · d0e8317
1 parent bb7b448
commit d0e8317
Show file tree

Hide file tree

Showing 63 changed files with 486 additions and 483 deletions.
diff --git a/.all-contributorsrc b/.all-contributorsrc
@@ -1,5 +1,5 @@
 {
-  "projectName": "renderless-components",
+  "projectName": "renderlesskit-react",
   "projectOwner": "timelessco",
   "repoType": "github",
   "repoHost": "https://github.com",

diff --git a/.storybook/webpack.config.js b/.storybook/webpack.config.js
@@ -3,7 +3,7 @@ const path = require("path");
 module.exports = ({ config }) => {
   config.resolve.alias = {
     ...config.resolve.alias,
-    "renderless-components": path.resolve(__dirname, "../src"),
+    "@renderlesskit/react": path.resolve(__dirname, "../src"),
   };
   config.module.rules.push({
     test: /\.css$/,

diff --git a/CHANGELOG.md b/CHANGELOG.md
diff --git a/README.md b/README.md
@@ -1,4 +1,4 @@
-<h1 align="center">Renderless Components</h1>
+<h1 align="center">Renderlesskit React</h1>
 
 <p align="center">
   Collection of headless components/hooks that are accessible, composable, customizable from low level to build your own UI & Design System powered by <a href="https://reakit.io/">Reakit</a>
@@ -7,11 +7,11 @@ System.
 </p>
 
 <p align="center">
-  <a href="https://npmjs.org/package/renderless-components"><img alt="NPM version" src="https://img.shields.io/npm/v/renderless-components.svg" /></a>
-  <a href="https://npmjs.org/package/renderless-components"><img alt="NPM downloads" src="https://img.shields.io/npm/dm/renderless-components.svg"></a>
-  <a href="https://github.com/timelessco/renderless-components/actions"><img alt="Build Status" src="https://github.com/timelessco/renderless-components/workflows/Test/badge.svg?event=push&branch=master" /></a>
-  <a href="https://app.netlify.com/sites/renderless-components/deploys"><img alt="Netlify Status" src="https://api.netlify.com/api/v1/badges/42b9b82f-b8e7-441e-a6c3-9f301addd7ff/deploy-status" /></a><br/>
-  <a href="https://github.com/timelessco/renderless-components/blob/master/LICENSE"><img src="https://img.shields.io/badge/License-MIT-yellow.svg" alt="License"></a>
+  <a href="https://npmjs.org/package/@renderlesskit/react"><img alt="NPM version" src="https://img.shields.io/npm/v/@renderlesskit/react.svg" /></a>
+  <a href="https://npmjs.org/package/@renderlesskit/react"><img alt="NPM downloads" src="https://img.shields.io/npm/dm/@renderlesskit/react.svg"></a>
+  <a href="https://github.com/timelessco/renderlesskit-react/actions"><img alt="Build Status" src="https://github.com/timelessco/renderlesskit-react/workflows/Test/badge.svg?event=push&branch=master" /></a>
+  <a href="https://app.netlify.com/sites/renderlesskit-react/deploys"><img alt="Netlify Status" src="https://api.netlify.com/api/v1/badges/42b9b82f-b8e7-441e-a6c3-9f301addd7ff/deploy-status" /></a><br/>
+  <a href="https://github.com/timelessco/renderlesskit-react/blob/master/LICENSE"><img src="https://img.shields.io/badge/License-MIT-yellow.svg" alt="License"></a>
 </p>
 
 ## Features
@@ -26,10 +26,10 @@ System.
 
 ```sh
 # npm
-npm install renderless-components reakit
+npm install @renderlesskit/react reakit
 
 # Yarn
-yarn add renderless-components reakit
+yarn add @renderlesskit/react reakit
 ```
 
 > Make sure `react react-dom` is installed.
@@ -67,8 +67,8 @@ Thanks goes to these wonderful people
 <!-- markdownlint-disable -->
 <table>
   <tr>
-    <td align="center"><a href="https://navinmoorthy.me/"><img src="https://avatars0.githubusercontent.com/u/39694575?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Navin Moorthy</b></sub></a><br /><a href="https://github.com/timelessco/renderless-components/commits?author=navin-moorthy" title="Code">💻</a></td>
-    <td align="center"><a href="http://anuraghazra.github.io/"><img src="https://avatars3.githubusercontent.com/u/35374649?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Anurag Hazra</b></sub></a><br /><a href="https://github.com/timelessco/renderless-components/commits?author=anuraghazra" title="Code">💻</a></td>
+    <td align="center"><a href="https://navinmoorthy.me/"><img src="https://avatars0.githubusercontent.com/u/39694575?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Navin Moorthy</b></sub></a><br /><a href="https://github.com/timelessco/renderlesskit-react/commits?author=navin-moorthy" title="Code">💻</a></td>
+    <td align="center"><a href="http://anuraghazra.github.io/"><img src="https://avatars3.githubusercontent.com/u/35374649?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Anurag Hazra</b></sub></a><br /><a href="https://github.com/timelessco/renderlesskit-react/commits?author=anuraghazra" title="Code">💻</a></td>
     <td align="center"><a href="http://timeless.co/"><img src="https://avatars2.githubusercontent.com/u/6380293?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Sandeep Prabhakaran</b></sub></a><br /><a href="#ideas-sandeepprabhakaran" title="Ideas, Planning, & Feedback">🤔</a></td>
   </tr>
 </table>

diff --git a/docs/accordion.md b/docs/accordion.md
@@ -29,7 +29,7 @@ import {
   AccordionPanel,
   AccordionTrigger,
   useAccordionState,
-} from "renderless-components";
+} from "@renderlesskit/react";
 
 export function App(props) {
   const state = useAccordionState(props);
@@ -65,9 +65,9 @@ export function App(props) {
 export default App;
 ```
 
-[Accordion Styled - Open on Sandbox](https://codesandbox.io/s/7l87v)
+[Accordion Basic - Open on Sandbox](https://codesandbox.io/s/scil2)
 
-[Accordion Basic - Open on Sandbox](https://codesandbox.io/s/w4vcr)
+[Accordion Styled - Open on Sandbox](https://codesandbox.io/s/lonmk)
 
 ## Accessibility Requirements
 

diff --git a/docs/breadcrumb.md b/docs/breadcrumb.md
@@ -20,7 +20,7 @@ for its
 ```js
 import * as React from "react";
 
-import { Breadcrumbs, BreadcrumbLink } from "renderless-components";
+import { Breadcrumbs, BreadcrumbLink } from "@renderlesskit/react";
 
 export const App = props => {
   return (
@@ -57,7 +57,7 @@ export const App = props => {
 export default App;
 ```
 
-[Breadcrumbs Basic - Open on Sandbox](https://codesandbox.io/s/vdmiv)
+[Breadcrumbs Basic - Open on Sandbox](https://codesandbox.io/s/t3ygx)
 
 ## Accessibility Requirement
 

diff --git a/docs/calendar.md b/docs/calendar.md
@@ -39,7 +39,7 @@ import {
   CalendarGrid,
   CalendarHeader,
   CalendarWeekTitle,
-} from "renderless-components";
+} from "@renderlesskit/react";
 
 export const App = props => {
   const state = useCalendarState(props);
@@ -159,7 +159,7 @@ import {
   CalendarCellButton,
   CalendarWeekTitle,
   useRangeCalendarState,
-} from "renderless-components";
+} from "@renderlesskit/react";
 
 export const App = props => {
   const state = useRangeCalendarState(props);
@@ -265,9 +265,9 @@ const DoubleChevronRight = props => (
 );
 ```
 
-[RangeCalendar - Open On Sandbox](https://codesandbox.io/s/86dqv)
+[Calendar - Open On Sandbox](https://codesandbox.io/s/qutws)
 
-[Calendar - Open On Sandbox](https://codesandbox.io/s/qte2l)
+[RangeCalendar - Open On Sandbox](https://codesandbox.io/s/g035s)
 
 ## Composition
 

diff --git a/docs/datepicker.md b/docs/datepicker.md
@@ -39,7 +39,7 @@ import {
   CalendarGrid,
   CalendarHeader,
   CalendarWeekTitle,
-} from "renderless-components";
+} from "@renderlesskit/react";
 
 export const App = props => {
   const state = useDatePickerState({
@@ -202,7 +202,7 @@ import {
   CalendarButton,
   CalendarWeekTitle,
   CalendarCellButton,
-} from "renderless-components";
+} from "@renderlesskit/react";
 
 export const App = props => {
   const state = useDateRangePickerState({
@@ -366,9 +366,9 @@ const DoubleChevronRight = props => (
 );
 ```
 
-[DatePicker - Open On Sandbox](https://codesandbox.io/s/snelw)
+[RangeDatePicker - Open On Sandbox](https://codesandbox.io/s/7r8jv)
 
-[RangeDatePicker - Open On Sandbox](https://codesandbox.io/s/cqgs2)
+[DatePicker - Open On Sandbox](https://codesandbox.io/s/x7w6p)
 
 ## Composition
 

diff --git a/docs/drawer.md b/docs/drawer.md
@@ -24,7 +24,7 @@ import {
   DrawerBackdrop,
   DrawerCloseButton,
   DrawerDisclosure,
-} from "renderless-components";
+} from "@renderlesskit/react";
 
 export const App = () => {
   const dialog = useDrawerState({ animated: true });
@@ -95,7 +95,7 @@ const cssTransforms = {
 };
 ```
 
-[Drawer - Open On Sandbox](https://codesandbox.io/s/hj8ns)
+[Drawer - Open On Sandbox](https://codesandbox.io/s/ostxr)
 
 ## Composition
 

diff --git a/docs/getting-started.md b/docs/getting-started.md
@@ -8,10 +8,10 @@ customizable from low level to build your own UI & Design System powered by
 
 ```sh
 # npm
-npm install renderless-components reakit
+npm install @renderlesskit/react reakit
 
 # Yarn
-yarn add renderless-components reakit
+yarn add @renderlesskit/react reakit
 ```
 
 > Make sure `react react-dom` is installed.
@@ -32,7 +32,7 @@ import {
   AccordionPanel,
   AccordionTrigger,
   useAccordionState,
-} from "renderless-components";
+} from "@renderlesskit/react";
 
 function App() {
   const state = useAccordionState();

diff --git a/docs/link.md b/docs/link.md
@@ -19,7 +19,7 @@ and
 ```js
 import * as React from "react";
 
-import { Link } from "renderless-components";
+import { Link } from "@renderlesskit/react";
 
 export const App = props => {
   return <Link {...props}>Reakit</Link>;
@@ -28,7 +28,7 @@ export const App = props => {
 export default App;
 ```
 
-[Link - Open on Sandbox](https://codesandbox.io/s/5zhtt)
+[Link - Open on Sandbox](https://codesandbox.io/s/5gwlm)
 
 ## Composition
 

diff --git a/docs/meter.md b/docs/meter.md
@@ -20,7 +20,7 @@ that varies within a defined range. It follows the
 import * as React from "react";
 import { css, keyframes } from "@emotion/css";
 
-import { Meter, useMeterState } from "renderless-components";
+import { Meter, useMeterState } from "@renderlesskit/react";
 
 export const App = props => {
   const {
@@ -110,7 +110,7 @@ function meterBarStyle(meter, props) {
 }
 ```
 
-[Meter - Open On Sandbox](https://codesandbox.io/s/ypo8h)
+[Meter - Open On Sandbox](https://codesandbox.io/s/8mxwv)
 
 ## Accessibility Requirement
 

diff --git a/docs/number-input.md b/docs/number-input.md
@@ -28,7 +28,7 @@ import {
   useNumberInputState,
   NumberInputDecrementButton,
   NumberInputIncrementButton,
-} from "renderless-components";
+} from "@renderlesskit/react";
 
 export const App = props => {
   const state = useNumberInputState(props);
@@ -52,7 +52,7 @@ export const App = props => {
 export default App;
 ```
 
-[NumberInput - Open On Sandbox](https://codesandbox.io/s/b8pez)
+[NumberInput - Open On Sandbox](https://codesandbox.io/s/j0wly)
 
 ## Accessibility Requirement
 

diff --git a/docs/pagination.md b/docs/pagination.md
@@ -22,7 +22,7 @@ import {
   Pagination,
   PaginationButton,
   usePaginationState,
-} from "renderless-components";
+} from "@renderlesskit/react";
 
 export const App = props => {
   const state = usePaginationState({ count: 10, ...props });
@@ -77,7 +77,7 @@ export const App = props => {
 export default App;
 ```
 
-[Pagination - Open On Sandbox](https://codesandbox.io/s/c7ttm)
+[Pagination - Open On Sandbox](https://codesandbox.io/s/cwuhv)
 
 ## Accessibility Requirement
 

diff --git a/docs/picker-base.md b/docs/picker-base.md
@@ -23,7 +23,7 @@ import {
   PickerBaseTrigger,
   PickerBaseContent,
   usePickerBaseState,
-} from "renderless-components";
+} from "@renderlesskit/react";
 
 export const App = props => {
   const state = usePickerBaseState(props);
@@ -41,7 +41,7 @@ export const App = props => {
 export default App;
 ```
 
-[PickerBase - Open On Sandbox](https://codesandbox.io/s/bfbp9)
+[PickerBase - Open On Sandbox](https://codesandbox.io/s/h7pxf)
 
 ## Composition
 

diff --git a/docs/progress.md b/docs/progress.md
@@ -20,7 +20,7 @@ import * as React from "react";
 import { Button } from "reakit";
 import { css, keyframes } from "@emotion/css";
 
-import { cx, isNull, Progress, useProgressState } from "renderless-components";
+import { cx, isNull, Progress, useProgressState } from "@renderlesskit/react";
 
 export const App = props => {
   const {
@@ -150,9 +150,9 @@ const indeterminateStyles = css({
 });
 ```
 
-[Progress Linear- Open On Sandbox](https://codesandbox.io/s/9mmng)
+[Progress Circular - Open On Sandbox](https://codesandbox.io/s/e3eun)
 
-[Progress Circular - Open On Sandbox](https://codesandbox.io/s/lszhp)
+[Progress Linear- Open On Sandbox](https://codesandbox.io/s/0p2yo)
 
 ## Accessibility Requirement
 

diff --git a/docs/segment.md b/docs/segment.md
@@ -18,7 +18,7 @@ accessibility properties necessary for the [DatePicker](./datepicker.md) &
 ```js
 import React from "react";
 
-import { Segment, SegmentField, useSegmentState } from "renderless-components";
+import { Segment, SegmentField, useSegmentState } from "@renderlesskit/react";
 
 export const App = props => {
   const state = useSegmentState(props);
@@ -42,7 +42,7 @@ export const App = props => {
 export default App;
 ```
 
-[Segment - Open On Sandbox](https://codesandbox.io/s/rb7uv)
+[Segment - Open On Sandbox](https://codesandbox.io/s/3wjgt)
 
 ## Composition
 

diff --git a/docs/select.md b/docs/select.md
@@ -31,7 +31,7 @@ import {
   SelectOption,
   SelectPopover,
   useSelectState,
-} from "renderless-components";
+} from "@renderlesskit/react";
 
 export const App = props => {
   const select = useSelectState({ gutter: 8, ...props });
@@ -54,7 +54,7 @@ export const App = props => {
 export default App;
 ```
 
-[Select - Open On Sandbox](https://codesandbox.io/s/hrtki)
+[Select - Open On Sandbox](https://codesandbox.io/s/mfpy7)
 
 ## Props
 

diff --git a/docs/slider.md b/docs/slider.md
@@ -30,7 +30,7 @@ import {
   SliderThumb,
   SliderInput,
   useSliderState,
-} from "renderless-components";
+} from "@renderlesskit/react";
 
 export const App = args => {
   const { label, isReversed, origin: originProp, ...rest } = args;
@@ -144,7 +144,7 @@ export const App = args => {
 export default App;
 ```
 
-[Slider - Open On Sandbox](https://codesandbox.io/s/s20jt)
+[Slider - Open On Sandbox](https://codesandbox.io/s/eng7z)
 
 ## Accessibility Requirement
 

diff --git a/docs/timepicker.md b/docs/timepicker.md
@@ -31,7 +31,7 @@ import {
   useTimePickerState,
   TimePickerColumnValue,
   TimePickerSegmentField,
-} from "renderless-components";
+} from "@renderlesskit/react";
 
 const CalendarIcon = () => (
   <svg viewBox="0 0 36 36" focusable="false" aria-hidden="true" role="img">
@@ -116,7 +116,7 @@ export const App = props => {
 export default App;
 ```
 
-[TimePicker - Open On Sandbox](https://codesandbox.io/s/5k3uo)
+[TimePicker - Open On Sandbox](https://codesandbox.io/s/jph5c)
 
 ## Composition