RubyGems - playbook_ui_docs - Versions diffs - 15.3.0.pre.alpha.play262912095 → 15.3.0.pre.rc.0 - Mend

playbook_ui_docs 15.3.0.pre.alpha.play262912095 → 15.3.0.pre.rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (152) hide show

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default_options.html.erb DELETED Viewed

@@ -1,102 +0,0 @@
-<%
-  options = [
-  { label: 'Orange', value: '#FFA500' },
-  { label: 'Red', value: '#FF0000' },
-  { label: 'Green', value: '#1e3d1eff' },
-  { label: 'Blue', value: '#0000FF' },
-  { label: 'Purple', value: '#800080' },
-  { label: 'Yellow', value: '#FFFF00' },
-  { label: 'Pink', value: '#FFC0CB' },
-  { label: 'Brown', value: '#A52A2A' },
-  { label: 'Black', value: '#000000' },
-  { label: 'White', value: '#FFFFFF' },
-  { label: 'Gray', value: '#808080' },
-  { label: 'Cyan', value: '#00FFFF' },
-  { label: 'Magenta', value: '#FF00FF' },
-  { label: 'Lime', value: '#00FF00' },
-  { label: 'Maroon', value: '#800000' },
-  { label: 'Olive', value: '#808000' },
-  { label: 'Navy', value: '#000080' },
-  { label: 'Teal', value: '#008080' },
-  { label: 'Silver', value: '#C0C0C0' },
-  { label: 'Gold', value: '#FFD700' },
-  { label: 'Beige', value: '#F5F5DC' },
-  { label: 'Coral', value: '#FF7F50' }
-  ]
-%>
-<%
-  grouped_options = [
-    {
-      label: "Warm Colors",
-      options: [
-        { label: "Red", value: "#FF0000" },
-        { label: "Orange", value: "#FFA500" },
-        { label: "Yellow", value: "#FFFF00" },
-        { label: "Coral", value: "#FF7F50" },
-        { label: "Gold", value: "#FFD700" }
-      ]
-    },
-    {
-      label: "Cool Colors",
-      options: [
-        { label: "Blue", value: "#0000FF" },
-        { label: "Teal", value: "#008080" },
-        { label: "Cyan", value: "#00FFFF" },
-        { label: "Navy", value: "#000080" },
-        { label: "Turquoise", value: "#40E0D0" }
-      ]
-    },
-    {
-      label: "Neutrals",
-      options: [
-        { label: "White", value: "#FFFFFF" },
-        { label: "Black", value: "#000000" },
-        { label: "Gray", value: "#808080" },
-        { label: "Beige", value: "#F5F5DC" },
-        { label: "Silver", value: "#C0C0C0" }
-      ]
-    },
-    {
-      label: "Earth Tones",
-      options: [
-        { label: "Brown", value: "#A52A2A" },
-        { label: "Olive", value: "#808000" },
-        { label: "Forest Green", value: "#228B22" },
-        { label: "Tan", value: "#D2B48C" },
-        { label: "Maroon", value: "#800000" }
-      ]
-    },
-    {
-      label: "Fun Shades",
-      options: [
-        { label: "Pink", value: "#FFC0CB" },
-        { label: "Magenta", value: "#FF00FF" },
-        { label: "Lime", value: "#00FF00" },
-        { label: "Purple", value: "#800080" },
-        { label: "Indigo", value: "#4B0082" }
-      ]
-    }
-  ]
-%>
-<%= pb_rails("typeahead", props: {
-    default_options: [{ label: 'Gray', value: '#808080' }],
-    id: "typeahead-default-value",
-    options: options,
-    label: "Default Value with basic options",
-    name: :foo,
-    is_multi: false
-  })
-%>
-<%= pb_rails("typeahead", props: {
-    default_options:[{ label: "Pink", value: "#FFC0CB" }],
-    id: "typeahead-default-value-grouped-options",
-    options: grouped_options,
-    label: "Default Value with grouped options",
-    name: :foo,
-    is_multi: false
-  })
-%>

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default_options.md DELETED Viewed

	@@ -1 +0,0 @@
1	- The optional `default_options` prop can be used to set a default value for the kit. When a default value is set, focus will be automatically set to the selected option and the dropdown container will scroll to bring the selected option into view.

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default_value.jsx DELETED Viewed

@@ -1,103 +0,0 @@
-import React from 'react'
-import Typeahead from '../_typeahead'
-const options = [
-  { label: 'Orange', value: '#FFA500' },
-  { label: 'Red', value: '#FF0000' },
-  { label: 'Green', value: '#1e3d1eff' },
-  { label: 'Blue', value: '#0000FF' },
-  { label: 'Purple', value: '#800080' },
-  { label: 'Yellow', value: '#FFFF00' },
-  { label: 'Pink', value: '#FFC0CB' },
-  { label: 'Brown', value: '#A52A2A' },
-  { label: 'Black', value: '#000000' },
-  { label: 'White', value: '#FFFFFF' },
-  { label: 'Gray', value: '#808080' },
-  { label: 'Cyan', value: '#00FFFF' },
-  { label: 'Magenta', value: '#FF00FF' },
-  { label: 'Lime', value: '#00FF00' },
-  { label: 'Maroon', value: '#800000' },
-  { label: 'Olive', value: '#808000' },
-  { label: 'Navy', value: '#000080' },
-  { label: 'Teal', value: '#008080' },
-  { label: 'Silver', value: '#C0C0C0' },
-  { label: 'Gold', value: '#FFD700' },
-  { label: 'Beige', value: '#F5F5DC' },
-  { label: 'Coral', value: '#FF7F50' }
-]
-const groupedOptions = [
-  {
-    label: "Warm Colors",
-    options: [
-      { label: "Red", value: "#FF0000" },
-        { label: "Orange", value: "#FFA500" },
-        { label: "Yellow", value: "#FFFF00" },
-        { label: "Coral", value: "#FF7F50" },
-        { label: "Gold", value: "#FFD700" }
-      ]
-    },
-    {
-      label: "Cool Colors",
-      options: [
-        { label: "Blue", value: "#0000FF" },
-        { label: "Teal", value: "#008080" },
-        { label: "Cyan", value: "#00FFFF" },
-        { label: "Navy", value: "#000080" },
-        { label: "Turquoise", value: "#40E0D0" }
-      ]
-    },
-    {
-      label: "Neutrals",
-      options: [
-        { label: "White", value: "#FFFFFF" },
-        { label: "Black", value: "#000000" },
-        { label: "Gray", value: "#808080" },
-        { label: "Beige", value: "#F5F5DC" },
-        { label: "Silver", value: "#C0C0C0" }
-      ]
-    },
-    {
-      label: "Earth Tones",
-      options: [
-        { label: "Brown", value: "#A52A2A" },
-        { label: "Olive", value: "#808000" },
-        { label: "Forest Green", value: "#228B22" },
-        { label: "Tan", value: "#D2B48C" },
-        { label: "Maroon", value: "#800000" }
-      ]
-    },
-    {
-      label: "Fun Shades",
-      options: [
-        { label: "Pink", value: "#FFC0CB" },
-        { label: "Magenta", value: "#FF00FF" },
-        { label: "Lime", value: "#00FF00" },
-        { label: "Purple", value: "#800080" },
-        { label: "Indigo", value: "#4B0082" }
-      ]
-    }
-  ]
-const TypeaheadDefaultValue = (props) => {
-  return (
-    <>
-      <Typeahead
-          defaultValue={options[10]}
-          label="Default Value with basic options"
-          options={options}
-          {...props}
-      />
-      <br />
-      <Typeahead
-          defaultValue={{ label: "Pink", value: "#FFC0CB" }}
-          label="Default Value with grouped options"
-          options={groupedOptions}
-          {...props}
-      />
-    </>
-  )
-}
-export default TypeaheadDefaultValue

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default_value.md DELETED Viewed

	@@ -1 +0,0 @@
1	- The optional `defaultValue` prop can be used to set a default value for the kit. When a default value is set, focus will be automatically set to the selected option and the dropdown container will scroll to bring the selected option into view.

/data/app/pb_kits/playbook/pb_popover/docs/{_popover_append_to_rails.md → _popover_append_to.md} RENAMED Viewed

File without changes