build(badge): 👷 add badges to csb links (#189)

adaptui · Jan 18, 2021 · 063eec1 · 063eec1 · vercel · Jan 18, 2021
1 parent e1742a5
commit 063eec1
Show file tree

Hide file tree

Showing 36 changed files with 75 additions and 77 deletions.
diff --git a/docs-templates/accordion.md b/docs-templates/accordion.md
@@ -15,12 +15,12 @@ for
 <!-- IMPORT_EXAMPLE src/accordion/stories/__js/AccordionBasic.component.jsx -->
 
 <!-- CODESANDBOX
-link_title: Accordion Basic - Open on Sandbox
+link_title: Accordion Basic
 js: src/accordion/stories/__js/AccordionBasic.component.jsx
 -->
 
 <!-- CODESANDBOX
-link_title: Accordion Styled - Open on Sandbox
+link_title: Accordion Styled
 js: src/accordion/stories/__js/AccordionStyled.component.jsx
 css: src/accordion/stories/AccordionStyled.css
 -->

diff --git a/docs-templates/breadcrumb.md b/docs-templates/breadcrumb.md
@@ -13,7 +13,7 @@ for its
 <!-- IMPORT_EXAMPLE src/breadcrumbs/stories/__js/Breadcrumbs.component.jsx -->
 
 <!-- CODESANDBOX
-link_title: Breadcrumbs Basic - Open on Sandbox
+link_title: Breadcrumbs Basic
 js: src/breadcrumbs/stories/__js/Breadcrumbs.component.jsx
 css: src/breadcrumbs/stories/Breadcrumbs.css
 -->

diff --git a/docs-templates/calendar.md b/docs-templates/calendar.md
@@ -50,13 +50,13 @@ Also we can customize and style the ranges with CSS attribute selectors
 ```
 
 <!-- CODESANDBOX
-link_title: Calendar - Open On Sandbox
+link_title: Calendar
 js: src/calendar/stories/__js/CalendarBase.component.jsx
 css: src/calendar/stories/CalendarBase.css
 -->
 
 <!-- CODESANDBOX
-link_title: RangeCalendar - Open On Sandbox
+link_title: RangeCalendar
 js: src/calendar/stories/__js/CalendarRange.component.jsx
 css: src/calendar/stories/CalendarRange.css
 -->

diff --git a/docs-templates/datepicker.md b/docs-templates/datepicker.md
@@ -18,13 +18,13 @@ for the keyboard navigation & accessibility features.
 <!-- IMPORT_EXAMPLE src/datepicker/stories/__js/DatePickerRange.component.jsx -->
 
 <!-- CODESANDBOX
-link_title: DatePicker - Open On Sandbox
+link_title: DatePicker
 js: src/datepicker/stories/__js/DatePicker.component.jsx
 css: src/datepicker/stories/DatePickerBase.css
 -->
 
 <!-- CODESANDBOX
-link_title: RangeDatePicker - Open On Sandbox
+link_title: RangeDatePicker
 js: src/datepicker/stories/__js/DateRangePicker.component.jsx
 css: src/datepicker/stories/DatePickerRange.css
 -->

diff --git a/docs-templates/drawer.md b/docs-templates/drawer.md
@@ -11,7 +11,7 @@ component to provide the drawer ability from four ends. It follows the
 <!-- IMPORT_EXAMPLE src/drawer/stories/__js/Drawer.component.jsx -->
 
 <!-- CODESANDBOX
-link_title: Drawer - Open On Sandbox
+link_title: Drawer
 js: src/drawer/stories/__js/Drawer.component.jsx
 -->
 

diff --git a/docs-templates/link.md b/docs-templates/link.md
@@ -14,7 +14,7 @@ and
 <!-- IMPORT_EXAMPLE src/link/stories/__js/Link.component.jsx -->
 
 <!-- CODESANDBOX
-link_title: Link - Open on Sandbox
+link_title: Link
 js: src/link/stories/__js/Link.component.jsx
 -->
 

diff --git a/docs-templates/meter.md b/docs-templates/meter.md
@@ -12,13 +12,13 @@ that varies within a defined range. It follows the
 <!-- IMPORT_EXAMPLE src/meter/stories/__js/MeterBasic.component.jsx -->
 
 <!-- CODESANDBOX
-link_title: Meter Basic- Open On Sandbox
+link_title: Meter Basic
 js: src/meter/stories/__js/MeterBasic.component.jsx
 css: src/meter/stories/MeterBasic.css
 -->
 
 <!-- CODESANDBOX
-link_title: Meter Styled - Open On Sandbox
+link_title: Meter Styled
 js: src/meter/stories/__js/MeterStyled.component.jsx
 deps: ['@emotion/css']
 -->

diff --git a/docs-templates/number-input.md b/docs-templates/number-input.md
@@ -14,7 +14,7 @@ for the accessibility features.
 <!-- IMPORT_EXAMPLE src/number-input/stories/__js/NumberInput.component.jsx -->
 
 <!-- CODESANDBOX
-link_title: NumberInput - Open On Sandbox
+link_title: NumberInput
 js: src/number-input/stories/__js/NumberInput.component.jsx
 -->
 

diff --git a/docs-templates/pagination.md b/docs-templates/pagination.md
@@ -10,7 +10,7 @@ navigation.
 <!-- IMPORT_EXAMPLE src/pagination/stories/__js/Pagination.component.jsx -->
 
 <!-- CODESANDBOX
-link_title: Pagination - Open On Sandbox
+link_title: Pagination
 js: src/pagination/stories/__js/Pagination.component.jsx
 -->
 

diff --git a/docs-templates/picker-base.md b/docs-templates/picker-base.md
@@ -11,7 +11,7 @@
 <!-- IMPORT_EXAMPLE src/picker-base/stories/__js/PickerBase.component.jsx -->
 
 <!-- CODESANDBOX
-link_title: PickerBase - Open On Sandbox
+link_title: PickerBase
 js: src/picker-base/stories/__js/PickerBase.component.jsx
 -->
 

diff --git a/docs-templates/progress.md b/docs-templates/progress.md
@@ -11,19 +11,19 @@ of time to load. It follows
 <!-- IMPORT_EXAMPLE src/progress/stories/__js/ProgressBasic.component.jsx -->
 
 <!-- CODESANDBOX
-link_title: Progress Basic- Open On Sandbox
+link_title: Progress Basic
 js: src/progress/stories/__js/ProgressBasic.component.jsx
 css: src/progress/stories/ProgressBasic.css
 -->
 
 <!-- CODESANDBOX
-link_title: Progress Linear- Open On Sandbox
+link_title: Progress Linear
 js: src/progress/stories/__js/LinearProgress.component.jsx
 deps: ['@emotion/css']
 -->
 
 <!-- CODESANDBOX
-link_title: Progress Circular - Open On Sandbox
+link_title: Progress Circular
 js: src/progress/stories/__js/CircularProgress.component.jsx
 deps: ['@emotion/css']
 -->

diff --git a/docs-templates/segment.md b/docs-templates/segment.md
@@ -12,7 +12,7 @@ accessibility properties necessary for the [DatePicker](./datepicker.md) &
 <!-- IMPORT_EXAMPLE src/segment/stories/__js/Segment.component.jsx -->
 
 <!-- CODESANDBOX
-link_title: Segment - Open On Sandbox
+link_title: Segment
 js: src/segment/stories/__js/Segment.component.jsx
 -->
 

diff --git a/docs-templates/select.md b/docs-templates/select.md
@@ -13,47 +13,47 @@ for the show/hide.
 <!-- IMPORT_EXAMPLE src/select/stories/__js/Select.component.jsx -->
 
 <!-- CODESANDBOX
-link_title: Select - Open On Sandbox
+link_title: Select
 js: src/select/stories/__js/Select.component.jsx
 css: src/select/stories/Select.css
 -->
 
 <!-- CODESANDBOX
-link_title: Dynamic Select - Open On Sandbox
+link_title: Dynamic Select
 js: src/select/stories/__js/SelectDynamic.component.jsx
 utils: src/select/stories/__js/Utils.component.jsx
 css: src/select/stories/Select.css
 -->
 
 <!-- CODESANDBOX
-link_title: Multiple Select - Open On Sandbox
+link_title: Multiple Select
 js: src/select/stories/__js/SelectMultiple.component.jsx
 utils: src/select/stories/__js/Utils.component.jsx
 css: src/select/stories/Select.css
 -->
 
 <!-- CODESANDBOX
-link_title: Fetch Select - Open On Sandbox
+link_title: Fetch Select
 js: src/select/stories/__js/SelectFetch.component.jsx
 css: src/select/stories/Select.css
 -->
 
 <!-- CODESANDBOX
-link_title: Windows Select - Open On Sandbox
+link_title: Windows Select
 js: src/select/stories/__js/SelectWindows.component.jsx
 utils: src/select/stories/__js/Utils.component.jsx
 css: src/select/stories/Select.css
 -->
 
 <!-- CODESANDBOX
-link_title: Custom Select - Open On Sandbox
+link_title: Custom Select
 js: src/select/stories/__js/SelectCustom.component.jsx
 utils: src/select/stories/__js/Utils.component.jsx
 css: src/select/stories/Select.css
 -->
 
 <!-- CODESANDBOX
-link_title: Controlled Select - Open On Sandbox
+link_title: Controlled Select
 js: src/select/stories/__js/SelectControlled.component.jsx
 utils: src/select/stories/__js/Utils.component.jsx
 css: src/select/stories/Select.css

diff --git a/docs-templates/slider.md b/docs-templates/slider.md
@@ -15,37 +15,37 @@ for the
 <!-- IMPORT_EXAMPLE src/slider/stories/__js/components/SingleSlider.component.jsx -->
 
 <!-- CODESANDBOX
-link_title: Single Slider - Open On Sandbox
+link_title: Single Slider
 js: src/slider/stories/__js/components/SingleSlider.component.jsx
 css: src/slider/stories/Slider.css
 -->
 
 <!-- CODESANDBOX
-link_title: Single Origin Slider - Open On Sandbox
+link_title: Single Origin Slider
 js: src/slider/stories/__js/components/SingleOriginSlider.component.jsx
 css: src/slider/stories/Slider.css
 -->
 
 <!-- CODESANDBOX
-link_title: Single Reversed Slider - Open On Sandbox
+link_title: Single Reversed Slider
 js: src/slider/stories/__js/components/SingleReversedSlider.component.jsx
 css: src/slider/stories/Slider.css
 -->
 
 <!-- CODESANDBOX
-link_title: Single Vertical Slider - Open On Sandbox
+link_title: Single Vertical Slider
 js: src/slider/stories/__js/components/SingleVerticalSlider.component.jsx
 css: src/slider/stories/Slider.css
 -->
 
 <!-- CODESANDBOX
-link_title: Range Slider - Open On Sandbox
+link_title: Range Slider
 js: src/slider/stories/__js/components/RangeSlider.component.jsx
 css: src/slider/stories/Slider.css
 -->
 
 <!-- CODESANDBOX
-link_title: Multi Slider - Open On Sandbox
+link_title: Multi Slider
 js: src/slider/stories/__js/components/MultiSlider.component.jsx
 css: src/slider/stories/Slider.css
 -->

diff --git a/docs-templates/timepicker.md b/docs-templates/timepicker.md
@@ -12,7 +12,7 @@ for the keyboard navigation & accessibility features.
 <!-- IMPORT_EXAMPLE src/timepicker/stories/__js/TimePicker.component.jsx -->
 
 <!-- CODESANDBOX
-link_title: TimePicker - Open On Sandbox
+link_title: TimePicker
 js: src/timepicker/stories/__js/TimePicker.component.jsx
 css: src/timepicker/stories/TimePicker.css
 -->

diff --git a/docs-templates/toast.md b/docs-templates/toast.md
@@ -36,26 +36,26 @@ removing the toast from the state, this would ensure the CSS or any other
 animations has the chance to finish without being interrupted.
 
 <!-- CODESANDBOX
-link_title: Toast Basic - Open On Sandbox
+link_title: Toast Basic
 js: src/toast/stories/__js/ToastBasic.component.jsx
 -->
 
 <!-- CODESANDBOX
-link_title: Toast Styled - Open On Sandbox
+link_title: Toast Styled
 js: src/toast/stories/__js/ToastStyled.component.jsx
 utils: src/toast/stories/__js/Utils.component.jsx
 css: src/toast/stories/ToastStyled.css
 -->
 
 <!-- CODESANDBOX
-link_title: Toast CSS Animated - Open On Sandbox
+link_title: Toast CSS Animated
 js: src/toast/stories/__js/ToastCSSAnimated.component.jsx
 utils: src/toast/stories/__js/Utils.component.jsx
 css: src/toast/stories/ToastStyled.css
 -->
 
 <!-- CODESANDBOX
-link_title: Toast React Spring - Open On Sandbox
+link_title: Toast React Spring
 js: src/toast/stories/__js/ToastReactSpring.component.jsx
 utils: src/toast/stories/__js/Utils.component.jsx
 css: src/toast/stories/ToastStyled.css

diff --git a/docs/accordion.md b/docs/accordion.md
@@ -65,9 +65,9 @@ export function App(props) {
 export default App;
 ```
 
-[Accordion Basic - Open on Sandbox](https://codesandbox.io/s/scil2)
+[![Edit CodeSandbox](https://img.shields.io/badge/Accordion%20Basic-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515)](https://codesandbox.io/s/scil2)
 
-[Accordion Styled - Open on Sandbox](https://codesandbox.io/s/lonmk)
+[![Edit CodeSandbox](https://img.shields.io/badge/Accordion%20Styled-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515)](https://codesandbox.io/s/lonmk)
 
 ## Accessibility Requirements
 

diff --git a/docs/breadcrumb.md b/docs/breadcrumb.md
@@ -57,7 +57,7 @@ export const App = props => {
 export default App;
 ```
 
-[Breadcrumbs Basic - Open on Sandbox](https://codesandbox.io/s/t3ygx)
+[![Edit CodeSandbox](https://img.shields.io/badge/Breadcrumbs%20Basic-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515)](https://codesandbox.io/s/t3ygx)
 
 ## Accessibility Requirement
 

diff --git a/docs/calendar.md b/docs/calendar.md
@@ -141,9 +141,9 @@ Also we can customize and style the ranges with CSS attribute selectors
 }
 ```
 
-[Calendar - Open On Sandbox](https://codesandbox.io/s/z5377)
+[![Edit CodeSandbox](https://img.shields.io/badge/Calendar-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515)](https://codesandbox.io/s/z5377)
 
-[RangeCalendar - Open On Sandbox](https://codesandbox.io/s/lxxfg)
+[![Edit CodeSandbox](https://img.shields.io/badge/RangeCalendar-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515)](https://codesandbox.io/s/lxxfg)
 
 ## Composition
 

diff --git a/docs/code-base-overview.md b/docs/code-base-overview.md
@@ -83,7 +83,7 @@ link
 - Usage:
   ```md
   <!-- CODESANDBOX
-  link_title: Accordion Example Live Demo
+  link_title: Accordion Example
   js: src/accordion/stories/__js/AccordionBasic.component.jsx
   css: src/accordion/stories/AccordionStyled.css
   -->

diff --git a/docs/datepicker.md b/docs/datepicker.md
@@ -278,9 +278,9 @@ const RangeCalendar = state => {
 };
 ```
 
-[DatePicker - Open On Sandbox](https://codesandbox.io/s/l56y1)
+[![Edit CodeSandbox](https://img.shields.io/badge/DatePicker-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515)](https://codesandbox.io/s/l56y1)
 
-[RangeDatePicker - Open On Sandbox](https://codesandbox.io/s/8oyx5)
+[![Edit CodeSandbox](https://img.shields.io/badge/RangeDatePicker-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515)](https://codesandbox.io/s/8oyx5)
 
 ## Composition
 

diff --git a/docs/drawer.md b/docs/drawer.md
@@ -95,7 +95,7 @@ const cssTransforms = {
 };
 ```
 
-[Drawer - Open On Sandbox](https://codesandbox.io/s/ostxr)
+[![Edit CodeSandbox](https://img.shields.io/badge/Drawer-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515)](https://codesandbox.io/s/ostxr)
 
 ## Composition
 

diff --git a/docs/link.md b/docs/link.md
@@ -28,7 +28,7 @@ export const App = props => {
 export default App;
 ```
 
-[Link - Open on Sandbox](https://codesandbox.io/s/5gwlm)
+[![Edit CodeSandbox](https://img.shields.io/badge/Link-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515)](https://codesandbox.io/s/5gwlm)
 
 ## Composition
 

diff --git a/docs/meter.md b/docs/meter.md
@@ -49,9 +49,9 @@ const background = {
 };
 ```
 
-[Meter Basic- Open On Sandbox](https://codesandbox.io/s/b9ri6)
+[![Edit CodeSandbox](https://img.shields.io/badge/Meter%20Basic-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515)](https://codesandbox.io/s/b9ri6)
 
-[Meter Styled - Open On Sandbox](https://codesandbox.io/s/8mxwv)
+[![Edit CodeSandbox](https://img.shields.io/badge/Meter%20Styled-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515)](https://codesandbox.io/s/8mxwv)
 
 ## Accessibility Requirement
 

diff --git a/docs/number-input.md b/docs/number-input.md
@@ -52,7 +52,7 @@ export const App = props => {
 export default App;
 ```
 
-[NumberInput - Open On Sandbox](https://codesandbox.io/s/j0wly)
+[![Edit CodeSandbox](https://img.shields.io/badge/NumberInput-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515)](https://codesandbox.io/s/j0wly)
 
 ## Accessibility Requirement
 

diff --git a/docs/pagination.md b/docs/pagination.md
@@ -77,7 +77,7 @@ export const App = props => {
 export default App;
 ```
 
-[Pagination - Open On Sandbox](https://codesandbox.io/s/cwuhv)
+[![Edit CodeSandbox](https://img.shields.io/badge/Pagination-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515)](https://codesandbox.io/s/cwuhv)
 
 ## Accessibility Requirement
 

diff --git a/docs/picker-base.md b/docs/picker-base.md
@@ -42,7 +42,7 @@ export const App = props => {
 export default App;
 ```
 
-[PickerBase - Open On Sandbox](https://codesandbox.io/s/h7pxf)
+[![Edit CodeSandbox](https://img.shields.io/badge/PickerBase-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515)](https://codesandbox.io/s/h7pxf)
 
 ## Composition