polaris_view_components 2.2.0 → 2.2.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 2d31c4bdf79eb1b9306c46f8506c57a26fdaffb6af1ddf0d5ae48f560faffeb9
-  data.tar.gz: fa9fe8d5d9450fcb128970910a3b5ec1828d5cafda8a80bc745e41122a81ca60
+  metadata.gz: 10a87c4fe4cbbfe6e134c8d7ccc9ba0747713b633399a47f7677f830941c4b9b
+  data.tar.gz: 6782c0c52aa3df512a0a55efbf563321a0cb753ee987bd6b18089663574c5633
 SHA512:
-  metadata.gz: 825ec26adbde83a5f56f3288bb5c2c4294c741a28965f90d25fa28b2acfdb29cae9b1efdb9692f29bf1599d35dc39ed55653cab78eabbb2fdb12a8acdb082603
-  data.tar.gz: 3447d874bdc8b3905f63b5bdcdb1a1d063d706451e71a5ce063b7d33694a0b1be5576416f25e1d74919760e302bd283571c52ac78a52173f85f091e16126a067
+  metadata.gz: 2c2bae435fce1e3e1d9ee88c2fedd06cbf02b2db2f913f87e5cd39c47e07974aec009e17461049d53f137c63df92f2927b37bfceb8adac9ac8b52393ba379aa0
+  data.tar.gz: f57b0604f88283b4661f011dc76ab856ba7b498a7f784f93472f687f3bde14b3d07b94b38ea666f4298d0b286aa32d890a25d4ce4e2ee2378271b81709281fa6

data/app/assets/javascripts/polaris_view_components/button_controller.js

@@ -1,28 +1,30 @@
 import { Controller } from "@hotwired/stimulus"
 
 export default class extends Controller {
+  static values = { disabled: Boolean }
+
   disable(event) {
-    if (this.button.disabled) {
-      event.preventDefault()
+    if (this.disabledValue) {
+      if (event) event.preventDefault()
     } else {
-      this.button.disabled = true
+      this.disabledValue = true
       this.button.classList.add("Polaris-Button--disabled", "Polaris-Button--loading")
       this.buttonContent.insertAdjacentHTML("afterbegin", this.spinnerHTML)
     }
   }
 
   disableWithoutLoader(event) {
-    if (this.button.disabled) {
-      event.preventDefault()
+    if (this.disabledValue) {
+      if (event) event.preventDefault()
     } else {
-      this.button.disabled = true
+      this.disabledValue = true
       this.button.classList.add("Polaris-Button--disabled")
     }
   }
 
   enable() {
-    if (this.button.disabled) {
-      this.button.disabled = false
+    if (this.disabledValue) {
+      this.disabledValue = false
       this.button.classList.remove("Polaris-Button--disabled", "Polaris-Button--loading")
       if (this.spinner) this.spinner.remove()
     }

data/app/assets/javascripts/polaris_view_components.js

@@ -298,26 +298,29 @@ class Autocomplete extends Controller {
 }
 
 class Button extends Controller {
+  static values={
+    disabled: Boolean
+  };
   disable(event) {
-    if (this.button.disabled) {
-      event.preventDefault();
+    if (this.disabledValue) {
+      if (event) event.preventDefault();
     } else {
-      this.button.disabled = true;
+      this.disabledValue = true;
       this.button.classList.add("Polaris-Button--disabled", "Polaris-Button--loading");
       this.buttonContent.insertAdjacentHTML("afterbegin", this.spinnerHTML);
     }
   }
   disableWithoutLoader(event) {
-    if (this.button.disabled) {
-      event.preventDefault();
+    if (this.disabledValue) {
+      if (event) event.preventDefault();
     } else {
-      this.button.disabled = true;
+      this.disabledValue = true;
       this.button.classList.add("Polaris-Button--disabled");
     }
   }
   enable() {
-    if (this.button.disabled) {
-      this.button.disabled = false;
+    if (this.disabledValue) {
+      this.disabledValue = false;
       this.button.classList.remove("Polaris-Button--disabled", "Polaris-Button--loading");
       if (this.spinner) this.spinner.remove();
     }

data/app/assets/stylesheets/polaris_view_components/button.pcss

@@ -54,7 +54,6 @@ html[class~="Polaris-Summer-Editions-2023"] .Polaris-Button {
   }
 
   /* Destructive */
-  &.Polaris-Button--destructive,
   &.Polaris-Button--destructive:is(.Polaris-Button--primary) {
     --pc-button-color: var(--p-color-bg-fill-critical);
     --pc-button-text: var(--p-color-bg-surface);
@@ -68,6 +67,19 @@ html[class~="Polaris-Summer-Editions-2023"] .Polaris-Button {
     }
   }
 
+  &.Polaris-Button--destructive:not(.Polaris-Button--primary) {
+    --pc-button-text: var(--p-color-text-critical);
+    --pc-button-icon-fill: currentColor;
+
+    &:active {
+      --pc-button-text: var(--p-color-text-critical-active);
+    }
+
+    &:hover {
+      --pc-button-text: var(--p-color-text-critical-hover);
+    }
+  }
+
   /* Primary */
   &.Polaris-Button--primary {
     --pc-button-bg-gradient: var(--p-color-button-gradient-bg-fill);

data/app/assets/stylesheets/polaris_view_components.css

@@ -309,16 +309,22 @@
       background: var(--p-color-bg-fill-tertiary);
     }/* Loading */html[class~="Polaris-Summer-Editions-2023"] .Polaris-Button.Polaris-Button--loading svg {
       fill: var(--p-color-icon-disabled);
-    }/* Destructive */html[class~="Polaris-Summer-Editions-2023"] .Polaris-Button.Polaris-Button--destructive,
-  html[class~="Polaris-Summer-Editions-2023"] .Polaris-Button.Polaris-Button--destructive:is(.Polaris-Button--primary) {
+    }/* Destructive */html[class~="Polaris-Summer-Editions-2023"] .Polaris-Button.Polaris-Button--destructive:is(.Polaris-Button--primary) {
     --pc-button-color: var(--p-color-bg-fill-critical);
     --pc-button-text: var(--p-color-bg-surface);
     --pc-button-color-hover: var(--p-color-bg-fill-critical-hover);
     --pc-button-color-active: var(--p-color-bg-fill-critical-active);
     --pc-button-color-depressed: var(--p-color-bg-fill-critical-selected);
     box-shadow: var(--p-shadow-button-primary-critical);
-  }html[class~="Polaris-Summer-Editions-2023"] .Polaris-Button.Polaris-Button--destructive:active, html[class~="Polaris-Summer-Editions-2023"] .Polaris-Button.Polaris-Button--destructive:is(.Polaris-Button--primary):active {
+  }html[class~="Polaris-Summer-Editions-2023"] .Polaris-Button.Polaris-Button--destructive:is(.Polaris-Button--primary):active {
       background: var(--pc-button-color-active);
+    }html[class~="Polaris-Summer-Editions-2023"] .Polaris-Button.Polaris-Button--destructive:not(.Polaris-Button--primary) {
+    --pc-button-text: var(--p-color-text-critical);
+    --pc-button-icon-fill: currentColor;
+  }html[class~="Polaris-Summer-Editions-2023"] .Polaris-Button.Polaris-Button--destructive:not(.Polaris-Button--primary):active {
+      --pc-button-text: var(--p-color-text-critical-active);
+    }html[class~="Polaris-Summer-Editions-2023"] .Polaris-Button.Polaris-Button--destructive:not(.Polaris-Button--primary):hover {
+      --pc-button-text: var(--p-color-text-critical-hover);
     }/* Primary */html[class~="Polaris-Summer-Editions-2023"] .Polaris-Button.Polaris-Button--primary {
     --pc-button-bg-gradient: var(--p-color-button-gradient-bg-fill);
     --pc-button-color: var(--pc-button-bg-gradient), var(--p-color-bg-fill-brand);

data/app/components/polaris/base_radio_button.rb

@@ -23,6 +23,7 @@ module Polaris
         opts[:disabled] = true if @disabled
         opts[:aria] ||= {}
         opts[:aria][:checked] = @checked
+        opts[:checked] = @checked
         opts[:class] = opts.delete(:classes)
       end
     end

data/lib/polaris/view_components/version.rb

@@ -1,5 +1,5 @@
 module Polaris
   module ViewComponents
-    VERSION = "2.2.0"
+    VERSION = "2.2.2"
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: polaris_view_components
 version: !ruby/object:Gem::Version
-  version: 2.2.0
+  version: 2.2.2
 platform: ruby
 authors:
 - Dan Gamble
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-07-30 00:00:00.000000000 Z
+date: 2024-08-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails