playbook_ui 8.1.0.pre.alpha1 → 8.1.0

data/lib/playbook/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Playbook
-  VERSION = "8.1.0.pre.alpha1"
+  VERSION = "8.1.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 8.1.0.pre.alpha1
+  version: 8.1.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-03-10 00:00:00.000000000 Z
+date: 2021-03-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -17,7 +17,7 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 5.2.4.5
+        version: 5.1.6
     - - "<"
       - !ruby/object:Gem::Version
         version: '6.0'
@@ -27,7 +27,7 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 5.2.4.5
+        version: 5.1.6
     - - "<"
       - !ruby/object:Gem::Version
         version: '6.0'
@@ -37,7 +37,7 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 5.2.4.5
+        version: 5.1.6
     - - "<"
       - !ruby/object:Gem::Version
         version: '7.0'
@@ -47,7 +47,7 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 5.2.4.5
+        version: 5.1.6
     - - "<"
       - !ruby/object:Gem::Version
         version: '7.0'
@@ -57,7 +57,7 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 5.2.4.5
+        version: 5.1.6
     - - "<"
       - !ruby/object:Gem::Version
         version: '7.0'
@@ -67,7 +67,7 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 5.2.4.5
+        version: 5.1.6
     - - "<"
       - !ruby/object:Gem::Version
         version: '7.0'
@@ -464,7 +464,6 @@ files:
 - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip.html.erb
 - app/pb_kits/playbook/pb_avatar_action_button/docs/example.yml
 - app/pb_kits/playbook/pb_avatar_action_button/docs/index.js
-- app/pb_kits/playbook/pb_avatar_action_button/pb_avatar_action_button.test.js
 - app/pb_kits/playbook/pb_background/_background.jsx
 - app/pb_kits/playbook/pb_background/_background.scss
 - app/pb_kits/playbook/pb_background/background.html.erb
@@ -527,7 +526,6 @@ files:
 - app/pb_kits/playbook/pb_button/_button_mixins.scss
 - app/pb_kits/playbook/pb_button/button.html.erb
 - app/pb_kits/playbook/pb_button/button.rb
-- app/pb_kits/playbook/pb_button/button.test.js
 - app/pb_kits/playbook/pb_button/docs/_button_accessibility.html.erb
 - app/pb_kits/playbook/pb_button/docs/_button_accessibility.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_block_content.html.erb
@@ -554,7 +552,6 @@ files:
 - app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_mixins.scss
 - app/pb_kits/playbook/pb_button_toolbar/button_toolbar.html.erb
 - app/pb_kits/playbook/pb_button_toolbar/button_toolbar.rb
-- app/pb_kits/playbook/pb_button_toolbar/button_toolbar.test.js
 - app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_default.html.erb
 - app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_default.jsx
 - app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_secondary.html.erb
@@ -612,8 +609,6 @@ files:
 - app/pb_kits/playbook/pb_card/docs/_card_separator.jsx
 - app/pb_kits/playbook/pb_card/docs/_card_shadow.html.erb
 - app/pb_kits/playbook/pb_card/docs/_card_shadow.jsx
-- app/pb_kits/playbook/pb_card/docs/_card_tag.html.erb
-- app/pb_kits/playbook/pb_card/docs/_card_tag.jsx
 - app/pb_kits/playbook/pb_card/docs/example.yml
 - app/pb_kits/playbook/pb_card/docs/index.js
 - app/pb_kits/playbook/pb_checkbox/_checkbox.jsx
@@ -659,7 +654,6 @@ files:
 - app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.scss
 - app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.html.erb
 - app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.rb
-- app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.test.js
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_click.jsx
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_default.html.erb
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_default.jsx
@@ -856,29 +850,6 @@ files:
 - app/pb_kits/playbook/pb_date_year_stacked/docs/_footer.md
 - app/pb_kits/playbook/pb_date_year_stacked/docs/example.yml
 - app/pb_kits/playbook/pb_date_year_stacked/docs/index.js
-- app/pb_kits/playbook/pb_dialog/_close_icon.jsx
-- app/pb_kits/playbook/pb_dialog/_dialog.html.erb
-- app/pb_kits/playbook/pb_dialog/_dialog.jsx
-- app/pb_kits/playbook/pb_dialog/_dialog.scss
-- app/pb_kits/playbook/pb_dialog/_dialog_context.jsx
-- app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.jsx
-- app/pb_kits/playbook/pb_dialog/child_kits/_dialog_footer.jsx
-- app/pb_kits/playbook/pb_dialog/child_kits/_dialog_header.jsx
-- app/pb_kits/playbook/pb_dialog/dialog.rb
-- app/pb_kits/playbook/pb_dialog/dialog.test.jsx
-- app/pb_kits/playbook/pb_dialog/dialog_header.rb
-- app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.jsx
-- app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.md
-- app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
-- app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.jsx
-- app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.md
-- app/pb_kits/playbook/pb_dialog/docs/_dialog_separators.jsx
-- app/pb_kits/playbook/pb_dialog/docs/_dialog_separators.md
-- app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx
-- app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.md
-- app/pb_kits/playbook/pb_dialog/docs/_dialog_sizes.jsx
-- app/pb_kits/playbook/pb_dialog/docs/example.yml
-- app/pb_kits/playbook/pb_dialog/docs/index.js
 - app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.jsx
 - app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
 - app/pb_kits/playbook/pb_distribution_bar/distribution_bar.html.erb
@@ -1002,6 +973,7 @@ files:
 - app/pb_kits/playbook/pb_form/docs/example.yml
 - app/pb_kits/playbook/pb_form/form.rb
 - app/pb_kits/playbook/pb_form/form_builder.rb
+- app/pb_kits/playbook/pb_form/form_builder/action_area.html.erb
 - app/pb_kits/playbook/pb_form/form_builder/action_area.rb
 - app/pb_kits/playbook/pb_form/form_builder/checkbox_field.rb
 - app/pb_kits/playbook/pb_form/form_builder/collection_select_field.rb
@@ -1184,14 +1156,6 @@ files:
 - app/pb_kits/playbook/pb_image/image.html.erb
 - app/pb_kits/playbook/pb_image/image.rb
 - app/pb_kits/playbook/pb_image/image.test.js
-- app/pb_kits/playbook/pb_inline/_inline.jsx
-- app/pb_kits/playbook/pb_inline/_inline.scss
-- app/pb_kits/playbook/pb_inline/docs/_inline_default.jsx
-- app/pb_kits/playbook/pb_inline/docs/_inline_input_options.jsx
-- app/pb_kits/playbook/pb_inline/docs/_inline_text_options.jsx
-- app/pb_kits/playbook/pb_inline/docs/example.yml
-- app/pb_kits/playbook/pb_inline/docs/index.js
-- app/pb_kits/playbook/pb_inline/inline.test.jsx
 - app/pb_kits/playbook/pb_kit/dateTime.js
 - app/pb_kits/playbook/pb_kit/pb_date_time.rb
 - app/pb_kits/playbook/pb_label_pill/_label_pill.jsx
@@ -2051,15 +2015,6 @@ files:
 - app/pb_kits/playbook/tokens/_spacing.scss
 - app/pb_kits/playbook/tokens/_transition.scss
 - app/pb_kits/playbook/tokens/_typography.scss
-- app/pb_kits/playbook/tokens/exports/_border_radius.scss
-- app/pb_kits/playbook/tokens/exports/_colors.scss
-- app/pb_kits/playbook/tokens/exports/_line_height.scss
-- app/pb_kits/playbook/tokens/exports/_opacity.scss
-- app/pb_kits/playbook/tokens/exports/_positioning.scss
-- app/pb_kits/playbook/tokens/exports/_screen_sizes.scss
-- app/pb_kits/playbook/tokens/exports/_shadows.scss
-- app/pb_kits/playbook/tokens/exports/_spacing.scss
-- app/pb_kits/playbook/tokens/exports/_typography.scss
 - app/pb_kits/playbook/tokens/index.scss
 - app/pb_kits/playbook/types.js
 - app/pb_kits/playbook/utilities/_background_colors.scss
@@ -2073,7 +2028,6 @@ files:
 - app/pb_kits/playbook/utilities/test-utils.js
 - app/pb_kits/playbook/utilities/text.js
 - app/pb_kits/playbook/vendor.js
-- dist/reset.css
 - fonts/fontawesome-min.js
 - fonts/regular-min.js
 - lib/playbook.rb
@@ -2119,11 +2073,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">"
+  - - ">="
     - !ruby/object:Gem::Version
-      version: 1.3.1
+      version: '0'
 requirements: []
-rubygems_version: 3.1.4
+rubyforge_project:
+rubygems_version: 2.7.3
 signing_key:
 specification_version: 4
 summary: Playbook Design System

data/app/pb_kits/playbook/pb_avatar_action_button/pb_avatar_action_button.test.js

@@ -1,31 +0,0 @@
-import React from 'react'
-import { render, screen } from '../utilities/test-utils'
-
-import AvatarActionButton from './_avatar_action_button'
-
-const imageUrl = 'https://randomuser.me/api/portraits/women/8.jpg',
-  testId = 'scarden',
-  name = 'Sophia Carden',
-  imageAlt = 'Sophia Carden Profile'
-
-test('loads the given image url and name', () => {
-  render(
-    <AvatarActionButton
-        data={{ testid: testId }}
-        imageAlt={imageAlt}
-        imageUrl={imageUrl}
-        linkAriaLabel={name}
-        name={name}
-    />
-  )
-
-  const kit      = screen.getByTestId(testId)
-  const image    = screen.getByAltText(imageAlt)
-  const link     = kit.children[0]
-
-  expect(kit).toHaveClass('pb_avatar_action_button_kit_add_bottom_left_md')
-  expect(image).toHaveAttribute('data-src', imageUrl)
-  expect(image).toHaveAttribute('src', imageUrl)
-  expect(image).toHaveAttribute('alt', imageAlt)
-  expect(link).toHaveAttribute('aria-label', name)
-})

data/app/pb_kits/playbook/pb_button/button.test.js

@@ -1,91 +0,0 @@
-
-import React from 'react'
-import { appendAlert, fireEvent, render, screen, waitFor } from '../utilities/test-utils'
-
-import Button from './_button'
-
-// Primary Test Variables
-const htmlType = 'submit',
-  text = 'Button Text',
-  value = '1234'
-
-test('passes type, text, and value props to button', () => {
-  render(
-    <>
-      <Button
-          data={{ testid: 'primary-test' }}
-          htmlType={htmlType}
-          text={text}
-          value={value}
-      />
-    </>
-  )
-
-  const kit = screen.getByTestId('primary-test')
-  const content  = screen.getByText(text)
-
-  expect(kit).toHaveClass('pb_button_kit_primary_inline_enabled')
-  expect(kit).toHaveAttribute('type', htmlType)
-  expect(kit).toHaveAttribute('value', value)
-  expect(content).toHaveTextContent(text)
-})
-
-// Link Test Variables
-const link = 'https://www.google.com'
-
-test('adds link to button', () => {
-  render(
-    <Button
-        data={{ testid: 'link-test' }}
-        link={link}
-    />
-  )
-
-  const kit = screen.getByTestId('link-test')
-
-  expect(kit).toHaveAttribute('href', link)
-})
-
-test('button with secondary variant', () => {
-  render(
-    <Button
-        data={{ testid: 'variant-test' }}
-        variant="secondary"
-    />
-  )
-
-  const kit = screen.getByTestId('variant-test')
-
-  expect(kit).toHaveClass('pb_button_kit_secondary_inline_enabled')
-  expect(kit).toHaveAttribute('type', 'button')
-})
-
-test('disable prop', () => {
-  render(
-    <Button
-        data={{ testid: 'disable-test' }}
-        disabled
-    />
-  )
-
-  const kit = screen.getByTestId('disable-test')
-
-  expect(kit).toBeDisabled()
-})
-
-test('click event', async () => {
-  render(
-    <Button
-        data={{ testid: 'click-test' }}
-        onClick={() => appendAlert('clicked button!')}
-    />
-  )
-
-  const kit = screen.getByTestId('click-test')
-
-  fireEvent.click(kit)
-
-  await waitFor(() => screen.getByText('clicked button!'))
-
-  expect(screen.getByText('clicked button!')).toBeInTheDocument()
-})

data/app/pb_kits/playbook/pb_button_toolbar/button_toolbar.test.js

@@ -1,46 +0,0 @@
-import React from 'react'
-import { render, screen } from '../utilities/test-utils'
-
-import { Button, ButtonToolbar } from '../'
-
-test('default test', () => {
-  render(
-    <ButtonToolbar
-        data={{ testid: 'default-test' }}
-    >
-      <Button
-          data={{ testid: 'child-button' }}
-          text="Test"
-      />
-    </ButtonToolbar>
-  )
-
-  const kit   = screen.getByTestId('default-test')
-  const child = screen.getByTestId('child-button')
-
-  expect(kit).toHaveClass('pb_button_toolbar_kit_horizontal_primary')
-  expect(kit).toContainElement(child)
-  expect(child).toHaveClass('pb_button_kit_primary_inline_enabled')
-})
-
-test('variant and orientation props', () => {
-  render(
-    <ButtonToolbar
-        data={{ testid: 'second-test' }}
-        orientation="vertical"
-        variant="secondary"
-    >
-      <Button
-          data={{ testid: 'child-button' }}
-          text="Create"
-          variant="secondary"
-      />
-    </ButtonToolbar>
-  )
-
-  const kit   = screen.getByTestId('second-test')
-  const child = screen.getByTestId('child-button')
-
-  expect(kit).toHaveClass('pb_button_toolbar_kit_vertical_secondary')
-  expect(child).toHaveClass('pb_button_kit_secondary_inline_enabled')
-})

data/app/pb_kits/playbook/pb_card/docs/_card_tag.html.erb

@@ -1,25 +0,0 @@
-<%= pb_rails("card", props: { tag: "section" }) do %> section <% end %>
-
-<br />
-
-<%= pb_rails("card", props: { tag: "footer" }) do %> footer <% end %>
-
-<br />
-
-<%= pb_rails("card", props: { tag: "header" }) do %> header <% end %>
-
-<br />
-
-<%= pb_rails("card", props: { tag: "article" }) do %> article <% end %>
-
-<br />
-
-<%= pb_rails("card", props: { tag: "aside" }) do %> aside <% end %>
-
-<br />
-
-<%= pb_rails("card", props: { tag: "main" }) do %> main <% end %>
-
-<br />
-
-<%= pb_rails("card", props: { tag: "nav" }) do %> nav <% end %>

data/app/pb_kits/playbook/pb_card/docs/_card_tag.jsx

@@ -1,59 +0,0 @@
-import React from 'react'
-import { Card } from '../../'
-
-const CardTag = (props) => {
-  return (
-    <div>
-      <Card
-          tag="section"
-          {...props}
-      >
-        {'section'}
-      </Card>
-      <br />
-      <Card
-          tag="footer"
-          {...props}
-      >
-        {'footer'}
-      </Card>
-      <br />
-      <Card
-          tag="header"
-          {...props}
-      >
-        {'header'}
-      </Card>
-      <br />
-      <Card
-          tag="article"
-          {...props}
-      >
-        {'article'}
-      </Card>
-      <br />
-      <Card
-          tag="aside"
-          {...props}
-      >
-        {'aside'}
-      </Card>
-      <br />
-      <Card
-          tag="main"
-          {...props}
-      >
-        {'main'}
-      </Card>
-      <br />
-      <Card
-          tag="nav"
-          {...props}
-      >
-        {'nav'}
-      </Card>
-    </div>
-  )
-}
-
-export default CardTag