polaris_view_components 0.3.1 → 0.5.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a5ea3551cd4f15d29b3618b2cc565059b91f9415c2b3e2ff47573c9d8eebc588
-  data.tar.gz: bd815ab2b3bd738e7541686b8047cf159638e2aec83ab02d4dd7e803ff455d13
+  metadata.gz: a4ecf6c373c0c3a1188d677df7da49034a9094392ce74b0bac9e72780b1a851a
+  data.tar.gz: 836ebef4a9e97c359d4bf36e4ae497d673a6579de232c0a82f6cf12d4f33e3d9
 SHA512:
-  metadata.gz: 161b1fc626ca532956a4cd600dfcfd24d02e4c833e2622f7467fd0f3e526de317c321270c785b513cca0740c2660ed699e3893e9748c06a172330ef00d0ca35d
-  data.tar.gz: e93f7fa5dff2007c34163999e6630ebb77107dc13f1ded4032c09df947b6664c3a61befa7f06e20dc85099060c86ad3bb3a0d5970acd599305ce85789a53b7b7
+  metadata.gz: add02e909f36a997d49d261b3960ad41636001dbb4a6beea5f1652a7bfadab94d9bb2e07cefc5618f652bbdd431934ceb11da59388d0523d75686bbdddc7723e
+  data.tar.gz: cdd86e17c2a970aae8e5fec22cb296eae4cd1df572dee371978d0b02450cf6185c30c5a891db0943b62f1f114b593a2a3e890840362c1c1efc9da6087c663dd7

data/README.md

@@ -85,7 +85,7 @@ In addition to the dependencies declared in the `gemspec`, Polaris ViewComponent
 To get started:
 
 1. Run: `bundle install`
-2. Run: `foreman start`
+2. Run: `bin/dev`
 
 It will open demo app with component previews on `localhost:4000`. You can change components and they will be updated on page reload. Component previews located in `demo/test/components/previews`.
 

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

@@ -0,0 +1,14 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["select", "selectedOption"]
+
+  connect() {
+    this.update()
+  }
+
+  update() {
+    const option = this.selectTarget.options[this.selectTarget.selectedIndex]
+    this.selectedOptionTarget.innerText = option.text
+  }
+}

data/app/assets/javascripts/polaris_view_components.js

@@ -13,10 +13,12 @@ class ResourceItem extends Controller {
 }
 
 class Select extends Controller {
-  static targets=[ "selectedOption" ];
-  update(event) {
-    const select = event.currentTarget;
-    const option = select.options[select.selectedIndex];
+  static targets=[ "select", "selectedOption" ];
+  connect() {
+    this.update();
+  }
+  update() {
+    const option = this.selectTarget.options[this.selectTarget.selectedIndex];
     this.selectedOptionTarget.innerText = option.text;
   }
 }

data/app/assets/stylesheets/polaris_view_components/custom.css

@@ -0,0 +1,43 @@
+/* Add missing 1/4 section for layout */
+@media (min-width: 30.625em) {
+  .Polaris-Layout__Section--oneFourth {
+    flex: 1 1 20rem;
+    min-width: 0;
+  }
+}
+
+/* Fix Tag removal link */
+a.Polaris-Tag__Button {
+  height: auto;
+}
+
+/* Remove underline for sort link */
+
+.Polaris-DataTable__Cell--sortable a {
+  text-decoration: none;
+}
+
+/* CardSection borders */
+.Polaris-Card__Section--borderTop {
+  border-top: 0.1rem solid var(--p-divider);
+}
+.Polaris-Card__Section--borderBottom {
+  border-bottom: 0.1rem solid var(--p-divider);
+}
+
+/* IndexTable */
+
+/* TODO: Remove after upgrade to Polaris 7.0.0 */
+.Polaris-IndexTable__TableRow.Polaris-IndexTable__TableRow--unclickable {
+  cursor: auto;
+}
+
+/* TestStyle sizes */
+.Polaris-TextStyle--sizeSmall {
+  font-size: 1.25rem;
+}
+
+/* Remove box-shadow from buttons and links */
+.Polaris-Button::after, .Polaris-Button:focus::after, .Polaris-Breadcrumbs__Breadcrumb::after {
+  box-shadow: none !important;
+}

data/app/assets/stylesheets/{shopify_navigation.css → polaris_view_components/shopify_navigation.css}

@@ -106,10 +106,6 @@
   border-bottom: .3rem solid var(--p-action-primary)
 }
 
-.shp-Navigation_Link:focus {
-  box-shadow: inset 0 0 2px 0 rgba(92, 106, 196, .8), 0 0 2px 0 rgba(92, 106, 196, .8)
-}
-
 .shp-Navigation_Link:focus .shp-Navigation_LinkText {
   font-weight: 400;
   color: var(--p-text)

data/app/assets/stylesheets/polaris_view_components/spacer_component.css

@@ -0,0 +1,39 @@
+/* Vertical */
+.Polaris-Spacer--verticalSpacingExtraTight {
+  height: 4px;
+}
+.Polaris-Spacer--verticalSpacingTight {
+  height: 8px;
+}
+.Polaris-Spacer--verticalSpacingBaseTight {
+  height: 12px;
+}
+.Polaris-Spacer--verticalSpacingBase {
+  height: 16px;
+}
+.Polaris-Spacer--verticalSpacingLoose {
+  height: 20px;
+}
+.Polaris-Spacer--verticalSpacingExtraLoose {
+  height: 32px;
+}
+
+/* Horizontal */
+.Polaris-Spacer--horizontalSpacingExtraTight {
+  width: 4px;
+}
+.Polaris-Spacer--horizontalSpacingTight {
+  width: 8px;
+}
+.Polaris-Spacer--horizontalSpacingBaseTight {
+  width: 12px;
+}
+.Polaris-Spacer--horizontalSpacingBase {
+  width: 16px;
+}
+.Polaris-Spacer--horizontalSpacingLoose {
+  width: 20px;
+}
+.Polaris-Spacer--horizontalSpacingExtraLoose {
+  width: 32px;
+}