playbook_ui_docs 14.0.0.pre.alpha.PLAY1475bumpaxecoredependency3483 → 14.0.0.pre.alpha.PLAY14113475

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e5b7fdc346724db1d4c80c4336754c561546a3c559b50939ed5038b305b4f2e0
-  data.tar.gz: b2a5d34005026ff921f96ea55dedfac5e92ad87005ee894d02e9d71ce508bdc5
+  metadata.gz: 86d70232a7087e637c74cc790d458af52f9bdbd7a1f9aa63c38c257734cae08d
+  data.tar.gz: 4e626c3f23b9601836ab9c4c3f740749b5f73519c120bef21fb5d26d444585d2
 SHA512:
-  metadata.gz: 33c7af0f00cee9b23b338357e083865c74221f4f98aa9d0897f68042bd4a441ff3f23669d87bcab9e4b172e2d55fe16cb70a24ef7d1c2f57c332eedc21827ef1
-  data.tar.gz: 67db415fa4201122d51580ffd4a262cec4839dfb50c5178ddc5652444f7e73af8c9d7cffe72f9a3c7fdc6b32e6f2d27048b87ab40ac4b985a8f4e73900eefd19
+  metadata.gz: de6d3737e4bae9638c454c63050e395184b98b82a459c8ac35b525a9c78a37c874f8321f2d1e8f7278883e634ebcd6140bc5d87b27c95b059a177df3fd6032e4
+  data.tar.gz: 63fae783ea4f9f941ebec11f557ffd233518488e2efffda2ef000a0cfd2be760baa476c894e65d17cd1eef9c7927755e0c2050d365b4372274bc139af75002a3

data/app/pb_kits/playbook/pb_badge/docs/_badge_notification.html.erb

@@ -10,3 +10,16 @@
     variant: "notification"
   }) %>
 </div>
+
+<div>
+  <%= pb_rails("badge", props: {
+    text: "1",
+    variant: "notification_error",
+    rounded: true
+  }) %>
+
+  <%= pb_rails("badge", props: {
+    text: "4",
+    variant: "notification_error"
+  }) %>
+</div>

data/app/pb_kits/playbook/pb_badge/docs/_badge_notification.jsx

@@ -4,20 +4,39 @@ import Badge from '../_badge'
 const BadgeNotification = (props) => {
   return (
     <>
-      <Badge
-          rounded
-          text="1"
-          variant="notification"
-          {...props}
-      />
+      <div>
+        <Badge
+            rounded
+            text="1"
+            variant="notification"
+            {...props}
+        />
 
-      &nbsp;
+        &nbsp;
 
-      <Badge
-          text="4"
-          variant="notification"
-          {...props}
-      />
+        <Badge
+            text="4"
+            variant="notification"
+            {...props}
+        />
+      </div>
+
+      <div>
+        <Badge
+            rounded
+            text="1"
+            variant="notificationError"
+            {...props}
+        />
+
+        &nbsp;
+
+        <Badge
+            text="4"
+            variant="notificationError"
+            {...props}
+        />
+      </div>
     </>
   )
 }