playbook_ui 13.19.0.pre.alpha.play1174fixconfimationtoastmobilebug2306 → 13.19.0.pre.alpha.play1186collapsiblenaviconcolorbug2321

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 10050594b83a89e2dd77aa948fb31cd71c1bc292dc5ccbda469728d89ede9747
-  data.tar.gz: e74efd0e2d006ef868d070109c3f099ecf86068e59bd8d9fb55c2b9db8bc91ff
+  metadata.gz: d4a0c9535e1e8a18819885ccf9f8a0cb1f99d043dfe98b8139e1c5eb25538a07
+  data.tar.gz: 8d1b59b1dba9d078a97621ad906f6e73ec52e18104b6b1b286188cd4041f64fd
 SHA512:
-  metadata.gz: 412c6be317738582dec9a87b3c16a1278292c71f23e23441f8f81f9857ffae29ccd30ade66ddc910e4d5f8d4ba99bbde5946e822bbf35280aff771d229ed4530
-  data.tar.gz: 214b373b93c39b439ba7a335b8928daecb56a6c377d7f9ea0f7ac92c0082cdb5b8fde80287ad43015f21b9e40b690f60cb1bec2fbaeae3fa03bcdef629e832cc
+  metadata.gz: 7e8d6d9fbf50224808ef954c507edddd5a6960ae123af18130915008ab45bd8992c1443259ab04cb70f5f48930c889de87dfacbbf7b2296c4a84545240762a18
+  data.tar.gz: 2d1d0a1c3dcef04a3fb90b667aa6bbbf3410a36c5b8a2ce12dc08d24c340608656573bf3f5188569ac44658affc245f81afb6cb3440a4f1f4f4f5d9400b4a7bb

data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss

@@ -56,14 +56,6 @@ $confirmation_toast_colors: (
       transform: translateX(-50%);
     }
 
-    @media only screen and (max-width: 600px) {
-      &.center {
-      left: 5%;
-      right: 5%;
-      transform: translateX(-0%);
-      }
-    }
-
     &.right {
       left: auto;
       right: $space_md;
@@ -91,11 +83,8 @@ $confirmation_toast_colors: (
       &[class*=_multi_line] .pb_fixed_confirmation_toast_text {
         color: $white;
         margin: 0 $space_md 0 $space_md;
-        overflow: hidden;
-        display: -webkit-box;
-        -webkit-line-clamp: 2;
-        -webkit-box-orient: vertical; 
-        white-space: normal;
+        max-width: 100%;
+        white-space: break-spaces;
       }
     }
   }

data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.html.erb

@@ -1,36 +1,5 @@
-<%= pb_rails("button", props: { text: "Multiline Example", variant: "primary", data: { toast: "#toast-top-center-multi" } }) %>
-
 <%= pb_rails("fixed_confirmation_toast", props: {
-  classname: "toast-to-hide",
-  closeable: true,
-  id: "toast-top-center-multi",
   multi_line: true,
-  text: "Multi-line is used when the given text will not fit on one line. Using Multi Line allows the height of the confirmation toast to grow. Simply resize the screen to see the fixed confirmation toast wrap the text.",
+  text: "Scan to Assign Selected Items. Click here to generate report",
   status: "tip",
-  vertical: "top",
-  horizontal: "center"
 }) %>
-
-<script type="text/javascript">
-  const alltoasts = document.queryselectorall(".toast-to-hide")
-  const allbuttons = document.queryselectorall("button[data-toast]")
-
-  const hidealltoasts = () => {
-    alltoasts.foreach((toast) => {
-      toast.style.display = "none"
-    })
-  }
-
-  hidealltoasts()
-
-  allbuttons.foreach((button) => {
-    button.onclick = () => {
-      hidealltoasts()
-      let toast = document.queryselector(button.getattribute("data-toast"))
-
-      if (toast) {
-        toast.style.display = "flex"
-      }
-    }
-  })
-</script>

data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.jsx

@@ -1,52 +1,18 @@
+import React from 'react'
 
-import React, { useState } from 'react'
-
-import Button from '../../pb_button/_button'
 import FixedConfirmationToast from '../_fixed_confirmation_toast'
 
-const FixedConfirmationToastPositions = (props) => {
-  const [state, setState] = useState({
-    open: false,
-    vertical: 'top',
-    horizontal: 'center',
-  })
-
-  const { vertical, horizontal, open } = state
-
-  const handleClick = (newState) => () => {
-    setState({ open: true, ...newState })
-  }
-
-  const handleClose = () => {
-    setState({ ...state, open: false })
-  }
-
+const FixedConfirmationToastMultiLine = (props) => {
   return (
     <div>
-      <Button
-          onClick={handleClick({
-            horizontal: 'center',
-            open: true,
-            vertical: 'top',
-          })}
-          text="Multiline Example"
-          variant="primary"
-          {...props}
-      />
-      {' '}
       <FixedConfirmationToast
-          closeable
-          horizontal={horizontal}
           multiLine
-          onClose={handleClose}
-          open={open}
           status="tip"
-          text={`Multi-line is used when the given text will not fit on one line. Using Multi Line allows the height of the confirmation toast to grow. Simply resize the screen to see the fixed confirmation toast wrap the text.`}
-          vertical={vertical}
+          text="Scan to Assign Selected Items. Click here to generate report"
           {...props}
       />
     </div>
   )
 }
 
-export default FixedConfirmationToastPositions
+export default FixedConfirmationToastMultiLine

data/app/pb_kits/playbook/pb_nav/_subtle_mixin.scss

@@ -40,6 +40,10 @@
     &[class*="_active"] {
       color: $primary;
       letter-spacing: normal;
+
+      [class*="_icon_right"] {
+        color: $white;
+      }
     }
     &[class*="dark"] {
       [class*="_item_text"],

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "13.19.0"
-  VERSION = "13.19.0.pre.alpha.play1174fixconfimationtoastmobilebug2306"
+  VERSION = "13.19.0.pre.alpha.play1186collapsiblenaviconcolorbug2321"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 13.19.0.pre.alpha.play1174fixconfimationtoastmobilebug2306
+  version: 13.19.0.pre.alpha.play1186collapsiblenaviconcolorbug2321
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-03-06 00:00:00.000000000 Z
+date: 2024-03-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack