playbook_ui 7.0.1.pre.alpha8 → 7.0.1.pre.alpha9

data/app/pb_kits/playbook/pb_textarea/docs/_textarea_dark_error.html.erb

@@ -1,6 +0,0 @@
-<%= pb_rails("textarea", props: {
-  dark: true,
-  error: "This field has an error!",
-  label: "Label",
-  rows: 4
-}) %>

data/app/pb_kits/playbook/pb_textarea/docs/_textarea_dark_error.jsx

@@ -1,19 +0,0 @@
-import React from 'react'
-import { Textarea } from '../..'
-
-const TextareaDarkError = () => {
-  return (
-    <div>
-      <Textarea
-          dark
-          error="This field has an error!"
-          label="Label"
-          name="comment"
-          placeholder="Placeholder text"
-          value="Default value text"
-      />
-    </div>
-  )
-}
-
-export default TextareaDarkError

data/app/pb_kits/playbook/pb_time/docs/_time_dark.jsx

@@ -1,28 +0,0 @@
-import React from 'react'
-import Time from '../_time.jsx'
-
-const TimeDark = () => {
-  return (
-    <div>
-      <Time
-          dark
-          date={new Date()}
-      />
-      <br />
-      <Time
-          dark
-          date={new Date()}
-          showTimezone
-          size="lg"
-      />
-      <br />
-      <Time
-          dark
-          date={new Date()}
-          showTimezone
-      />
-    </div>
-  )
-}
-
-export default TimeDark

data/app/pb_kits/playbook/pb_time_range_inline/docs/_time_range_inline_dark.html.erb

@@ -1,72 +0,0 @@
-<%= pb_rails("time_range_inline", props: {
-    start_time: "2012-08-02T15:49:29Z",
-    end_time: "2012-08-02T17:49:29Z",
-    size: "xs",
-    dark: true
-}) %>
-<br />
-<%= pb_rails("time_range_inline", props: {
-    start_time: "2012-08-02T15:49:29Z",
-    end_time: "2012-08-02T17:49:29Z",
-    size: "sm",
-    dark: true
-}) %>
-<br />
-<br />
-<%= pb_rails("time_range_inline", props: {
-    start_time: "2012-08-02T15:49:29Z",
-    end_time: "2012-08-02T17:49:29Z",
-    size: "xs",
-    timezone: true,
-    alignment: "center",
-    dark: true
-}) %>
-<br />
-<%= pb_rails("time_range_inline", props: {
-    start_time: "2012-08-02T15:49:29Z",
-    end_time: "2012-08-02T17:49:29Z",
-    size: "sm",
-    timezone: true,
-    alignment: "center",
-    dark: true
-}) %>
-<br />
-<br />
-<%= pb_rails("time_range_inline", props: {
-    icon: true,
-    start_time: "2012-08-02T15:49:29Z",
-    end_time: "2012-08-02T17:49:29Z",
-    size: "xs",
-    alignment: "center",
-    dark: true
-}) %>
-<br />
-<%= pb_rails("time_range_inline", props: {
-    icon: true,
-    start_time: "2012-08-02T15:49:29Z",
-    end_time: "2012-08-02T17:49:29Z",
-    size: "sm",
-    alignment: "center",
-    dark: true
-}) %>
-<br />
-<br />
-<%= pb_rails("time_range_inline", props: {
-    icon: true,
-    start_time: "2012-08-02T15:49:29Z",
-    end_time: "2012-08-02T17:49:29Z",
-    size: "xs",
-    timezone: true,
-    alignment: "right",
-    dark: true
-}) %>
-<br />
-<%= pb_rails("time_range_inline", props: {
-    icon: true,
-    start_time: "2012-08-02T15:49:29Z",
-    end_time: "2012-08-02T17:49:29Z",
-    size: "sm",
-    timezone: true,
-    alignment: "right",
-    dark: true
-}) %>

data/app/pb_kits/playbook/pb_time_range_inline/docs/_time_range_inline_dark.jsx

@@ -1,81 +0,0 @@
-import React from 'react'
-import { TimeRangeInline } from '../../'
-
-const TimeRangeInlineDark = () => (
-  <div>
-    <TimeRangeInline
-        dark
-        endTime="2012-08-02T17:49:29Z"
-        size="xs"
-        startTime="2012-08-02T15:49:29Z"
-    />
-    <br />
-    <TimeRangeInline
-        dark
-        endTime="2012-08-02T17:49:29Z"
-        size="sm"
-        startTime="2012-08-02T15:49:29Z"
-    />
-    <br />
-    <br />
-    <TimeRangeInline
-        alignment="center"
-        dark
-        endTime="2012-08-02T17:49:29Z"
-        size="xs"
-        startTime="2012-08-02T15:49:29Z"
-        timezone="true"
-    />
-    <br />
-    <TimeRangeInline
-        alignment="center"
-        dark
-        endTime="2012-08-02T17:49:29Z"
-        size="sm"
-        startTime="2012-08-02T15:49:29Z"
-        timezone="true"
-    />
-    <br />
-    <br />
-    <TimeRangeInline
-        alignment="center"
-        dark
-        endTime="2012-08-02T17:49:29Z"
-        icon="true"
-        size="xs"
-        startTime="2012-08-02T15:49:29Z"
-    />
-    <br />
-    <TimeRangeInline
-        alignment="center"
-        dark
-        endTime="2012-08-02T17:49:29Z"
-        icon="true"
-        size="sm"
-        startTime="2012-08-02T15:49:29Z"
-    />
-    <br />
-    <br />
-    <TimeRangeInline
-        alignment="right"
-        dark
-        endTime="2012-08-02T17:49:29Z"
-        icon="true"
-        size="xs"
-        startTime="2012-08-02T15:49:29Z"
-        timezone="true"
-    />
-    <br />
-    <TimeRangeInline
-        alignment="right"
-        dark
-        endTime="2012-08-02T17:49:29Z"
-        icon="true"
-        size="sm"
-        startTime="2012-08-02T15:49:29Z"
-        timezone="true"
-    />
-  </div>
-)
-
-export default TimeRangeInlineDark

data/app/pb_kits/playbook/pb_time_stacked/docs/_time_stacked_dark.html.erb

@@ -1 +0,0 @@
-<%= pb_rails("time_stacked", props: { date: DateTime.now, dark: true }) %>

data/app/pb_kits/playbook/pb_time_stacked/docs/_time_stacked_dark.jsx

@@ -1,15 +0,0 @@
-import React from 'react'
-import TimeStacked from '../_time_stacked.jsx'
-
-const TimeStackedDark = () => {
-  return (
-    <div>
-      <TimeStacked
-          dark
-          date={new Date()}
-      />
-    </div>
-  )
-}
-
-export default TimeStackedDark

data/app/pb_kits/playbook/pb_title/docs/_title_dark.html.erb

@@ -1,8 +0,0 @@
-<%= pb_rails("title", props: { text: "Default Title", dark: true }) %>
-
-<br/>
-
-<%= pb_rails("title", props: { text: "Title 4", tag: "h4", size: 4, dark: true }) %>
-<%= pb_rails("title", props: { text: "Title 3", tag: "h3", size: 3, dark: true }) %>
-<%= pb_rails("title", props: { text: "Title 2", tag: "h2", size: 2, dark: true }) %>
-<%= pb_rails("title", props: { text: "Title 1", tag: "h1", size: 1, dark: true }) %>

data/app/pb_kits/playbook/pb_title/docs/_title_dark.jsx

@@ -1,35 +0,0 @@
-import React from 'react'
-import { Title } from '../../'
-
-const TitleDark = () => {
-  return (
-    <div>
-      <Title
-          dark
-          size={4}
-          tag="h4"
-          text="Title 4"
-      />
-      <Title
-          dark
-          size={3}
-          tag="h3"
-          text="Title 3"
-      />
-      <Title
-          dark
-          size={2}
-          tag="h2"
-          text="Title 2"
-      />
-      <Title
-          dark
-          size={1}
-          tag="h1"
-          text="Title 1"
-      />
-    </div>
-  )
-}
-
-export default TitleDark

data/app/pb_kits/playbook/pb_title_count/docs/_title_count_align_dark.html.erb

@@ -1,23 +0,0 @@
-<%= pb_rails("title_count", props: {
-  dark: true,
-  title: "Remodeling Consultants",
-  count: 527
-}) %>
-
-<br>
-
-<%= pb_rails("title_count", props: {
-  dark: true,
-  title: "Remodeling Consultants",
-  count: 527,
-  align: "center"
-}) %>
-
-<br>
-
-<%= pb_rails("title_count", props: {
-  dark: true,
-  title: "Remodeling Consultants",
-  count: 527,
-  align: "right"
-}) %>

data/app/pb_kits/playbook/pb_title_count/docs/_title_count_align_dark.jsx

@@ -1,34 +0,0 @@
-import React from 'react'
-import { TitleCount } from '../../'
-
-const TitleCountAlignDark = () => {
-  return (
-    <>
-      <TitleCount
-          count={527}
-          dark
-          title="Remodeling Consultants"
-      />
-
-      <br />
-
-      <TitleCount
-          align="center"
-          count={527}
-          dark
-          title="Remodeling Consultants"
-      />
-
-      <br />
-
-      <TitleCount
-          align="right"
-          count={527}
-          dark
-          title="Remodeling Consultants"
-      />
-    </>
-  )
-}
-
-export default TitleCountAlignDark

data/app/pb_kits/playbook/pb_title_count/docs/_title_count_dark.html.erb

@@ -1,23 +0,0 @@
-<%= pb_rails("title_count", props: {
-  title: "Appointments",
-  count: 35.78,
-  dark: true
-}) %>
-
-<br>
-
-<%= pb_rails("title_count", props: {
-  title: "Appointments",
-  count: 7399,
-  size: "lg",
-  dark: true
-}) %>
-
-<br>
-
-<%= pb_rails("title_count", props: {
-  title: "Appointments",
-  count: -379503.3720,
-  size: "lg",
-  dark: true
-}) %>

data/app/pb_kits/playbook/pb_title_count/docs/_title_count_dark.jsx

@@ -1,34 +0,0 @@
-import React from 'react'
-import { TitleCount } from '../../'
-
-const TitleCountDark = () => {
-  return (
-    <>
-      <TitleCount
-          count={35.78}
-          dark
-          title="Appointments"
-      />
-
-      <br />
-
-      <TitleCount
-          count={7399}
-          dark
-          size="lg"
-          title="Appointments"
-      />
-
-      <br />
-
-      <TitleCount
-          count={-379503.372}
-          dark
-          size="lg"
-          title="Appointments"
-      />
-    </>
-  )
-}
-
-export default TitleCountDark

data/app/pb_kits/playbook/pb_title_detail/docs/_title_detail_dark.html.erb

@@ -1,19 +0,0 @@
-<%= pb_rails("title_detail", props: {
-  dark: true,
-  title: "Email Notifications",
-  detail: "Commits data and history"
-}) %>
-
-<%= pb_rails("title_detail", props: {
-  dark: true,
-  title: "Email Notifications",
-  detail: "Commits data and history",
-  align: "center"
-}) %>
-
-<%= pb_rails("title_detail", props: {
-  dark: true,
-  title: "Email Notifications",
-  detail: "Commits data and history",
-  align: "right"
-}) %>

data/app/pb_kits/playbook/pb_title_detail/docs/_title_detail_dark.jsx

@@ -1,29 +0,0 @@
-import React from 'react'
-import { TitleDetail } from '../../'
-
-const TitleDetailDark = () => (
-  <div>
-    <TitleDetail
-        dark
-        detail="Commits data and history"
-        title="Email Notifications"
-    />
-
-    <TitleDetail
-        align="center"
-        dark
-        detail="Commits data and history"
-        title="Email Notifications"
-    />
-
-    <TitleDetail
-        align="right"
-        dark
-        detail="Commits data and history"
-        title="Email Notifications"
-    />
-
-  </div>
-)
-
-export default TitleDetailDark