RubyGems - playbook_ui - Versions diffs - 16.12.0.pre.rc.4 → 16.12.0.pre.rc.5 - Mend

playbook_ui 16.12.0.pre.rc.4 → 16.12.0.pre.rc.5

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 (71) hide show

checksums.yaml CHANGED Viewed

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: '0308a243df2e18a794610dbf6d30bcec257bf1e837e3a31d9ca5538bfea97fe2'
-  data.tar.gz: 5b87d06e9d4dbf82b4eebb79ada21b6f6166ae4e76b000509312ac52287c6fb9
+  metadata.gz: 7ab611288abb1af2f9851860098d4eb6e5eebc4cdbe9928aeefc03502c277c40
+  data.tar.gz: ec05336d60d12f4c99acb0f55b7d96f5c816979454a32fbfb82f2e62746c6e32
 SHA512:
-  metadata.gz: 23ff144589efa076a528c69409675fecd5f7823e7448f5fe4a2520076d05e0b0e4aee43e1d2cb15356900992fbf327b49c6cb74607c3245f112f2c5c2377bf9d
-  data.tar.gz: d12a49db6e887335f083d07cec4bb8cf7b5486f81217168dde544af7602e81df2855440a9d7fd42ec11fa9756e55ae5c66921ea81fbcb792a2944c33dce44a0e
+  metadata.gz: 8cca7c15359e20b92ddc6dd0b219fee6f69224b14629389a107f05a4474488d4937230d92db158eea772435f261f232b1ef13c45f2997be67b368f4c71e0ecbd
+  data.tar.gz: 5f39ad73bdbd09de8656c04653be1293f6fe7962f0961e25b0d80fd4e9b2b29154552feed8987d6eb61d567f3ed08e21eee4c2b180df243866b1d2f04a452306

data/app/pb_kits/playbook/pb_advanced_table/docs/_playground.json CHANGED Viewed

@@ -12,6 +12,7 @@
     "fullWidthCell": false,
     "inlineRowLoading": false,
     "loading": false,
+    "maxHeight": "auto",
     "responsive": "scroll",
     "scrollBarNone": false,
     "selectableRows": false,

data/app/pb_kits/playbook/pb_advanced_table/kit.schema.json CHANGED Viewed

@@ -125,7 +125,8 @@
     "maxHeight": {
       "type": "enum",
       "platforms": [
-        "react"
+        "react",
+        "rails"
       ],
       "values": [
         "auto",
@@ -136,7 +137,8 @@
         "xl",
         "xxl",
         "xxxl"
-      ]
+      ],
+      "default": "auto"
     },
     "onRowToggleClick": {
       "type": "function",

data/app/pb_kits/playbook/pb_avatar/docs/_playground.json CHANGED Viewed

@@ -2,6 +2,7 @@
   "template": "<Avatar{{props}} />",
   "propTargets": {},
   "defaults": {
+    "dark": false,
     "grayscale": false,
     "imageAlt": "",
     "name": "",

data/app/pb_kits/playbook/pb_avatar/kit.schema.json CHANGED Viewed

@@ -17,8 +17,10 @@
     "dark": {
       "type": "boolean",
       "platforms": [
-        "react"
-      ]
+        "react",
+        "rails"
+      ],
+      "default": false
     },
     "grayscale": {
       "type": "boolean",

data/app/pb_kits/playbook/pb_card/docs/_playground.json CHANGED Viewed

@@ -7,6 +7,7 @@
   "defaults": {
     "background": "none",
     "borderNone": false,
+    "borderRadius": "md",
     "draggableItem": false,
     "dragHandle": true,
     "selected": false,

data/app/pb_kits/playbook/pb_card/kit.schema.json CHANGED Viewed

@@ -66,7 +66,8 @@
     "borderRadius": {
       "type": "enum",
       "platforms": [
-        "react"
+        "react",
+        "rails"
       ],
       "values": [
         "xs",
@@ -76,7 +77,8 @@
         "xl",
         "none",
         "rounded"
-      ]
+      ],
+      "default": "md"
     },
     "dragId": {
       "type": "string",

data/app/pb_kits/playbook/pb_currency/docs/_playground.json CHANGED Viewed

@@ -4,6 +4,7 @@
   "defaults": {
     "abbreviate": false,
     "align": "left",
+    "dark": false,
     "decimals": "default",
     "emphasized": true,
     "label": "Balance",

data/app/pb_kits/playbook/pb_currency/kit.schema.json CHANGED Viewed

@@ -38,8 +38,10 @@
     "dark": {
       "type": "boolean",
       "platforms": [
-        "react"
-      ]
+        "react",
+        "rails"
+      ],
+      "default": false
     },
     "decimals": {
       "type": "enum",

data/app/pb_kits/playbook/pb_date_picker/docs/_playground.json CHANGED Viewed

@@ -3,6 +3,7 @@
   "propTargets": {},
   "defaults": {
     "allowInput": false,
+    "dark": false,
     "defaultDate": "",
     "disableInput": false,
     "enableTime": false,

data/app/pb_kits/playbook/pb_date_picker/kit.schema.json CHANGED Viewed

@@ -25,8 +25,10 @@
     "dark": {
       "type": "boolean",
       "platforms": [
-        "react"
-      ]
+        "react",
+        "rails"
+      ],
+      "default": false
     },
     "defaultDate": {
       "type": "string",
@@ -339,6 +341,13 @@
       "type": "boolean",
       "default": false
     },
+    "position": {
+      "platforms": [
+        "rails"
+      ],
+      "type": "string",
+      "default": "auto"
+    },
     "startDateId": {
       "platforms": [
         "rails"
@@ -373,6 +382,13 @@
       ],
       "type": "string",
       "default": ""
+    },
+    "cursor": {
+      "platforms": [
+        "rails"
+      ],
+      "type": "string",
+      "default": "pointer"
     }
   },
   "globalProps": true,

data/app/pb_kits/playbook/pb_date_range_inline/docs/_playground.json CHANGED Viewed

@@ -3,6 +3,7 @@
   "propTargets": {},
   "defaults": {
     "align": "left",
+    "dark": false,
     "size": "sm",
     "showCurrentYear": false
   },

data/app/pb_kits/playbook/pb_date_range_inline/kit.schema.json CHANGED Viewed

@@ -23,8 +23,10 @@
     "dark": {
       "type": "boolean",
       "platforms": [
-        "react"
-      ]
+        "react",
+        "rails"
+      ],
+      "default": false
     },
     "endDate": {
       "type": "Date",

data/app/pb_kits/playbook/pb_date_range_stacked/docs/_playground.json CHANGED Viewed

@@ -1,7 +1,9 @@
 {
   "template": "<DateRangeStacked{{props}} />",
   "propTargets": {},
-  "defaults": {},
+  "defaults": {
+    "dark": false
+  },
   "groups": [
     {
       "name": "Content",

data/app/pb_kits/playbook/pb_date_range_stacked/kit.schema.json CHANGED Viewed

@@ -10,8 +10,10 @@
     "dark": {
       "type": "boolean",
       "platforms": [
-        "react"
-      ]
+        "react",
+        "rails"
+      ],
+      "default": false
     },
     "endDate": {
       "type": "Date",

data/app/pb_kits/playbook/pb_date_stacked/docs/_playground.json CHANGED Viewed

@@ -4,6 +4,7 @@
   "defaults": {
     "align": "left",
     "bold": false,
+    "dark": false,
     "size": "sm",
     "reverse": false,
     "showCurrentYear": false

data/app/pb_kits/playbook/pb_date_stacked/kit.schema.json CHANGED Viewed

@@ -31,8 +31,10 @@
     "dark": {
       "type": "boolean",
       "platforms": [
-        "react"
-      ]
+        "react",
+        "rails"
+      ],
+      "default": false
     },
     "date": {
       "type": "Date",

data/app/pb_kits/playbook/pb_date_time/kit.schema.json CHANGED Viewed

@@ -80,6 +80,13 @@
       ],
       "type": "string",
       "default": "America/New_York"
+    },
+    "dark": {
+      "platforms": [
+        "rails"
+      ],
+      "type": "boolean",
+      "default": false
     }
   },
   "globalProps": true,

data/app/pb_kits/playbook/pb_date_time_stacked/docs/_playground.json CHANGED Viewed

@@ -2,6 +2,7 @@
   "template": "<DateTimeStacked{{props}} />",
   "propTargets": {},
   "defaults": {
+    "dark": false,
     "showCurrentYear": false
   },
   "groups": [

data/app/pb_kits/playbook/pb_date_time_stacked/kit.schema.json CHANGED Viewed

@@ -23,8 +23,10 @@
     "dark": {
       "type": "boolean",
       "platforms": [
-        "react"
-      ]
+        "react",
+        "rails"
+      ],
+      "default": false
     },
     "timeZone": {
       "type": "string",

data/app/pb_kits/playbook/pb_date_year_stacked/docs/_playground.json CHANGED Viewed

@@ -2,7 +2,8 @@
   "template": "<DateYearStacked{{props}} />",
   "propTargets": {},
   "defaults": {
-    "align": "left"
+    "align": "left",
+    "dark": false
   },
   "groups": [
     {

data/app/pb_kits/playbook/pb_date_year_stacked/kit.schema.json CHANGED Viewed

@@ -23,8 +23,10 @@
     "dark": {
       "type": "boolean",
       "platforms": [
-        "react"
-      ]
+        "react",
+        "rails"
+      ],
+      "default": false
     },
     "date": {
       "type": "Date",

data/app/pb_kits/playbook/pb_filter/docs/_playground.json CHANGED Viewed

@@ -3,6 +3,7 @@
   "propTargets": {},
   "defaults": {
     "background": true,
+    "minWidth": "360px",
     "placement": "bottom-start",
     "double": false,
     "filters": {
@@ -10,7 +11,6 @@
       "City": "San Francisco"
     },
     "isCollapsed": false,
-    "minWidth": "360px",
     "onCollapse": "() => {}",
     "onSortChange": "() => {}",
     "popoverProps": {},

data/app/pb_kits/playbook/pb_filter/kit.schema.json CHANGED Viewed

@@ -37,14 +37,17 @@
     "maxHeight": {
       "type": "string",
       "platforms": [
-        "react"
+        "react",
+        "rails"
       ]
     },
     "minWidth": {
       "type": "string",
       "platforms": [
-        "react"
-      ]
+        "react",
+        "rails"
+      ],
+      "default": "auto"
     },
     "onCollapse": {
       "type": "function",

data/app/pb_kits/playbook/pb_flex/kit.schema.json CHANGED Viewed

@@ -116,19 +116,22 @@
     "gap": {
       "type": "SizeType | SizeResponsiveType",
       "platforms": [
-        "react"
+        "react",
+        "rails"
       ]
     },
     "rowGap": {
       "type": "SizeType | SizeResponsiveType",
       "platforms": [
-        "react"
+        "react",
+        "rails"
       ]
     },
     "columnGap": {
       "type": "SizeType | SizeResponsiveType",
       "platforms": [
-        "react"
+        "react",
+        "rails"
       ]
     },
     "wrap": {

data/app/pb_kits/playbook/pb_home_address_street/docs/_playground.json CHANGED Viewed

@@ -2,6 +2,7 @@
   "template": "<HomeAddressStreet{{props}} />",
   "propTargets": {},
   "defaults": {
+    "dark": false,
     "preserveCase": false,
     "emphasis": "street",
     "newWindow": false,

data/app/pb_kits/playbook/pb_home_address_street/kit.schema.json CHANGED Viewed

@@ -31,8 +31,10 @@
     "dark": {
       "type": "boolean",
       "platforms": [
-        "react"
-      ]
+        "react",
+        "rails"
+      ],
+      "default": false
     },
     "preserveCase": {
       "type": "boolean",

data/app/pb_kits/playbook/pb_icon/docs/_playground.json CHANGED Viewed

@@ -2,6 +2,7 @@
   "template": "<Icon{{props}} />",
   "propTargets": {},
   "defaults": {
+    "border": false,
     "fixedWidth": true,
     "inverse": false,
     "listItem": false,

data/app/pb_kits/playbook/pb_icon/kit.schema.json CHANGED Viewed

@@ -8,10 +8,23 @@
   ],
   "props": {
     "border": {
-      "type": "boolean | BorderPropValue",
+      "type": "enum",
       "platforms": [
-        "react"
-      ]
+        "react",
+        "rails"
+      ],
+      "values": [
+        false,
+        true,
+        "none",
+        "default",
+        "active",
+        "default_thick",
+        "active_thick",
+        "default_thicker",
+        "active_thicker"
+      ],
+      "default": false
     },
     "color": {
       "type": "string",
@@ -168,11 +181,11 @@
   "usage": {
     "react": {
       "import": "import { Icon } from 'playbook-ui'",
-      "example": "<Icon flip=\"horizontal\" pull=\"left\"></Icon>"
+      "example": "<Icon border=\"false\" flip=\"horizontal\"></Icon>"
     },
     "rails": {
       "import": null,
-      "example": "<%= pb_rails(\"icon\", props: { flip: \"horizontal\", pull: \"left\" }) %>"
+      "example": "<%= pb_rails(\"icon\", props: { border: \"false\", flip: \"horizontal\" }) %>"
     }
   }
 }

data/app/pb_kits/playbook/pb_layout/docs/_playground.json CHANGED Viewed

@@ -4,6 +4,7 @@
   "defaults": {
     "collapse": "xs",
     "full": false,
+    "position": "left",
     "responsive": false,
     "size": {
       "react": "sm",

data/app/pb_kits/playbook/pb_layout/kit.schema.json CHANGED Viewed

@@ -39,12 +39,14 @@
     "position": {
       "type": "enum",
       "platforms": [
-        "react"
+        "react",
+        "rails"
       ],
       "values": [
         "left",
         "right"
-      ]
+      ],
+      "default": "left"
     },
     "responsive": {
       "type": "boolean",

data/app/pb_kits/playbook/pb_list/docs/_playground.json CHANGED Viewed

@@ -3,6 +3,7 @@
   "propTargets": {},
   "defaults": {
     "borderless": false,
+    "dark": false,
     "enableDrag": false,
     "layout": "",
     "ordered": false,

data/app/pb_kits/playbook/pb_list/kit.schema.json CHANGED Viewed

@@ -18,8 +18,10 @@
     "dark": {
       "type": "boolean",
       "platforms": [
-        "react"
-      ]
+        "react",
+        "rails"
+      ],
+      "default": false
     },
     "enableDrag": {
       "type": "boolean",

data/app/pb_kits/playbook/pb_loading_inline/docs/_playground.json CHANGED Viewed

@@ -4,6 +4,7 @@
   "defaults": {
     "align": "left",
     "color": "light",
+    "dark": false,
     "text": "Loading",
     "variant": "dotted"
   },

data/app/pb_kits/playbook/pb_loading_inline/kit.schema.json CHANGED Viewed

@@ -39,8 +39,10 @@
     "dark": {
       "type": "boolean",
       "platforms": [
-        "react"
-      ]
+        "react",
+        "rails"
+      ],
+      "default": false
     },
     "text": {
       "type": "string",

data/app/pb_kits/playbook/pb_phone_number_input/docs/_playground.json CHANGED Viewed

@@ -2,6 +2,7 @@
   "template": "<PhoneNumberInput{{props}} />",
   "propTargets": {},
   "defaults": {
+    "dark": false,
     "disabled": false,
     "error": "",
     "hiddenInputs": false,

data/app/pb_kits/playbook/pb_phone_number_input/kit.schema.json CHANGED Viewed

@@ -10,8 +10,10 @@
     "dark": {
       "type": "boolean",
       "platforms": [
-        "react"
-      ]
+        "react",
+        "rails"
+      ],
+      "default": false
     },
     "disabled": {
       "type": "boolean",

data/app/pb_kits/playbook/pb_popover/kit.schema.json CHANGED Viewed

@@ -56,6 +56,27 @@
       ],
       "default": "noop"
     },
+    "position": {
+      "platforms": [
+        "rails"
+      ],
+      "type": "enum",
+      "values": [
+        "top",
+        "bottom",
+        "left",
+        "right",
+        "top-start",
+        "top-end",
+        "bottom-start",
+        "bottom-end",
+        "right-start",
+        "right-end",
+        "left-start",
+        "left-end"
+      ],
+      "default": "left"
+    },
     "triggerElementId": {
       "platforms": [
         "rails"
@@ -65,17 +86,48 @@
       "platforms": [
         "rails"
       ]
+    },
+    "maxHeight": {
+      "platforms": [
+        "rails"
+      ]
+    },
+    "maxWidth": {
+      "platforms": [
+        "rails"
+      ]
+    },
+    "minWidth": {
+      "platforms": [
+        "rails"
+      ]
+    },
+    "minHeight": {
+      "platforms": [
+        "rails"
+      ]
+    },
+    "width": {
+      "platforms": [
+        "rails"
+      ]
+    },
+    "zIndex": {
+      "platforms": [
+        "rails"
+      ],
+      "type": "string"
     }
   },
   "globalProps": true,
   "usage": {
     "react": {
       "import": "import { Popover } from 'playbook-ui'",
-      "example": "<Popover closeOnClick=\"outside\"></Popover>"
+      "example": "<Popover closeOnClick=\"outside\" position=\"top\"></Popover>"
     },
     "rails": {
       "import": null,
-      "example": "<%= pb_rails(\"popover\", props: { close_on_click: \"outside\" }) %>"
+      "example": "<%= pb_rails(\"popover\", props: { close_on_click: \"outside\", position: \"top\" }) %>"
     }
   }
 }

data/app/pb_kits/playbook/pb_progress_simple/docs/_playground.json CHANGED Viewed

@@ -5,8 +5,8 @@
     "align": "left",
     "muted": false,
     "variant": "default",
-    "percent": "50",
-    "width": "100%"
+    "width": "100%",
+    "percent": "50"
   },
   "groups": [
     {

data/app/pb_kits/playbook/pb_progress_simple/kit.schema.json CHANGED Viewed

@@ -72,8 +72,10 @@
     "width": {
       "type": "string",
       "platforms": [
-        "react"
-      ]
+        "react",
+        "rails"
+      ],
+      "default": "100%"
     }
   },
   "globalProps": true,

data/app/pb_kits/playbook/pb_section_separator/docs/_playground.json CHANGED Viewed

@@ -3,6 +3,7 @@
   "propTargets": {},
   "defaults": {
     "color": "default",
+    "dark": false,
     "lineStyle": "solid",
     "orientation": "horizontal",
     "variant": "card"