playbook_ui 11.9.0 → 11.10.0

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 11.9.0
+  version: 11.10.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-10-19 00:00:00.000000000 Z
+date: 2022-10-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -339,6 +339,9 @@ files:
 - app/pb_kits/playbook/pb_background/docs/_background_status.html.erb
 - app/pb_kits/playbook/pb_background/docs/_background_status.jsx
 - app/pb_kits/playbook/pb_background/docs/_background_status.md
+- app/pb_kits/playbook/pb_background/docs/_background_status_subtle.html.erb
+- app/pb_kits/playbook/pb_background/docs/_background_status_subtle.jsx
+- app/pb_kits/playbook/pb_background/docs/_background_status_subtle.md
 - app/pb_kits/playbook/pb_background/docs/_background_white.html.erb
 - app/pb_kits/playbook/pb_background/docs/_background_white.jsx
 - app/pb_kits/playbook/pb_background/docs/_description.md
@@ -584,8 +587,14 @@ files:
 - app/pb_kits/playbook/pb_collapsible/collapsible_main.html.erb
 - app/pb_kits/playbook/pb_collapsible/collapsible_main.rb
 - app/pb_kits/playbook/pb_collapsible/context.ts
+- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_color.html.erb
+- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_color.jsx
+- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_color.md
 - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.html.erb
 - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx
+- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_size.html.erb
+- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_size.jsx
+- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_size.md
 - app/pb_kits/playbook/pb_collapsible/docs/example.yml
 - app/pb_kits/playbook/pb_collapsible/docs/index.js
 - app/pb_kits/playbook/pb_collapsible/index.js
@@ -868,12 +877,11 @@ files:
 - app/pb_kits/playbook/pb_filter/_filter.jsx
 - app/pb_kits/playbook/pb_filter/_filter.scss
 - app/pb_kits/playbook/pb_filter/docs/_description.md
-- app/pb_kits/playbook/pb_filter/docs/_filter_close_popover.jsx
 - app/pb_kits/playbook/pb_filter/docs/_filter_default.html.erb
 - app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx
-- app/pb_kits/playbook/pb_filter/docs/_filter_default.md
-- app/pb_kits/playbook/pb_filter/docs/_filter_min_width.html.erb
-- app/pb_kits/playbook/pb_filter/docs/_filter_min_width.jsx
+- app/pb_kits/playbook/pb_filter/docs/_filter_max_width.html.erb
+- app/pb_kits/playbook/pb_filter/docs/_filter_max_width.jsx
+- app/pb_kits/playbook/pb_filter/docs/_filter_max_width.md
 - app/pb_kits/playbook/pb_filter/docs/_filter_no_background.html.erb
 - app/pb_kits/playbook/pb_filter/docs/_filter_no_background.jsx
 - app/pb_kits/playbook/pb_filter/docs/_filter_no_background.md
@@ -1243,6 +1251,9 @@ files:
 - app/pb_kits/playbook/pb_legend/docs/_legend_colors.html.erb
 - app/pb_kits/playbook/pb_legend/docs/_legend_colors.jsx
 - app/pb_kits/playbook/pb_legend/docs/_legend_colors.md
+- app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.html.erb
+- app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.jsx
+- app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.md
 - app/pb_kits/playbook/pb_legend/docs/_legend_default.html.erb
 - app/pb_kits/playbook/pb_legend/docs/_legend_default.jsx
 - app/pb_kits/playbook/pb_legend/docs/_legend_prefix.html.erb

data/app/pb_kits/playbook/pb_filter/docs/_filter_close_popover.jsx

@@ -1,62 +0,0 @@
-import React from 'react'
-import { Button, Filter, Flex, Select, TextInput } from '../../'
-
-const FilterClosePopover = (props) => {
-  const options = [
-    { value: 'USA' },
-    { value: 'Canada' },
-    { value: 'Brazil' },
-    { value: 'Philippines' },
-    { value: 'A galaxy far far away, like really far away...' },
-  ]
-
-  return (
-    <Filter
-        {...props}
-        filters={{
-          'Full Name': 'John Wick',
-          'City': 'San Francisco',
-        }}
-        minWidth="375px"
-        results={1}
-        sortOptions={{
-          popularity: 'Popularity',
-          // eslint-disable-next-line
-          manager_title: 'Manager\'s Title',
-          // eslint-disable-next-line
-          manager_name: 'Manager\'s Name',
-        }}
-        sortValue={[{ name: 'popularity', dir: 'desc' }]}
-    >
-      {({ closePopover }) => (
-        <form>
-          <TextInput
-              label="Full Name"
-              placeholder="Enter name"
-          />
-
-          <Select
-              blankSelection="Select One..."
-              label="Territory"
-              name="location"
-              options={options}
-          />
-          <Flex
-              spacing="between"
-          >
-            <Button
-                onClick={closePopover}
-                text="Apply"
-            />
-            <Button
-                text="Clear"
-                variant="secondary"
-            />
-          </Flex>
-        </form>
-      )}
-    </Filter>
-  )
-}
-
-export default FilterClosePopover

data/app/pb_kits/playbook/pb_filter/docs/_filter_min_width.jsx

@@ -1,57 +0,0 @@
-import React from 'react'
-import { Button, Filter, Flex, Select, TextInput } from '../../'
-
-const FilterMinWidth = (props) => {
-  const options = [
-    { value: 'USA' },
-    { value: 'Canada' },
-    { value: 'Brazil' },
-    { value: 'Philippines' },
-    { value: 'A galaxy far far away, like really far away...' },
-  ]
-  return (
-    <Filter
-        {...props}
-        double
-        filters={{
-          'Full Name': 'John Wick',
-          'City': 'San Francisco',
-        }}
-        minWidth="375px"
-        results={1}
-        sortOptions={{
-          popularity: 'Popularity',
-          // eslint-disable-next-line
-          manager_title: 'Manager\'s Title',
-          // eslint-disable-next-line
-          manager_name: 'Manager\'s Name',
-        }}
-        sortValue={[{ name: 'popularity', dir: 'desc' }]}
-    >
-      <TextInput
-          label="Full Name"
-          placeholder="Enter name"
-      />
-
-      <Select
-          blankSelection="Select One..."
-          label="Territory"
-          name="location"
-          options={options}
-      />
-      <Flex
-          spacing="between"
-      >
-        <Button
-            text="Apply"
-        />
-        <Button
-            text="Clear"
-            variant="secondary"
-        />
-      </Flex>
-    </Filter>
-  )
-}
-
-export default FilterMinWidth