playbook_ui 2.7.2 → 2.8.1

data/components/TimePicker/TimePickerStory.jsx

@@ -1,22 +0,0 @@
-import React from 'react'
-import TimePicker from './TimePicker'
-
-import { select, boolean, number } from '@storybook/addon-knobs'
-
-export default function TimePickerStory(stories) {
-  stories.add('TimePicker',
-    () => {
-      const props = {
-        clock: select('clock', [12, 24], 12),
-        disabled: boolean('disabled', false),
-        minHour: number('minHour', 0, { range: true, min: 0, max: 24, step: 1}),
-        maxHour: number('maxHour', 24, { range: true, min: 0, max: 24, step: 1}),
-        onChange: () => {},
-        defaultValue: '',
-      }
-      return (
-        <TimePicker {...props}/>
-      )
-    }
-  )
-}

data/components/TimePicker/styles.scss

@@ -1 +0,0 @@
-.timePicker {}

data/components/TimePicker/styles.scss.flow

@@ -1,5 +0,0 @@
-// @flow
-/* This file is automatically generated by css-modules-flow-types */
-declare module.exports: {|
-
-|};

data/components/ToggleButton/ToggleButton.jsx

@@ -1,68 +0,0 @@
-/* @flow */
-
-import React, { Component } from 'react'
-import classnames from 'classnames'
-
-type Props = {
-  active: boolean,
-  className?: string,
-  offLabel?: string,
-  onLabel?: string,
-  onToggle: () => mixed,
-  size?: 'small' | 'med' | 'large',
-}
-
-import styles from './toggleButton.scss'
-
-export default class ToggleButton extends Component<Props> {
-  static defaultProps = {
-    active: false,
-    size: 'med',
-    onToggle: () => {},
-  }
-
-  props: Props
-
-  handleToggle = () => {
-    this.props.onToggle(!this.props.active)
-  }
-
-  render() {
-    const {
-      active,
-      className,
-      offLabel,
-      onLabel,
-      size,
-    } = this.props
-
-    const css = [
-      styles[`toggle-button-${size}`],
-      active ? styles[`toggle-button-${size}-active`] : null,
-    ]
-
-    return (
-      <div className={classnames(className, "clearfix", styles.root)}>
-        <div
-            className={classnames(css)}
-            onClick={this.handleToggle}
-        />
-        <If condition={offLabel && onLabel}>
-          <label
-              className={classnames(styles[`toggle-button-${size}-label`], styles[`toggle-button-${size}-label-${active ? 'active' : 'inactive'}`])}
-              onClick={this.handleToggle}
-          >
-            <If condition={active}>
-              <strong>
-                {onLabel}
-              </strong>
-            <Else/>
-              {offLabel}
-            </If>
-          </label>
-        </If>
-      </div>
-
-    )
-  }
-}

data/components/ToggleButton/ToggleButtonStory.jsx

@@ -1,46 +0,0 @@
-import React from "react"
-import ToggleButton from "./ToggleButton"
-
-import { text, select } from "@storybook/addon-knobs"
-
-class Wrapper extends React.Component {
-  state = {
-    active: false,
-  }
-  handleOnChange = (active) => {
-    this.setState({active})
-  }
-  render() {
-    const {children} = this.props
-    return (
-      <div className="container my-5">
-        <div className="col-sm-6">
-          {
-            React.cloneElement(children, {
-              onToggle: this.handleOnChange,
-              active: this.state.active,
-            })
-          }
-        </div>
-      </div>
-    )
-  }
-}
-
-export default function ToggleButtonStory(stories) {
-  stories.add("ToggleButton",
-    () => {
-      let props = {
-        className: text("className", ""),
-        offLabel: text("offLabel", "Deactivated"),
-        onLabel: text("onLabel", "Activated"),
-        size: select("size", ["small", "med", "large"]),
-      }
-      return (
-        <Wrapper>
-          <ToggleButton {...props}/>
-        </Wrapper>
-      )
-    }
-  )
-}

data/components/ToggleButton/toggleButton.scss

@@ -1,70 +0,0 @@
-@import "base-variables/_colors.scss";
-@import "base-variables/_spacing.sass";
-@import "base-variables/_typography.sass";
-
-.root {
-  cursor: pointer;
-}
-
-.toggle-button {
-
-  @mixin toggle-btn($radius) {
-    $inactive: $gray-2;
-    $active: $power-green;
-    $offset: $radius / ($radius / 2);
-    border: 1px solid $inactive;
-    border-radius: $radius;
-    background: $inactive;
-    float: left;
-    margin-right: $space-base;
-    padding: $radius / 2;
-    position: relative;
-    width: $radius * 2;
-    transition-property: background border;
-    transition-duration: 0.5s;
-    &::before {
-      content: ' ';
-      cursor: pointer;
-      border-radius: $radius;
-      background: $white;
-      padding: ($radius / 2) - $offset;
-      position: absolute;
-      left: $offset + 0px;
-      top: $offset + 0px;
-      transition-property: all;
-      transition-duration: 0.5s;
-    }
-    &-active {
-      background: $active;
-      border: 1px solid $active;
-      &::before {
-        left: $radius;
-      }
-    }
-  }
-
-  $radius: 30px;
-
-  &-small {
-    @include toggle-btn($radius / 2);
-    &-label {
-      cursor: pointer;
-      font-size: $font-smaller;
-    }
-  }
-  &-med {
-    @include toggle-btn($radius);
-    &-label {
-      cursor: pointer;
-      margin-top: 5px;
-    }
-  }
-  &-large {
-    @include toggle-btn($radius * 2);
-    &-label {
-      cursor: pointer;
-      margin-top: 5px;
-      font-size: $font-larger;
-    }
-  }
-}

data/components/ToggleButton/toggleButton.scss.flow

@@ -1,14 +0,0 @@
-// @flow
-/* This file is automatically generated by css-modules-flow-types */
-declare module.exports: {|
-  +'root': string;
-  +'toggle-button-large': string;
-  +'toggle-button-large-active': string;
-  +'toggle-button-large-label': string;
-  +'toggle-button-med': string;
-  +'toggle-button-med-active': string;
-  +'toggle-button-med-label': string;
-  +'toggle-button-small': string;
-  +'toggle-button-small-active': string;
-  +'toggle-button-small-label': string;
-|};

data/components/UserStamp/UserStamp.jsx

@@ -1,40 +0,0 @@
-/* @flow */
-
-import React from 'react'
-
-import moment from 'moment'
-import classnames from 'classnames'
-
-import Avatar from '../Avatar/Avatar'
-import Text from '../Text/Text'
-
-import styles from './styles.scss'
-
-type UserStampProps = {|
-  action: string,
-  date: string,
-  name: string,
-  thumbUrl: string,
-|}
-
-const DateFormat = 'MMM Do, YYYY'
-
-const UserStamp = ({ thumbUrl, name, action, date }: UserStampProps) => (
-  <div className={classnames(styles['user-stamp'], 'mt-2')}>
-    <Avatar
-        size="smaller"
-        thumb={thumbUrl}
-        url={thumbUrl}
-    />
-    <div>
-       <p className={'m-0 ml-2 text-smaller text-meta-bold'}>
-        <Text color={'ink'}>{action} {moment(date).format(DateFormat)}</Text>
-      </p>
-      <p className='m-0 ml-2 text-smaller'>
-        <Text color={'ink-lighter'}>{`by ${name}`}</Text>
-      </p>
-    </div>
-  </div>
-)
-
-export default UserStamp

data/components/UserStamp/UserStampStory.jsx

@@ -1,22 +0,0 @@
-import React from "react"
-
-import UserStamp from "./UserStamp"
-
-import { text } from "@storybook/addon-knobs"
-
-export default function UserStampStory(stories) {
-  stories.add("User Stamp",
-    () => {
-      let props = {
-        thumbUrl: text('thumbUrl', 'http://i.pravatar.cc/46'),
-        name: text('name', 'John Galt'),
-        date: text('date', 'Nov 28, 2017'),
-      }
-      return (
-        <div className="container">
-          <UserStamp {...props} />
-        </div>
-      )
-    }
-  )
-}

data/components/UserStamp/styles.scss

@@ -1,6 +0,0 @@
-@import "base-mixins/_all.scss";
-@import "base-variables/_all.scss";
-
-.user-stamp {
-  display: flex;
-}

data/components/UserStamp/styles.scss.flow

@@ -1,7 +0,0 @@
-// @flow
-/* This file is automatically generated by css-modules-flow-types */
-declare module.exports: {|
-  +'hidden-xxs': string;
-  +'user-stamp': string;
-  +'visible-xxs': string;
-|};

data/components/Wip/Wip.jsx

@@ -1,34 +0,0 @@
-/* @flow */
-
-import React from 'react'
-
-type Props = {
-  branch: string,
-  children: Array<React.Component>,
-  prNumber: number,
-}
-
-export default class Wip extends React.Component<Props> {
-  props: Props
-  render() {
-    const {
-      branch,
-      children,
-      prNumber,
-    } = this.props
-
-    return (
-      <div>
-        <div className="alert alert-warning">
-          {`W.I.P. see `}
-          <a
-              href={`https://github.com/powerhome/nitro-storybook/pull/${prNumber}`}
-          >
-              {branch}
-          </a>
-        </div>
-        {children}
-      </div>
-    )
-  }
-}

data/components/index.js

@@ -1,33 +0,0 @@
-export Avatar from './Avatar/Avatar'
-export Badge from './Badge/Badge'
-export Banner from './Banner/Banner'
-export Button from './Button/Button'
-export DatePicker from './DatePicker/DatePicker'
-export DateTimePicker from './DateTimePicker/DateTimePicker'
-export DOBInput from './DOBInput'
-export Errors from './Errors/Errors'
-export Icon from './Icon/Icon'
-export Milestones from './Milestones/Milestones'
-export Panel from './Panel/Panel'
-export PanelGroup from './PanelGroup/PanelGroup'
-export SearchCollectionSelect from './SearchCollectionSelect/SearchCollectionSelect'
-export Tab from './Tab/Tab.jsx'
-export TabList from './TabList/TabList.jsx'
-export Text from './Text/Text.jsx'
-export TextInput from './TextInput/TextInput.jsx'
-export ToggleButton from './ToggleButton/ToggleButton.jsx'
-export Grade from './Grade/Grade.jsx'
-export StepMeter from './StepMeter/StepMeter.jsx'
-export Survey from './Survey/Survey.jsx'
-export MonogramAvatar from './MonogramAvatar/MonogramAvatar'
-export FileCard from './FileCard/FileCard.jsx'
-export FlyoutPanel from './FlyoutPanel/FlyoutPanel'
-export Spinner from './Spinner/Spinner'
-export TimePicker from './TimePicker/TimePicker'
-export UserStamp from './UserStamp/UserStamp'
-export Flip from './Flip/Flip'
-export Highlight from './Highlight/Highlight'
-export Card from './Card/Card.jsx'
-export CollapsibleCard from './CollapsibleCard/CollapsibleCard.jsx'
-export IconToggle from './IconToggle/IconToggle.jsx'
-export CircleButton from './CircleButton/CircleButton.jsx'

data/components/types.js

@@ -1,21 +0,0 @@
-/* @flow */
-
-export type SurveyQuestions = [
-  {
-    question: string,
-    answers: [{
-      label: string,
-      value: string | number | Object,
-    }],
-  }
-]
-
-export type IconType = {
-  className: string,
-  name: string,
-  label: string,
-  onClick: () => mixed,
-  size: string,
-  spin: boolean,
-  title: string,
-}

data/lib/generators/kit/templates/html.erb

@@ -1,3 +0,0 @@
-<span class="<%%= object.class_name %>">
-  <span><%%= object.text %></span>
-</span>

data/lib/generators/kit/templates/javascript.erb

@@ -1,4 +0,0 @@
-import <%= js_titleize_file_name %> from "pb_<%= name %>/_<%= name %>.jsx";
-import WebpackerReact from "webpacker-react";
-
-WebpackerReact.setup({ <%= js_titleize_file_name %> });

data/lib/generators/kit/templates/logo.txt

@@ -1,28 +0,0 @@
-MMMMMMMMMMMMMMMMMMMXkoodONWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
-MMMMMMMMMMMMMMMMMMNkllllldOXWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
-MMMMMMMMMMMMMMMMMMXxlllllllox0XWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
-MMMMMMMMMMMMMMMMMWXxllllllllllok0NWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
-MMMMMMMMMMMMMMMMNKkollllllllllllldkKNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
-MMMMMMMMMMMMMWKOdlllllllllllllllllllxOXWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
-MMMMMMMMMMWXOxolllllllllllllllllllllllox0NWMMMMMNOkkkkkkkkkkkO0KXWMMMMMXOkkkOXMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMXOkkk0NMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNOkkkOXMMMMMMMMMMM
-MMMMMMMWN0kollllllllllllllllllllllllllllldkXWMMM0;............'';lkNMMMk,...,OMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMx'...;0MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMO,...,kMMMMMMMMMMM
-MMMMMNKkdllllllllllllllllllllllllllllllllllxNMMM0;................'cKMMk,...,OMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMx'...;0MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMO,...,kMMMMMMMMMMM
-MMWXOdllllllllllllllllllllllllllllllllllllldXMMM0;....,okkkkxo;.....lXMk,...,OMMMMMWNK00OO00XWMMMMNXKKKKKNMMMMMMWXKKKKXWx'...;0WX0OO0KNMMMMMMMMMMWXK0OO0KXWMMMMMMMMMMWNK0OOO0KNWMMMMMMO,...,kMMMWNKKKKKX
-N0xolllllllllllllllokOdllllllllllllllllllllxXMMM0;....;0MMMMMWk,....;0Mk,...,OMMWKxl:,'''.'',cdKWMKl,,,,,oNMMMMWk;,,,;kWx'...,ol;''.',:d0WMMMMW0dc;''..'';cxKWMMMMMNOo:,''.'',:okNMMMMO,...,kMMNx:,,,,l0
-dlllllloollllodolokKNWXOdlllokO0OOxolllllllxXMMM0;....,x00000kc'....cXMk,...,OMMWx,..',,,'.....;OWWOl;...'xWMMMK:...'oNWx'......'''.....,xNMMXo,.....''.....,dXMMWOc'....'''....':OWMMO,...,kW0c'...,dXM
-llllllokKOdox0Kxd0KkKXO0KkokK0kxxkKKxllllllxXMMM0;.....''''''......;OWMk,...,OMMMNkldkO0K0x;....lNMWNx'...;OWMXl....cKMMx'...'ck000d:....,kWXl....,oO00kl,...'oNWO;....:x000x:....;OWMO,...,dx,...'c0WMM
-llllllllx0XXXOdldxolOXxlddkX0olllloKKdllllldXMMM0;..............':dKWMMk,...,OMMWXxlc::cldkl....cXMMMNo'...cKWx'...;0MMMx'...;0MMMMM0;....oNk,...'xWMMMMNd'...,ONl....:0MMMMM0:....lNMO,...','...,dNMMMM
-lllllllox0XKXOdlllloOXxlllxX0olllldKKdllllldXMMM0;....,lddddddxO0NMMMMMk,...,OMWO;....';;;,'....cXMMMMXc...'ok;...,kWMMMx'...;0MMMMMK:....lNk'...,kMMMMMWx'...,kXl....cXMMMMMXc....cXMO,.........'lKWMMM
-llllllokKOdox00xllllOXxllllkK0kxkOKKxllllllxXMMM0;....;0MMMMMMMMMMMMMMMk,...,OMXl....:OXNXOc....cXMMMMM0:...',...'dNMMMMx'...,dXWWWKo'...'xWK:....:ONWWNk:....cKWx'...'oKWWWKo'...'xWMO,....,c:....;kNMM
-llllllloollllloollllk0dllllloxOOOkxolllllld0WMMM0;....;0MMMMMMMMMMMMMMMk,...,OMNo....;x000x;....cXMMMMMWO,.......oNMMMMMx'....';cc:,.....lXMWO:....':cc;'....:0WMNd,....,ccc,....'dNMMO,...'dNXl'...'oXM
-lllllllllllllllllllllllllllllllllllllllox0NWMMMM0;....;0MMMMMMMMMMMMMMMk'...,OMMKo,....''';,....cXMMMMMMWx'.....cKMMMMMMx'...':;......';dXMMMMXd:'........,:xXMMMMWOl;'.......';lOWMMMO,...'kMMNx,....:O
-llllllllllllllllllllllllllllllllllllldOXWMMMMMMMXkxxxxkNMMMMMMMMMMMMMMMXkxxxkXMMMWKkdoooxOX0xxxxONMMMMMMMKc....;0MMMMMMMKxxxxkXKkdoooxOXWMMMMMMMN0kdoooodkKNMMMMMMMMWXOxoooodxOXWMMMMMXkxxxxXMMMW0xxxxxk
-ollllllllllllllllllllllllllllllllldkKNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNkddc'...,kWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
-Kkollllllllllllllllllllllllllllok0NWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM0;......:OWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
-MWX0xollllllllllllllllllllllox0XWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM0c::clokXMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
-MMMMWXOdlllllllllllllllllldOKWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWWNNWWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
-MMMMMMMNKkdlllllllllllllx0NWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
-MMMMMMMMMWN0xollllllllllOWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
-MMMMMMMMMMMMWXOxollllllo0WMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
-MMMMMMMMMMMMMMMWKOdlllldKMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
-MMMMMMMMMMMMMMMMMWXOxdkKWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM