polaris_view_components 0.8.1 → 0.9.0
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.
- checksums.yaml +4 -4
- data/app/assets/icons/polaris/AnalyticsMinor.svg +1 -0
- data/app/assets/icons/polaris/AppsMinor.svg +1 -0
- data/app/assets/icons/polaris/BlockMinor.svg +1 -0
- data/app/assets/icons/polaris/ButtonMinor.svg +1 -0
- data/app/assets/icons/polaris/CaretDownMinor.svg +1 -1
- data/app/assets/icons/polaris/CaretUpMinor.svg +1 -1
- data/app/assets/icons/polaris/CircleTickMinor.svg +1 -0
- data/app/assets/icons/polaris/Columns3Minor.svg +1 -0
- data/app/assets/icons/polaris/CustomersMinor.svg +1 -1
- data/app/assets/icons/polaris/DiscountsMinor.svg +1 -0
- data/app/assets/icons/polaris/DropdownMinor.svg +1 -1
- data/app/assets/icons/polaris/FinancesMajor.svg +1 -0
- data/app/assets/icons/polaris/FinancesMinor.svg +1 -0
- data/app/assets/icons/polaris/HomeMinor.svg +1 -0
- data/app/assets/icons/polaris/MarketingMinor.svg +1 -0
- data/app/assets/icons/polaris/OnlineStoreMinor.svg +1 -0
- data/app/assets/icons/polaris/OrdersMinor.svg +1 -0
- data/app/assets/icons/polaris/ProductsMinor.svg +1 -0
- data/app/assets/icons/polaris/QuestionMarkInverseMajor.svg +1 -0
- data/app/assets/icons/polaris/QuestionMarkInverseMinor.svg +1 -0
- data/app/assets/icons/polaris/SelectMinor.svg +1 -1
- data/app/assets/icons/polaris/TitleMinor.svg +1 -0
- data/app/assets/icons/polaris/WandMinor.svg +1 -0
- data/app/assets/javascripts/polaris_view_components/collapsible_controller.js +19 -0
- data/app/assets/javascripts/polaris_view_components/index.js +2 -0
- data/app/assets/javascripts/polaris_view_components/polaris_controller.js +4 -0
- data/app/assets/javascripts/polaris_view_components/toast_controller.js +13 -2
- data/app/assets/javascripts/polaris_view_components.js +27 -2
- data/app/assets/stylesheets/polaris_view_components.css +38 -33
- data/app/components/polaris/collapsible_component.rb +37 -0
- data/app/components/polaris/keyboard_key_component.rb +20 -0
- data/app/components/polaris/resource_item_component.rb +3 -1
- data/app/components/polaris/skeleton_display_text_component.rb +32 -0
- data/app/components/polaris/skeleton_thumbnail_component.rb +31 -0
- data/app/helpers/polaris/form_builder.rb +1 -1
- data/app/helpers/polaris/view_helper.rb +4 -0
- data/lib/polaris/view_components/version.rb +1 -1
- metadata +25 -14
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: c25ff3636898168d8b63d341155e80003d847ee4e3888150382c59275d9df5d0
|
|
4
|
+
data.tar.gz: b865d3b96a3e46b09a76d16699935314403a5efe407ef5f1dd759457f057c4f0
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 459107009e35c2eef5ccfca95eb3708b90e9ea5f45eecb23e9e68b17566a16ba95341e646339515129e20ee5b18bfcb3cf3a3195afc18b5a6ce79946398226de
|
|
7
|
+
data.tar.gz: 3992aad996e4a9f2c38f2d915bd11af2106e6ee54cb5421a9a463f18820c0877eadf9e4b7823a02cf1c6e2995ef09f1019730a3986b4136eb50615e67a1c0b41
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M7 11a1 1 0 1 1 2 0v5a1 1 0 1 1-2 0v-5zm4-5a1 1 0 1 1 2 0v10a1 1 0 1 1-2 0V6zm4-2a1 1 0 1 1 2 0v12a1 1 0 1 1-2 0V4zM3 8a1 1 0 0 1 2 0v8a1 1 0 1 1-2 0V8z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M5 17a2 2 0 0 1-2-2v-4h6v6H5zm6 0v-6h6v4a2 2 0 0 1-2 2h-4zM3 5v4h6V3H5a2 2 0 0 0-2 2zm8 1a1 1 0 0 1 1-1h1V4a1 1 0 1 1 2 0v1h1a1 1 0 1 1 0 2h-1v1a1 1 0 1 1-2 0V7h-1a1 1 0 0 1-1-1z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M2 3.6A1.6 1.6 0 0 1 3.6 2H7a1 1 0 0 1 0 2H4v3a1 1 0 0 1-2 0V3.6zM16.4 2A1.6 1.6 0 0 1 18 3.6V7a1 1 0 1 1-2 0V4h-3a1 1 0 1 1 0-2h3.4zm0 16H13a1 1 0 1 1 0-2h3v-3a1 1 0 1 1 2 0v3.4a1.6 1.6 0 0 1-1.6 1.6zM3.6 18A1.6 1.6 0 0 1 2 16.4V13a1 1 0 1 1 2 0v3h3a1 1 0 1 1 0 2H3.6z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M2 5.5A1.5 1.5 0 0 1 3.5 4h13A1.5 1.5 0 0 1 18 5.5v4.95l-4.014-2.59c-1.71-1.104-3.953.19-3.853 2.224L10.278 13H3.5A1.5 1.5 0 0 1 2 11.5v-6z"/><path d="M12.131 9.999a.5.5 0 0 1 .77-.445l4.869 3.142a.5.5 0 0 1-.021.853l-1.425.823 1.229 2.128a1 1 0 1 1-1.732 1l-1.23-2.128-1.424.822a.5.5 0 0 1-.75-.408L12.131 10z"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="
|
|
1
|
+
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M13.098 8H6.902c-.751 0-1.172.754-.708 1.268L9.292 12.7c.36.399 1.055.399 1.416 0l3.098-3.433C14.27 8.754 13.849 8 13.098 8z"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="
|
|
1
|
+
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M6.902 12h6.196c.751 0 1.172-.754.708-1.268L10.708 7.3c-.36-.399-1.055-.399-1.416 0l-3.098 3.433C5.73 11.246 6.151 12 6.902 12z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M2 10a8 8 0 1 0 16 0 8 8 0 0 0-16 0zm12.16-1.44a.8.8 0 0 0-1.12-1.12L9.2 11.28 7.36 9.44a.8.8 0 0 0-1.12 1.12l2.4 2.4c.32.32.8.32 1.12 0l4.4-4.4z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16 2a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h12zm-2.667 2H16v12h-2.667V4zM8.667 4h2.666v12H8.667V4zm-2 0H4v12h2.667V4z"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10
|
|
1
|
+
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 9a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-3.5 8a2.5 2.5 0 0 1-1.768-4.268C5.322 12.155 7.2 11 10 11s4.678 1.155 5.268 1.732A2.5 2.5 0 0 1 13.5 17h-7z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 3.072a2 2 0 0 0-.99 1.939 2 2 0 0 0-1.826 3.163 2 2 0 0 0 0 3.652A2 2 0 0 0 5.01 14.99a2 2 0 0 0 3.164 1.828 2 2 0 0 0 3.652 0 2 2 0 0 0 3.164-1.827 2 2 0 0 0 1.826-3.164 2 2 0 0 0 0-3.652A2 2 0 0 0 14.99 5.01a2 2 0 0 0-3.163-1.826 2 2 0 0 0-3.654 0A2 2 0 0 0 6 3.072zm6.832 4.483a1 1 0 1 0-1.664-1.11l-4 6a1 1 0 0 0 1.664 1.11l4-6zM7 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm7 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="
|
|
1
|
+
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M13.098 8H6.902c-.751 0-1.172.754-.708 1.268L9.292 12.7c.36.399 1.055.399 1.416 0l3.098-3.433C14.27 8.754 13.849 8 13.098 8z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5 3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H5zm7 6.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/><path fill-rule="evenodd" d="M16 15v1a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h1v7a1 1 0 0 0 1 1h13z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 3a3 3 0 0 0-3 3v9a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2H6a1 1 0 0 1 0-2h9a1 1 0 1 0 0-2H6zm8 10a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10.555 3.168a1 1 0 0 0-1.11 0L3.891 6.87A2 2 0 0 0 3 8.535V15a2 2 0 0 0 2 2h2a1 1 0 0 0 1-1v-4h4v4a1 1 0 0 0 1 1h2a2 2 0 0 0 2-2V8.535a2 2 0 0 0-.89-1.664l-5.555-3.703z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M9 4a5 5 0 0 0-.163 9.997l.662 1.986a7 7 0 1 1 6.484-6.484l-1.986-.662A5 5 0 0 0 9 4z"/><path d="M9 8a1 1 0 0 0 0 2v2a3 3 0 1 1 3-3h-2a1 1 0 0 0-1-1z"/><path d="M11.316 10.051a1 1 0 0 0-1.265 1.265l2 6a1 1 0 0 0 1.898 0l.842-2.525 2.525-.842a1 1 0 0 0 0-1.898l-6-2z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2a1 1 0 1 1 0 2H6a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-1a1 1 0 1 1 0-2h2a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5zm1.986 3.836a1 1 0 0 0-1.972.329C5.237 8.504 6.579 11 10 11c3.42 0 4.763-2.496 4.986-3.835a1 1 0 1 0-1.972-.33C12.904 7.497 12.179 9 10 9 7.82 9 7.097 7.496 6.986 6.836z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M3.735 5.507A3 3 0 0 1 6.695 3h6.61a3 3 0 0 1 2.96 2.507L17 10v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5l.735-4.493zM6.695 5a1 1 0 0 0-.987.836L5 10v1h1.394a3 3 0 0 1 1.665.504l.832.555a2 2 0 0 0 2.218 0l.832-.555A3 3 0 0 1 13.607 11H15v-1l-.708-4.164A1 1 0 0 0 13.306 5H6.694z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10.408 3H16a1 1 0 0 1 1 1v5.592a2 2 0 0 1-.57 1.399l-5.162 5.277a2.5 2.5 0 0 1-3.536 0l-4-4a2.5 2.5 0 0 1 0-3.536l.008-.008L9.01 3.57A2 2 0 0 1 10.407 3zM13.5 8a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16zm-7.071.929A10 10 0 1 1 17.07 17.07 10 10 0 0 1 2.93 2.93z"/><path d="M11.126 13.002H8.99V11.86c.01-1.966.492-2.254 1.374-2.782.093-.056.19-.114.293-.178.73-.459 1.292-1.038 1.292-1.883 0-.948-.743-1.564-1.666-1.564-.852 0-1.657.398-1.712 1.533H6.305c.06-2.294 1.877-3.487 3.99-3.487 2.306 0 3.894 1.447 3.894 3.488 0 1.382-.695 2.288-1.806 2.952l-.237.144c-.79.475-1.009.607-1.02 1.777v1.142zm.17 2.012a1.344 1.344 0 0 1-1.327 1.328 1.32 1.32 0 0 1-1.227-1.834 1.318 1.318 0 0 1 1.227-.81c.712 0 1.322.592 1.328 1.316h-.001z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M11 12H9v-.148c0-.876.306-1.499 1-1.852.385-.195 1-.568 1-1a1.001 1.001 0 0 0-2 0H7c0-1.654 1.346-3 3-3s3 1 3 3-2 2.165-2 3zm-2 3h2v-2H9v2z"/><path d="M10 4a6 6 0 1 0 0 12 6 6 0 0 0 0-12zm-8 6a8 8 0 1 1 16 0 8 8 0 0 1-16 0z"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="
|
|
1
|
+
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M7.676 9h4.648c.563 0 .879-.603.53-1.014L10.531 5.24a.708.708 0 0 0-1.062 0L7.145 7.986C6.798 8.397 7.113 9 7.676 9zm4.648 2H7.676c-.563 0-.878.603-.53 1.014l2.323 2.746c.27.32.792.32 1.062 0l2.323-2.746c.349-.411.033-1.014-.53-1.014z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M3 2a1 1 0 0 0-1 1v3a1 1 0 0 0 2 0 2 2 0 0 1 2-2h2v10.999A1 1 0 0 1 7 16h-.001A1 1 0 0 0 7 18h6a1 1 0 1 0 0-2 1 1 0 0 1-1-1V4h2a2 2 0 0 1 2 2 1 1 0 1 0 2 0V3a1 1 0 0 0-1-1H3z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M3.44 15.56a1.5 1.5 0 0 1 0-2.12l6.792-6.793 3.121 3.12-6.792 6.794a1.5 1.5 0 0 1-2.122 0l-1-1zm11.328-7.206L16.56 6.56a1.5 1.5 0 0 0 0-2.122l-1-1a1.5 1.5 0 0 0-2.122 0l-1.793 1.793 3.122 3.122zM13 12c1 0 2-1 2-2 0 1 1 2 2 2-1 0-2 1-2 2 0-1-1-2-2-2zM6 5c1 0 2-1 2-2 0 1 1 2 2 2-1 0-2 1-2 2 0-1-1-2-2-2z"/></svg>
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Controller } from "@hotwired/stimulus"
|
|
2
|
+
|
|
3
|
+
export default class extends Controller {
|
|
4
|
+
toggle() {
|
|
5
|
+
if (this.isClosed) {
|
|
6
|
+
this.element.style.maxHeight = "none"
|
|
7
|
+
this.element.style.overflow = "visible"
|
|
8
|
+
this.element.classList.remove("Polaris-Collapsible--isFullyClosed")
|
|
9
|
+
} else {
|
|
10
|
+
this.element.style.maxHeight = "0px"
|
|
11
|
+
this.element.style.overflow = "hidden"
|
|
12
|
+
this.element.classList.add("Polaris-Collapsible--isFullyClosed")
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
get isClosed() {
|
|
17
|
+
return this.element.classList.contains("Polaris-Collapsible--isFullyClosed")
|
|
18
|
+
}
|
|
19
|
+
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import Autocomplete from './autocomplete_controller'
|
|
2
2
|
import Button from './button_controller'
|
|
3
|
+
import Collapsible from './collapsible_controller'
|
|
3
4
|
import Dropzone from './dropzone_controller'
|
|
4
5
|
import Frame from './frame_controller'
|
|
5
6
|
import Modal from './modal_controller'
|
|
@@ -17,6 +18,7 @@ export { Frame, Modal, Polaris, Popover, ResourceItem, Scrollable, Select, TextF
|
|
|
17
18
|
export function registerPolarisControllers(application) {
|
|
18
19
|
application.register('polaris-autocomplete', Autocomplete)
|
|
19
20
|
application.register('polaris-button', Button)
|
|
21
|
+
application.register('polaris-collapsible', Collapsible)
|
|
20
22
|
application.register('polaris-dropzone', Dropzone)
|
|
21
23
|
application.register('polaris-frame', Frame)
|
|
22
24
|
application.register('polaris-modal', Modal)
|
|
@@ -37,8 +37,10 @@ export default class extends Controller {
|
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
getStyle(position) {
|
|
40
|
-
const
|
|
41
|
-
const
|
|
40
|
+
const height = this.element.offsetHeight + this.heightOffset
|
|
41
|
+
const translateIn = height * -1
|
|
42
|
+
const translateOut = 150 - height
|
|
43
|
+
|
|
42
44
|
return `--toast-translate-y-in: ${translateIn}px; --toast-translate-y-out: ${translateOut}px;`
|
|
43
45
|
}
|
|
44
46
|
|
|
@@ -65,4 +67,13 @@ export default class extends Controller {
|
|
|
65
67
|
get position() {
|
|
66
68
|
return this.visibleToasts.filter(el => !this.element.isEqualNode(el)).length + 1
|
|
67
69
|
}
|
|
70
|
+
|
|
71
|
+
get heightOffset() {
|
|
72
|
+
return this.visibleToasts
|
|
73
|
+
.filter(el => {
|
|
74
|
+
return !this.element.isEqualNode(el) && this.element.dataset.position > el.dataset.position
|
|
75
|
+
})
|
|
76
|
+
.map(el => el.offsetHeight)
|
|
77
|
+
.reduce((a, b) => a + b, 0)
|
|
78
|
+
}
|
|
68
79
|
}
|
|
@@ -165,6 +165,23 @@ class Button extends Controller {
|
|
|
165
165
|
}
|
|
166
166
|
}
|
|
167
167
|
|
|
168
|
+
class Collapsible extends Controller {
|
|
169
|
+
toggle() {
|
|
170
|
+
if (this.isClosed) {
|
|
171
|
+
this.element.style.maxHeight = "none";
|
|
172
|
+
this.element.style.overflow = "visible";
|
|
173
|
+
this.element.classList.remove("Polaris-Collapsible--isFullyClosed");
|
|
174
|
+
} else {
|
|
175
|
+
this.element.style.maxHeight = "0px";
|
|
176
|
+
this.element.style.overflow = "hidden";
|
|
177
|
+
this.element.classList.add("Polaris-Collapsible--isFullyClosed");
|
|
178
|
+
}
|
|
179
|
+
}
|
|
180
|
+
get isClosed() {
|
|
181
|
+
return this.element.classList.contains("Polaris-Collapsible--isFullyClosed");
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
|
|
168
185
|
const dragEvents = [ "dragover", "dragenter", "drop" ];
|
|
169
186
|
|
|
170
187
|
const SIZES = {
|
|
@@ -803,6 +820,9 @@ class Polaris extends Controller {
|
|
|
803
820
|
showToast() {
|
|
804
821
|
this.findElement("toast").show();
|
|
805
822
|
}
|
|
823
|
+
toggleCollapsible() {
|
|
824
|
+
this.findElement("collapsible").toggle();
|
|
825
|
+
}
|
|
806
826
|
findElement(type) {
|
|
807
827
|
const targetId = this.element.dataset.target.replace("#", "");
|
|
808
828
|
const target = document.getElementById(targetId);
|
|
@@ -2465,8 +2485,9 @@ class Toast extends Controller {
|
|
|
2465
2485
|
this.element.removeEventListener("transitionend", this.updatePositions, false);
|
|
2466
2486
|
};
|
|
2467
2487
|
getStyle(position) {
|
|
2468
|
-
const
|
|
2469
|
-
const
|
|
2488
|
+
const height = this.element.offsetHeight + this.heightOffset;
|
|
2489
|
+
const translateIn = height * -1;
|
|
2490
|
+
const translateOut = 150 - height;
|
|
2470
2491
|
return `--toast-translate-y-in: ${translateIn}px; --toast-translate-y-out: ${translateOut}px;`;
|
|
2471
2492
|
}
|
|
2472
2493
|
get timeoutDuration() {
|
|
@@ -2487,11 +2508,15 @@ class Toast extends Controller {
|
|
|
2487
2508
|
get position() {
|
|
2488
2509
|
return this.visibleToasts.filter((el => !this.element.isEqualNode(el))).length + 1;
|
|
2489
2510
|
}
|
|
2511
|
+
get heightOffset() {
|
|
2512
|
+
return this.visibleToasts.filter((el => !this.element.isEqualNode(el) && this.element.dataset.position > el.dataset.position)).map((el => el.offsetHeight)).reduce(((a, b) => a + b), 0);
|
|
2513
|
+
}
|
|
2490
2514
|
}
|
|
2491
2515
|
|
|
2492
2516
|
function registerPolarisControllers(application) {
|
|
2493
2517
|
application.register("polaris-autocomplete", Autocomplete);
|
|
2494
2518
|
application.register("polaris-button", Button);
|
|
2519
|
+
application.register("polaris-collapsible", Collapsible);
|
|
2495
2520
|
application.register("polaris-dropzone", Dropzone);
|
|
2496
2521
|
application.register("polaris-frame", Frame);
|
|
2497
2522
|
application.register("polaris-modal", Modal);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
|
-
:root { --polaris-version-number: '7.
|
|
2
|
+
:root { --polaris-version-number: '7.6.0'; --polaris-animation-skeleton-shimmer: polaris-SkeletonShimmerAnimation; }
|
|
3
3
|
html, body { font-size: 1.5rem; font-weight: 400; line-height: 2rem; text-transform: initial; letter-spacing: initial; font-weight: 400; color: var(--p-text); }
|
|
4
4
|
@media (min-width: 40em) { html, body { font-size: 1.4rem; } }
|
|
5
5
|
html, body, button { font-family: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif; }
|
|
@@ -92,7 +92,7 @@ button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-mo
|
|
|
92
92
|
.Polaris-Badge--sizeSmall { font-size: 1.2rem; }
|
|
93
93
|
.Polaris-Badge--statusSuccess { --p-component-badge-pip-color: var(--p-icon-success); background-color: var(--p-surface-success); color: var(--p-text); }
|
|
94
94
|
.Polaris-Badge--statusInfo { --p-component-badge-pip-color: var(--p-icon-highlight); background-color: var(--p-surface-highlight); color: var(--p-text); }
|
|
95
|
-
.Polaris-Badge--statusAttention { --p-component-badge-pip-color:
|
|
95
|
+
.Polaris-Badge--statusAttention { --p-component-badge-pip-color: rgb(138, 97, 22); background-color: #ffea8a; color: var(--p-text); }
|
|
96
96
|
.Polaris-Badge--statusWarning { --p-component-badge-pip-color: var(--p-icon-warning); background-color: var(--p-surface-warning); color: var(--p-text); }
|
|
97
97
|
.Polaris-Badge--statusCritical { --p-component-badge-pip-color: var(--p-icon-critical); background-color: var(--p-surface-critical); color: var(--p-text); }
|
|
98
98
|
.Polaris-Badge--statusNew { background-color: var(--p-surface-neutral); color: var(--p-text); font-weight: 500; border: none; }
|
|
@@ -105,14 +105,15 @@ button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-mo
|
|
|
105
105
|
.Polaris-Badge--withinFilter { border-radius: var(--p-border-radius-base); }
|
|
106
106
|
.Polaris-TextStyle--variationPositive { color: var(--p-text-success); }
|
|
107
107
|
.Polaris-TextStyle--variationNegative { color: var(--p-text-critical); }
|
|
108
|
+
.Polaris-TextStyle--variationWarning { color: var(--p-text-warning); }
|
|
108
109
|
.Polaris-TextStyle--variationCode { position: relative; padding: 0 0.4rem; border-radius: 0.3rem; background-color: var(--p-surface-subdued); display: inline-block; font-size: 1.15em; box-shadow: inset 0 0 0 0.1rem var(--p-border-subdued); }
|
|
109
110
|
.Polaris-TextStyle--variationCode::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0.1rem solid transparent; pointer-events: none; }
|
|
110
111
|
.Polaris-TextStyle--variationStrong { font-weight: 600; }
|
|
111
112
|
.Polaris-TextStyle--variationSubdued { color: var(--p-text-subdued); }
|
|
112
113
|
@media print { .Polaris-TextStyle--variationSubdued { color: var(--p-text-subdued); } }
|
|
113
|
-
.Polaris-ActionList { list-style: none; margin: 0; padding: 0; }
|
|
114
|
+
.Polaris-ActionList { outline: none; list-style: none; margin: 0; padding: 0; }
|
|
114
115
|
.Polaris-ActionList__Section--withoutTitle:not(:first-child) { border-top: 0.1rem solid var(--p-divider); }
|
|
115
|
-
.Polaris-ActionList__Actions { list-style: none; margin: 0; border-top: 0.1rem solid var(--p-divider); padding: 0.8rem; }
|
|
116
|
+
.Polaris-ActionList__Actions { outline: none; list-style: none; margin: 0; border-top: 0.1rem solid var(--p-divider); padding: 0.8rem; }
|
|
116
117
|
.Polaris-ActionList > .Polaris-ActionList__Section--withoutTitle .Polaris-ActionList__Actions, .Polaris-ActionList__Section:first-child > .Polaris-ActionList__Section--withoutTitle .Polaris-ActionList__Actions { border-top: none; }
|
|
117
118
|
.Polaris-ActionList__Title { font-size: 1.3rem; font-weight: 600; line-height: 1.6rem; text-transform: uppercase; padding: 0.4rem 1.6rem 1.2rem 1.6rem; }
|
|
118
119
|
@media (min-width: 40em) { .Polaris-ActionList__Title { font-size: 1.2rem; } }
|
|
@@ -481,6 +482,7 @@ button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-mo
|
|
|
481
482
|
.Polaris-TextField__ClearButton:focus { outline: none; }
|
|
482
483
|
.Polaris-TextField__ClearButton:focus:enabled::after { box-shadow: 0 0 0 0.2rem var(--p-focused); outline: 0.1rem solid transparent; }
|
|
483
484
|
.Polaris-TextField__ClearButton:disabled { cursor: default; }
|
|
485
|
+
.Polaris-TextField__Hidden { visibility: hidden; }
|
|
484
486
|
.Polaris-TextField__Spinner { --p-text-field-spinner-offset-large: calc(var(--p-text-field-spinner-offset) + 0.1rem); z-index: 20; margin: var(--p-text-field-spinner-offset-large); color: var(--p-icon); display: flex; align-self: stretch; flex-direction: column; width: 2.2rem; cursor: pointer; }
|
|
485
487
|
.Polaris-TextField__SpinnerIcon { height: 1.2rem; width: 1.2rem; }
|
|
486
488
|
.Polaris-TextField__Resizer { position: absolute; bottom: 0; left: 0; right: 0; height: 0; visibility: hidden; overflow: hidden; }
|
|
@@ -538,16 +540,18 @@ button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-mo
|
|
|
538
540
|
.Polaris-Listbox-TextOption { margin: 0.4rem 0.8rem 0; flex: 1 1; border-radius: var(--p-border-radius-base); padding: 0.8rem 0.8rem; cursor: pointer; display: flex; position: relative; }
|
|
539
541
|
.Polaris-Listbox-TextOption::after { content: ''; position: absolute; z-index: 1; top: -0.1rem; right: -0.1rem; bottom: -0.1rem; left: -0.1rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.1rem var(--p-focused); transition: box-shadow 100ms var(--p-ease); border-radius: calc(var(--p-border-radius-base) + 0.1rem); }
|
|
540
542
|
.Polaris-Listbox-TextOption.Polaris-Listbox-TextOption--allowMultiple { margin: 0.4rem 0.8rem 0; padding: 0.4rem 0.8rem; }
|
|
541
|
-
.Polaris-Listbox-TextOption.Polaris-Listbox-TextOption--isAction {
|
|
543
|
+
.Polaris-Listbox-TextOption.Polaris-Listbox-TextOption--isAction { margin-top: 0; padding: 0.8rem 0.8rem; }
|
|
542
544
|
.Polaris-Listbox-TextOption:hover { background-color: var(--p-surface-hovered); }
|
|
543
545
|
.Polaris-Listbox-TextOption:focus { outline: none; }
|
|
544
546
|
.Polaris-Listbox-TextOption:active { background-color: var(--p-surface-pressed); }
|
|
545
547
|
.Polaris-Listbox-TextOption.Polaris-Listbox-TextOption--disabled { background-color: var(--p-surface-disabled); color: var(--p-text-disabled); cursor: default; }
|
|
546
548
|
.Polaris-Listbox-TextOption.Polaris-Listbox-TextOption--selected { background-color: var(--p-surface-selected); }
|
|
547
549
|
.Polaris-Listbox-TextOption.Polaris-Listbox-TextOption--selected::before { content: ''; position: absolute; top: 0; bottom: 0; left: -0.4rem; height: 100%; width: var(--p-border-radius-base); background-color: var(--p-interactive); border-top-right-radius: var(--p-border-radius-base); border-bottom-right-radius: var(--p-border-radius-base); transform: translateX(-100%); }
|
|
550
|
+
li:first-of-type > .Polaris-Listbox-TextOption { margin-top: 0; }
|
|
548
551
|
[data-focused] .Polaris-Listbox-TextOption { outline: none; background-color: var(--p-surface-selected); }
|
|
549
552
|
[data-focused]:not(:focus) .Polaris-Listbox-TextOption::after { box-shadow: 0 0 0 0.2rem var(--p-focused); outline: 0.1rem solid transparent; }
|
|
550
553
|
.Polaris-Listbox-TextOption__Content { flex: 1 1 auto; display: flex; }
|
|
554
|
+
.Polaris-Listbox-TextOption__Checkbox { pointer-events: none; }
|
|
551
555
|
.Polaris-Listbox-Option { display: flex; margin: 0; padding: 0; }
|
|
552
556
|
.Polaris-Listbox-Option:focus { outline: none; }
|
|
553
557
|
.Polaris-Listbox-Option--divider { border-bottom: 0.1rem solid var(--p-divider); }
|
|
@@ -556,6 +560,7 @@ button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-mo
|
|
|
556
560
|
.Polaris-Listbox-Header { font-size: 1.3rem; font-weight: 600; line-height: 1.6rem; text-transform: uppercase; padding: 0.8rem 1.6rem; color: var(--p-text-subdued); }
|
|
557
561
|
@media (min-width: 40em) { .Polaris-Listbox-Header { font-size: 1.2rem; } }
|
|
558
562
|
.Polaris-Listbox-Action { display: flex; flex: 1 1; }
|
|
563
|
+
.Polaris-Listbox-Action__ActionDivider { margin-bottom: 0.4rem; }
|
|
559
564
|
.Polaris-Listbox-Action__Icon { padding-right: 0.8rem; }
|
|
560
565
|
.Polaris-Listbox { padding: 0; margin: 0; list-style: none; max-width: 100%; }
|
|
561
566
|
.Polaris-Listbox:focus { outline: none; }
|
|
@@ -567,7 +572,7 @@ button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-mo
|
|
|
567
572
|
.Polaris-Autocomplete-MappedAction__ActionContainer { margin-bottom: 1.2rem; }
|
|
568
573
|
[data-focused] .Polaris-Autocomplete-MappedAction__Action svg { fill: var(--p-interactive); }
|
|
569
574
|
[data-focused] .Polaris-Autocomplete-MappedAction__Action.Polaris-Autocomplete-MappedAction--destructive { background-color: var(--p-surface-critical-subdued-pressed); }
|
|
570
|
-
.Polaris-Autocomplete-MappedAction__Action { position: relative; display: block; width: 100%; min-height: 4rem; text-align: left; cursor: pointer;
|
|
575
|
+
.Polaris-Autocomplete-MappedAction__Action { position: relative; display: block; width: 100%; min-height: 4rem; text-align: left; cursor: pointer; }
|
|
571
576
|
.Polaris-Autocomplete-MappedAction__Action::after { content: ''; position: absolute; z-index: 1; top: -0.1rem; right: -0.1rem; bottom: -0.1rem; left: -0.1rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.1rem var(--p-focused); transition: box-shadow 100ms var(--p-ease); border-radius: calc(var(--p-border-radius-base) + 0.1rem); }
|
|
572
577
|
.Polaris-Autocomplete-MappedAction__Action:hover { background-color: var(--p-surface-hovered); text-decoration: none; }
|
|
573
578
|
@media (-ms-high-contrast: active) { .Polaris-Autocomplete-MappedAction__Action:hover { outline: 0.1rem solid windowText; } }
|
|
@@ -894,24 +899,11 @@ button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-mo
|
|
|
894
899
|
.Polaris-DropZone-FileUpload--large { padding: 3.2rem; }
|
|
895
900
|
.Polaris-DropZone-FileUpload--small { padding: 1.25rem; }
|
|
896
901
|
.Polaris-DropZone-FileUpload img { vertical-align: bottom; }
|
|
897
|
-
.Polaris-DropZone-
|
|
898
|
-
.Polaris-DropZone-
|
|
899
|
-
.Polaris-DropZone-
|
|
900
|
-
.Polaris-DropZone-
|
|
901
|
-
.Polaris-DropZone-
|
|
902
|
-
.Polaris-DropZone-FileUpload__Button:focus::after { box-shadow: 0 0 0 0.2rem var(--p-focused); outline: 0.1rem solid transparent; }
|
|
903
|
-
.Polaris-DropZone-FileUpload__Button:active { background: var(--p-action-secondary-pressed); box-shadow: var(--p-button-drop-shadow); }
|
|
904
|
-
.Polaris-DropZone-FileUpload__Button:active::after { border: none; box-shadow: none; }
|
|
905
|
-
.Polaris-DropZone-FileUpload__Button.Polaris-DropZone-FileUpload--pressed { background: var(--p-action-secondary-depressed); box-shadow: var(--p-button-pressed-inner-shadow); color: var(--p-text-on-primary); border-color: var(--p-border-depressed); }
|
|
906
|
-
.Polaris-DropZone-FileUpload__Button.Polaris-DropZone-FileUpload--pressed svg { fill: currentColor; }
|
|
907
|
-
@media (-ms-high-contrast: active) { .Polaris-DropZone-FileUpload__Button { border: 0.1rem solid windowText; } }
|
|
908
|
-
.Polaris-DropZone-FileUpload__Button::after { content: ''; position: absolute; z-index: 1; top: -0.1rem; right: -0.1rem; bottom: -0.1rem; left: -0.1rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.1rem var(--p-focused); transition: box-shadow 100ms var(--p-ease); border-radius: calc(var(--p-border-radius-base) + 0.1rem); }
|
|
909
|
-
.Polaris-DropZone-FileUpload__Button.Polaris-DropZone-FileUpload--disabled { transition: none; box-shadow: none; border-color: var(--p-border-disabled); background: var(--p-surface-disabled); color: var(--p-text-disabled); cursor: not-allowed; box-shadow: none; }
|
|
910
|
-
.Polaris-DropZone-FileUpload__Button.Polaris-DropZone-FileUpload--disabled svg { fill: var(--p-icon-disabled); }
|
|
911
|
-
.Polaris-DropZone-FileUpload__Button.Polaris-DropZone-FileUpload--focused { outline: 0; box-shadow: none; }
|
|
912
|
-
.Polaris-DropZone-FileUpload__Button.Polaris-DropZone-FileUpload--focused::after { box-shadow: 0 0 0 0.2rem var(--p-focused); outline: 0.1rem solid transparent; }
|
|
913
|
-
@media (-ms-high-contrast: active) { .Polaris-DropZone-FileUpload__Button.Polaris-DropZone-FileUpload--focused { outline: 0.2rem dotted; } }
|
|
914
|
-
.Polaris-DropZone-FileUpload__Button .Polaris-DropZone-FileUpload--sizeSlim { min-height: 3rem; padding: 0.4rem 1.2rem; }
|
|
902
|
+
.Polaris-DropZone-FileUpload__Action { position: relative; display: inline-flex; flex: 0 0 auto; border: none; border-radius: var(--p-border-radius-base); padding: 0.4rem 0.6rem; margin: 0; text-decoration: none; color: var(--p-interactive-hovered); background: var(--p-surface-selected-pressed); font-size: 1.2rem; font-weight: 600; line-height: 1; cursor: pointer; text-align: center; -webkit-appearance: none; appearance: none; }
|
|
903
|
+
.Polaris-DropZone-FileUpload__Action::after { content: ''; position: absolute; z-index: 1; top: -0.1rem; right: -0.1rem; bottom: -0.1rem; left: -0.1rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.1rem var(--p-focused); transition: box-shadow 100ms var(--p-ease); border-radius: calc(var(--p-border-radius-base) + 0.1rem); }
|
|
904
|
+
.Polaris-DropZone-FileUpload__Action:hover { color: var(--p-interactive-pressed); }
|
|
905
|
+
.Polaris-DropZone-FileUpload__Action.Polaris-DropZone-FileUpload--disabled { transition: none; box-shadow: none; border-color: var(--p-border-disabled); background: var(--p-surface-disabled); color: var(--p-text-disabled); cursor: not-allowed; box-shadow: none; }
|
|
906
|
+
.Polaris-DropZone-FileUpload__Action.Polaris-DropZone-FileUpload--disabled svg { fill: var(--p-icon-disabled); }
|
|
915
907
|
.Polaris-DropZone-FileUpload__ActionTitle { color: var(--p-interactive); text-decoration: none; }
|
|
916
908
|
.Polaris-DropZone-FileUpload__ActionTitle:not(.Polaris-DropZone-FileUpload__ActionTitle--disabled) { cursor: pointer; }
|
|
917
909
|
.Polaris-DropZone-FileUpload__ActionTitle:not(.Polaris-DropZone-FileUpload__ActionTitle--disabled):hover, .Polaris-DropZone-FileUpload__ActionTitle:not(.Polaris-DropZone-FileUpload__ActionTitle--disabled):active { color: var(--p-interactive-pressed); text-decoration: underline; }
|
|
@@ -922,14 +914,14 @@ button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-mo
|
|
|
922
914
|
.Polaris-DropZone:not(.Polaris-DropZone--focused)::after { top: 0; left: 0; right: 0; bottom: 0; opacity: 1; transform: scale(1); border: 0.1rem dashed transparent; }
|
|
923
915
|
.Polaris-DropZone:hover { outline: 0.1rem solid transparent; }
|
|
924
916
|
.Polaris-DropZone--hasOutline { padding: 0.1rem; }
|
|
925
|
-
.Polaris-DropZone--hasOutline::after { border-color: var(--p-border); }
|
|
926
|
-
.Polaris-DropZone--hasOutline:not(.Polaris-DropZone--isDisabled):hover { cursor: pointer; background-color: var(--p-surface-
|
|
917
|
+
.Polaris-DropZone--hasOutline::after { border-color: var(--p-border-neutral-subdued); }
|
|
918
|
+
.Polaris-DropZone--hasOutline:not(.Polaris-DropZone--isDisabled):hover { cursor: pointer; background-color: var(--p-surface-subdued); }
|
|
927
919
|
.Polaris-DropZone--hasOutline:not(.Polaris-DropZone--isDisabled):hover::after { border-color: var(--p-interactive-hovered); }
|
|
928
|
-
.Polaris-DropZone--hasOutline:not(.Polaris-DropZone--focused)::after { top: 0; left: 0; right: 0; bottom: 0; opacity: 1; transform: scale(1); border: 0.1rem dashed transparent; border-radius: calc(var(--p-border-radius-base) + 0.2rem); border-color: var(--p-border); }
|
|
920
|
+
.Polaris-DropZone--hasOutline:not(.Polaris-DropZone--focused)::after { top: 0; left: 0; right: 0; bottom: 0; opacity: 1; transform: scale(1); border: 0.1rem dashed transparent; border-radius: calc(var(--p-border-radius-base) + 0.2rem); border-color: var(--p-border-neutral-subdued); }
|
|
929
921
|
.Polaris-DropZone--isDragging:not(.Polaris-DropZone--isDisabled) { background-color: var(--p-surface-hovered); }
|
|
930
922
|
.Polaris-DropZone--isDisabled { cursor: not-allowed; }
|
|
931
923
|
.Polaris-DropZone--isDisabled::after { border-color: var(--p-border-disabled); }
|
|
932
|
-
.Polaris-DropZone--sizeLarge { min-height:
|
|
924
|
+
.Polaris-DropZone--sizeLarge { min-height: 12rem; }
|
|
933
925
|
.Polaris-DropZone--sizeMedium { min-height: 10rem; align-items: center; }
|
|
934
926
|
.Polaris-DropZone--sizeSmall { padding: 0; align-items: center; min-height: 5rem; }
|
|
935
927
|
.Polaris-DropZone--measuring { visibility: hidden; min-height: 0; }
|
|
@@ -985,25 +977,35 @@ button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-mo
|
|
|
985
977
|
.Polaris-Tag { display: inline-flex; max-width: 100%; align-items: center; min-height: 2.8rem; padding: 0 0.8rem; background-color: var(--p-surface-neutral); border-radius: var(--p-border-radius-base); color: var(--p-text); outline: 0.1rem solid transparent; }
|
|
986
978
|
.Polaris-Tag.Polaris-Tag--disabled { transition: none; background: var(--p-surface-neutral-disabled); color: var(--p-text-disabled); }
|
|
987
979
|
.Polaris-Tag.Polaris-Tag--disabled svg { fill: var(--p-icon-disabled); }
|
|
988
|
-
.Polaris-Tag.Polaris-Tag--removable { padding-right: 0; }
|
|
989
980
|
.Polaris-Tag.Polaris-Tag--clickable { -webkit-appearance: none; appearance: none; margin: 0; padding: 0; background: none; border: none; font-size: inherit; line-height: inherit; color: inherit; cursor: pointer; cursor: pointer; padding: 0 0.8rem; background-color: var(--p-surface-neutral); position: relative; }
|
|
990
981
|
.Polaris-Tag.Polaris-Tag--clickable:focus { outline: none; }
|
|
991
982
|
.Polaris-Tag.Polaris-Tag--clickable:hover { background: var(--p-surface-neutral-hovered); }
|
|
992
983
|
.Polaris-Tag.Polaris-Tag--clickable::after { content: ''; position: absolute; z-index: 1; top: -0.1rem; right: -0.1rem; bottom: -0.1rem; left: -0.1rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.1rem var(--p-focused); transition: box-shadow 100ms var(--p-ease); border-radius: calc(var(--p-border-radius-base) + 0.1rem); }
|
|
993
984
|
.Polaris-Tag.Polaris-Tag--clickable:focus:not(:active)::after { box-shadow: 0 0 0 0.2rem var(--p-focused); outline: 0.1rem solid transparent; }
|
|
994
985
|
.Polaris-Tag.Polaris-Tag--clickable:active { background: var(--p-surface-neutral-pressed); }
|
|
995
|
-
.Polaris-Tag.Polaris-Tag--clickable:disabled { background: var(--p-surface-neutral-disabled); cursor: default; pointer-events: none; }
|
|
986
|
+
.Polaris-Tag.Polaris-Tag--clickable:disabled { background: var(--p-surface-neutral-disabled); cursor: default; pointer-events: none; color: var(--p-text-disabled); }
|
|
987
|
+
.Polaris-Tag.Polaris-Tag--removable { padding-right: 0; }
|
|
988
|
+
.Polaris-Tag.Polaris-Tag--linkable { padding: 0; }
|
|
996
989
|
.Polaris-Tag__TagText { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }
|
|
997
|
-
.Polaris-Tag__Button { -webkit-appearance: none; appearance: none; margin: 0; padding: 0; background: none; border: none; font-size: inherit; line-height: inherit; color: inherit; cursor: pointer; display: block; height: 2.8rem; width: 2.8rem; margin-left: 0.4rem; border-radius: 0 0.3rem 0.3rem 0; position: relative; }
|
|
990
|
+
.Polaris-Tag__Button { -webkit-appearance: none; appearance: none; margin: 0; padding: 0; background: none; border: none; font-size: inherit; line-height: inherit; color: inherit; cursor: pointer; display: block; flex-shrink: 0; height: 2.8rem; width: 2.8rem; margin-left: 0.4rem; border-radius: 0 0.3rem 0.3rem 0; position: relative; }
|
|
998
991
|
.Polaris-Tag__Button svg { fill: var(--p-icon); }
|
|
999
992
|
.Polaris-Tag__Button:focus { outline: none; }
|
|
1000
993
|
.Polaris-Tag__Button:hover { background: var(--p-surface-neutral-hovered); outline: 0.1rem solid transparent; }
|
|
1001
|
-
.Polaris-Tag__Button:focus { background-color: transparent; }
|
|
1002
994
|
.Polaris-Tag__Button::after { content: ''; position: absolute; z-index: 1; top: -0.1rem; right: -0.1rem; bottom: -0.1rem; left: -0.1rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.1rem var(--p-focused); transition: box-shadow 100ms var(--p-ease); border-radius: calc(var(--p-border-radius-base) + 0.1rem); }
|
|
1003
995
|
.Polaris-Tag__Button:focus:not(:active)::after { box-shadow: 0 0 0 0.2rem var(--p-focused); outline: 0.1rem solid transparent; }
|
|
1004
996
|
.Polaris-Tag__Button:active { background: var(--p-surface-neutral-pressed); }
|
|
1005
997
|
.Polaris-Tag__Button:disabled { cursor: default; pointer-events: none; }
|
|
1006
998
|
.Polaris-Tag__Button:disabled svg { fill: var(--p-icon-disabled); }
|
|
999
|
+
.Polaris-Tag__Button.Polaris-Tag--segmented { margin-left: -0.4rem; }
|
|
1000
|
+
.Polaris-Tag__Button.Polaris-Tag--segmented::after { border-top-left-radius: 0; border-bottom-left-radius: 0; }
|
|
1001
|
+
.Polaris-Tag__Link { display: inline-grid; color: var(--p-text); outline: none; border-radius: var(--p-border-radius-base); text-decoration: none; padding: 0.4rem 0.8rem; position: relative; }
|
|
1002
|
+
.Polaris-Tag__Link .Polaris-Tag__LinkText { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
|
|
1003
|
+
.Polaris-Tag__Link::after { content: ''; position: absolute; z-index: 1; top: -0.1rem; right: -0.1rem; bottom: -0.1rem; left: -0.1rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.1rem var(--p-focused); transition: box-shadow 100ms var(--p-ease); border-radius: calc(var(--p-border-radius-base) + 0.1rem); }
|
|
1004
|
+
.Polaris-Tag__Link:focus:not(:active) { text-decoration: underline; }
|
|
1005
|
+
.Polaris-Tag__Link:focus:not(:active)::after { box-shadow: 0 0 0 0.2rem var(--p-focused); outline: 0.1rem solid transparent; }
|
|
1006
|
+
.Polaris-Tag__Link:hover { background: var(--p-surface-neutral-hovered); text-decoration: underline; }
|
|
1007
|
+
.Polaris-Tag__Link.Polaris-Tag--segmented { border-top-right-radius: 0; border-bottom-right-radius: 0; }
|
|
1008
|
+
.Polaris-Tag__Link.Polaris-Tag--segmented::after { margin-right: 0.4rem; border-top-right-radius: 0; border-bottom-right-radius: 0; }
|
|
1007
1009
|
.Polaris-Sheet { position: fixed; bottom: 0; width: 100%; height: 100%; background-color: var(--p-surface); box-shadow: var(--p-modal-shadow); }
|
|
1008
1010
|
@media screen and (-ms-high-contrast: active) { .Polaris-Sheet { border-left: 0.1rem solid var(--p-border-subdued); } }
|
|
1009
1011
|
@media (min-width: 48.0625em) { .Polaris-Sheet { right: 0; width: 38rem; } }
|
|
@@ -1537,6 +1539,9 @@ button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-mo
|
|
|
1537
1539
|
.Polaris-OptionList-Option--disabled .Polaris-OptionList-Option__Media svg { fill: var(--p-icon-disabled); }
|
|
1538
1540
|
.Polaris-OptionList-Option__Media { padding: 0 0.8rem; }
|
|
1539
1541
|
.Polaris-OptionList-Option__Media svg { fill: var(--p-icon); }
|
|
1542
|
+
.Polaris-OptionList-Option--verticalAlignTop { align-items: flex-start; }
|
|
1543
|
+
.Polaris-OptionList-Option--verticalAlignCenter { align-items: center; }
|
|
1544
|
+
.Polaris-OptionList-Option--verticalAlignBottom { align-items: flex-end; }
|
|
1540
1545
|
.Polaris-OptionList { margin: 0; padding: 0; list-style: none; padding: 0.8rem; }
|
|
1541
1546
|
.Polaris-OptionList__Options { margin: 0; padding: 0; list-style: none; }
|
|
1542
1547
|
.Polaris-OptionList__Title { font-size: 1.3rem; font-weight: 600; line-height: 1.6rem; text-transform: uppercase; padding: 0.8rem; color: var(--p-text-subdued); }
|
|
@@ -1592,7 +1597,7 @@ button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-mo
|
|
|
1592
1597
|
@media (min-width: 30.625em) { .Polaris-Page-Header--mobileView .Polaris-Page-Header__ActionMenuWrapper { right: -0.8rem; } }
|
|
1593
1598
|
.Polaris-Page-Header--mobileView.Polaris-Page-Header--hasNavigation .Polaris-Page-Header__ActionMenuWrapper { top: 1.8rem; }
|
|
1594
1599
|
@media print { .Polaris-Page-Header__ActionMenuWrapper { display: none !important; } }
|
|
1595
|
-
.Polaris-Page-Header__Row { display: flex; justify-content: space-between; }
|
|
1600
|
+
.Polaris-Page-Header__Row { display: flex; justify-content: space-between; min-height: 3.6rem; }
|
|
1596
1601
|
.Polaris-Page-Header__Row + .Polaris-Page-Header__Row { margin-top: 0.4rem; }
|
|
1597
1602
|
.Polaris-Page-Header--mobileView .Polaris-Page-Header__Row + .Polaris-Page-Header__Row { margin-top: 0.8rem; }
|
|
1598
1603
|
.Polaris-Page-Header__Row + .Polaris-Page-Header__Row .Polaris-Page-Header__RightAlign { margin-left: 0; }
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
# frozen_string_literal: true
|
|
2
|
+
|
|
3
|
+
module Polaris
|
|
4
|
+
class CollapsibleComponent < Polaris::Component
|
|
5
|
+
def initialize(
|
|
6
|
+
expand_on_print: false,
|
|
7
|
+
open: false,
|
|
8
|
+
**system_arguments
|
|
9
|
+
)
|
|
10
|
+
@expand_on_print = expand_on_print
|
|
11
|
+
@open = open
|
|
12
|
+
@system_arguments = system_arguments
|
|
13
|
+
end
|
|
14
|
+
|
|
15
|
+
def system_arguments
|
|
16
|
+
@system_arguments.tap do |opts|
|
|
17
|
+
opts[:tag] = "div"
|
|
18
|
+
opts[:data] ||= {}
|
|
19
|
+
prepend_option(opts[:data], :controller, "polaris-collapsible")
|
|
20
|
+
opts[:classes] = class_names(
|
|
21
|
+
@system_arguments[:classes],
|
|
22
|
+
"Polaris-Collapsible",
|
|
23
|
+
"Polaris-Collapsible--isFullyClosed": !@open,
|
|
24
|
+
"Polaris-Collapsible--expandOnPrint": @expand_on_print
|
|
25
|
+
)
|
|
26
|
+
opts[:style] = class_names(
|
|
27
|
+
@open ? "max-height: none;" : "max-height: 0px;",
|
|
28
|
+
@open ? "overflow: visible;" : "overflow: hidden;"
|
|
29
|
+
)
|
|
30
|
+
end
|
|
31
|
+
end
|
|
32
|
+
|
|
33
|
+
def call
|
|
34
|
+
render(Polaris::BaseComponent.new(**system_arguments)) { content }
|
|
35
|
+
end
|
|
36
|
+
end
|
|
37
|
+
end
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
# frozen_string_literal: true
|
|
2
|
+
|
|
3
|
+
module Polaris
|
|
4
|
+
class KeyboardKeyComponent < Polaris::Component
|
|
5
|
+
def initialize(**system_arguments)
|
|
6
|
+
@system_arguments = system_arguments
|
|
7
|
+
end
|
|
8
|
+
|
|
9
|
+
def system_arguments
|
|
10
|
+
@system_arguments.tap do |opts|
|
|
11
|
+
opts[:tag] = "div"
|
|
12
|
+
opts[:classes] = class_names(opts[:classes], "Polaris-KeyboardKey")
|
|
13
|
+
end
|
|
14
|
+
end
|
|
15
|
+
|
|
16
|
+
def call
|
|
17
|
+
render(Polaris::BaseComponent.new(**system_arguments)) { content }
|
|
18
|
+
end
|
|
19
|
+
end
|
|
20
|
+
end
|
|
@@ -29,6 +29,7 @@ module Polaris
|
|
|
29
29
|
def initialize(
|
|
30
30
|
url: nil,
|
|
31
31
|
vertical_alignment: ALIGNMENT_DEFAULT,
|
|
32
|
+
cursor: CURSOR_DEFAULT,
|
|
32
33
|
selectable: false,
|
|
33
34
|
offset: false,
|
|
34
35
|
wrapper_arguments: {},
|
|
@@ -37,6 +38,7 @@ module Polaris
|
|
|
37
38
|
)
|
|
38
39
|
@url = url
|
|
39
40
|
@vertical_alignment = vertical_alignment
|
|
41
|
+
@cursor = fetch_or_fallback(CURSOR_OPTIONS, cursor, CURSOR_DEFAULT)
|
|
40
42
|
@selectable = selectable
|
|
41
43
|
@offset = offset
|
|
42
44
|
@wrapper_arguments = wrapper_arguments
|
|
@@ -79,7 +81,7 @@ module Polaris
|
|
|
79
81
|
"Polaris-ResourceItem",
|
|
80
82
|
"Polaris-ResourceItem--selectable": @selectable
|
|
81
83
|
)
|
|
82
|
-
prepend_option(args, :style, "cursor: #{cursor};")
|
|
84
|
+
prepend_option(args, :style, "cursor: #{@cursor};")
|
|
83
85
|
prepend_option(args[:data], :action, "click->polaris-resource-item#open")
|
|
84
86
|
end
|
|
85
87
|
end
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
module Polaris
|
|
2
|
+
class SkeletonDisplayTextComponent < Polaris::Component
|
|
3
|
+
SIZE_DEFAULT = :medium
|
|
4
|
+
SIZE_MAPPINGS = {
|
|
5
|
+
small: "Polaris-SkeletonDisplayText--sizeSmall",
|
|
6
|
+
medium: "Polaris-SkeletonDisplayText--sizeMedium",
|
|
7
|
+
large: "Polaris-SkeletonDisplayText--sizeLarge",
|
|
8
|
+
extra_large: "Polaris-SkeletonDisplayText--sizeExtraLarge"
|
|
9
|
+
}
|
|
10
|
+
SIZE_OPTIONS = SIZE_MAPPINGS.keys
|
|
11
|
+
|
|
12
|
+
def initialize(size: SIZE_DEFAULT, **system_arguments)
|
|
13
|
+
@size = size
|
|
14
|
+
@system_arguments = system_arguments
|
|
15
|
+
end
|
|
16
|
+
|
|
17
|
+
def system_arguments
|
|
18
|
+
@system_arguments.tap do |opts|
|
|
19
|
+
opts[:tag] = "div"
|
|
20
|
+
opts[:classes] = class_names(
|
|
21
|
+
@system_arguments[:classes],
|
|
22
|
+
"Polaris-SkeletonDisplayText__DisplayText",
|
|
23
|
+
SIZE_MAPPINGS[fetch_or_fallback(SIZE_OPTIONS, @size, SIZE_DEFAULT)]
|
|
24
|
+
)
|
|
25
|
+
end
|
|
26
|
+
end
|
|
27
|
+
|
|
28
|
+
def call
|
|
29
|
+
render(Polaris::BaseComponent.new(**system_arguments))
|
|
30
|
+
end
|
|
31
|
+
end
|
|
32
|
+
end
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
module Polaris
|
|
2
|
+
class SkeletonThumbnailComponent < Polaris::Component
|
|
3
|
+
SIZE_DEFAULT = :medium
|
|
4
|
+
SIZE_MAPPINGS = {
|
|
5
|
+
small: "Polaris-SkeletonThumbnail--sizeSmall",
|
|
6
|
+
medium: "Polaris-SkeletonThumbnail--sizeMedium",
|
|
7
|
+
large: "Polaris-SkeletonThumbnail--sizeLarge"
|
|
8
|
+
}
|
|
9
|
+
SIZE_OPTIONS = SIZE_MAPPINGS.keys
|
|
10
|
+
|
|
11
|
+
def initialize(size: SIZE_DEFAULT, **system_arguments)
|
|
12
|
+
@size = size
|
|
13
|
+
@system_arguments = system_arguments
|
|
14
|
+
end
|
|
15
|
+
|
|
16
|
+
def system_arguments
|
|
17
|
+
@system_arguments.tap do |opts|
|
|
18
|
+
opts[:tag] = "div"
|
|
19
|
+
opts[:classes] = class_names(
|
|
20
|
+
@system_arguments[:classes],
|
|
21
|
+
"Polaris-SkeletonThumbnail",
|
|
22
|
+
SIZE_MAPPINGS[fetch_or_fallback(SIZE_OPTIONS, @size, SIZE_DEFAULT)]
|
|
23
|
+
)
|
|
24
|
+
end
|
|
25
|
+
end
|
|
26
|
+
|
|
27
|
+
def call
|
|
28
|
+
render(Polaris::BaseComponent.new(**system_arguments))
|
|
29
|
+
end
|
|
30
|
+
end
|
|
31
|
+
end
|
|
@@ -16,7 +16,7 @@ module Polaris
|
|
|
16
16
|
model: object.class.model_name.human.downcase
|
|
17
17
|
)
|
|
18
18
|
|
|
19
|
-
render Polaris::BannerComponent.new(title: title, status: :critical) do
|
|
19
|
+
render Polaris::BannerComponent.new(title: title, status: :critical, within: :container) do
|
|
20
20
|
render(Polaris::ListComponent.new) do |list|
|
|
21
21
|
object.errors.full_messages.each do |error|
|
|
22
22
|
list.item { error.html_safe }
|
|
@@ -19,6 +19,7 @@ module Polaris
|
|
|
19
19
|
checkbox: "Polaris::CheckboxComponent",
|
|
20
20
|
check_box: "Polaris::CheckboxComponent",
|
|
21
21
|
choice_list: "Polaris::ChoiceListComponent",
|
|
22
|
+
collapsible: "Polaris::CollapsibleComponent",
|
|
22
23
|
data_table: "Polaris::DataTableComponent",
|
|
23
24
|
description_list: "Polaris::DescriptionListComponent",
|
|
24
25
|
display_text: "Polaris::DisplayTextComponent",
|
|
@@ -33,6 +34,7 @@ module Polaris
|
|
|
33
34
|
icon: "Polaris::IconComponent",
|
|
34
35
|
index_table: "Polaris::IndexTableComponent",
|
|
35
36
|
inline_error: "Polaris::InlineErrorComponent",
|
|
37
|
+
keyboard_key: "Polaris::KeyboardKeyComponent",
|
|
36
38
|
layout: "Polaris::LayoutComponent",
|
|
37
39
|
link: "Polaris::LinkComponent",
|
|
38
40
|
list: "Polaris::ListComponent",
|
|
@@ -56,6 +58,8 @@ module Polaris
|
|
|
56
58
|
scrollable: "Polaris::ScrollableComponent",
|
|
57
59
|
spinner: "Polaris::SpinnerComponent",
|
|
58
60
|
skeleton_body_text: "Polaris::SkeletonBodyTextComponent",
|
|
61
|
+
skeleton_display_text: "Polaris::SkeletonDisplayTextComponent",
|
|
62
|
+
skeleton_thumbnail: "Polaris::SkeletonThumbnailComponent",
|
|
59
63
|
spacer: "Polaris::SpacerComponent",
|
|
60
64
|
tabs: "Polaris::TabsComponent",
|
|
61
65
|
tag: "Polaris::TagComponent",
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: polaris_view_components
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.9.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Dan Gamble
|
|
@@ -9,7 +9,7 @@ authors:
|
|
|
9
9
|
autorequire:
|
|
10
10
|
bindir: bin
|
|
11
11
|
cert_chain: []
|
|
12
|
-
date: 2022-
|
|
12
|
+
date: 2022-03-07 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: rails
|
|
@@ -18,9 +18,6 @@ dependencies:
|
|
|
18
18
|
- - ">="
|
|
19
19
|
- !ruby/object:Gem::Version
|
|
20
20
|
version: 5.0.0
|
|
21
|
-
- - "<"
|
|
22
|
-
- !ruby/object:Gem::Version
|
|
23
|
-
version: 8.0.0
|
|
24
21
|
type: :runtime
|
|
25
22
|
prerelease: false
|
|
26
23
|
version_requirements: !ruby/object:Gem::Requirement
|
|
@@ -28,9 +25,6 @@ dependencies:
|
|
|
28
25
|
- - ">="
|
|
29
26
|
- !ruby/object:Gem::Version
|
|
30
27
|
version: 5.0.0
|
|
31
|
-
- - "<"
|
|
32
|
-
- !ruby/object:Gem::Version
|
|
33
|
-
version: 8.0.0
|
|
34
28
|
- !ruby/object:Gem::Dependency
|
|
35
29
|
name: view_component
|
|
36
30
|
requirement: !ruby/object:Gem::Requirement
|
|
@@ -38,9 +32,6 @@ dependencies:
|
|
|
38
32
|
- - ">="
|
|
39
33
|
- !ruby/object:Gem::Version
|
|
40
34
|
version: 2.0.0
|
|
41
|
-
- - "<"
|
|
42
|
-
- !ruby/object:Gem::Version
|
|
43
|
-
version: '3.0'
|
|
44
35
|
type: :runtime
|
|
45
36
|
prerelease: false
|
|
46
37
|
version_requirements: !ruby/object:Gem::Requirement
|
|
@@ -48,9 +39,6 @@ dependencies:
|
|
|
48
39
|
- - ">="
|
|
49
40
|
- !ruby/object:Gem::Version
|
|
50
41
|
version: 2.0.0
|
|
51
|
-
- - "<"
|
|
52
|
-
- !ruby/object:Gem::Version
|
|
53
|
-
version: '3.0'
|
|
54
42
|
description:
|
|
55
43
|
email:
|
|
56
44
|
- dan@dangamble.co.uk
|
|
@@ -71,8 +59,10 @@ files:
|
|
|
71
59
|
- app/assets/icons/polaris/AffiliateMajor.svg
|
|
72
60
|
- app/assets/icons/polaris/AlertMinor.svg
|
|
73
61
|
- app/assets/icons/polaris/AnalyticsMajor.svg
|
|
62
|
+
- app/assets/icons/polaris/AnalyticsMinor.svg
|
|
74
63
|
- app/assets/icons/polaris/AppExtensionMinor.svg
|
|
75
64
|
- app/assets/icons/polaris/AppsMajor.svg
|
|
65
|
+
- app/assets/icons/polaris/AppsMinor.svg
|
|
76
66
|
- app/assets/icons/polaris/ArchiveMajor.svg
|
|
77
67
|
- app/assets/icons/polaris/ArchiveMinor.svg
|
|
78
68
|
- app/assets/icons/polaris/ArrowDownMinor.svg
|
|
@@ -91,12 +81,14 @@ files:
|
|
|
91
81
|
- app/assets/icons/polaris/BillingStatementPoundMajor.svg
|
|
92
82
|
- app/assets/icons/polaris/BillingStatementRupeeMajor.svg
|
|
93
83
|
- app/assets/icons/polaris/BillingStatementYenMajor.svg
|
|
84
|
+
- app/assets/icons/polaris/BlockMinor.svg
|
|
94
85
|
- app/assets/icons/polaris/BlockquoteMajor.svg
|
|
95
86
|
- app/assets/icons/polaris/BlogMajor.svg
|
|
96
87
|
- app/assets/icons/polaris/BugMajor.svg
|
|
97
88
|
- app/assets/icons/polaris/ButtonCornerPillMajor.svg
|
|
98
89
|
- app/assets/icons/polaris/ButtonCornerRoundedMajor.svg
|
|
99
90
|
- app/assets/icons/polaris/ButtonCornerSquareMajor.svg
|
|
91
|
+
- app/assets/icons/polaris/ButtonMinor.svg
|
|
100
92
|
- app/assets/icons/polaris/BuyButtonButtonLayoutMajor.svg
|
|
101
93
|
- app/assets/icons/polaris/BuyButtonHorizontalLayoutMajor.svg
|
|
102
94
|
- app/assets/icons/polaris/BuyButtonMajor.svg
|
|
@@ -152,6 +144,7 @@ files:
|
|
|
152
144
|
- app/assets/icons/polaris/CirclePlusOutlineMinor.svg
|
|
153
145
|
- app/assets/icons/polaris/CircleRightMajor.svg
|
|
154
146
|
- app/assets/icons/polaris/CircleTickMajor.svg
|
|
147
|
+
- app/assets/icons/polaris/CircleTickMinor.svg
|
|
155
148
|
- app/assets/icons/polaris/CircleTickOutlineMinor.svg
|
|
156
149
|
- app/assets/icons/polaris/CircleUpMajor.svg
|
|
157
150
|
- app/assets/icons/polaris/ClipboardMinor.svg
|
|
@@ -165,6 +158,7 @@ files:
|
|
|
165
158
|
- app/assets/icons/polaris/ColumnWithTextMajor.svg
|
|
166
159
|
- app/assets/icons/polaris/Columns2Major.svg
|
|
167
160
|
- app/assets/icons/polaris/Columns3Major.svg
|
|
161
|
+
- app/assets/icons/polaris/Columns3Minor.svg
|
|
168
162
|
- app/assets/icons/polaris/ComposeMajor.svg
|
|
169
163
|
- app/assets/icons/polaris/ConfettiMajor.svg
|
|
170
164
|
- app/assets/icons/polaris/ConnectMinor.svg
|
|
@@ -187,6 +181,7 @@ files:
|
|
|
187
181
|
- app/assets/icons/polaris/DiscountAutomaticMajor.svg
|
|
188
182
|
- app/assets/icons/polaris/DiscountCodeMajor.svg
|
|
189
183
|
- app/assets/icons/polaris/DiscountsMajor.svg
|
|
184
|
+
- app/assets/icons/polaris/DiscountsMinor.svg
|
|
190
185
|
- app/assets/icons/polaris/DisputeMinor.svg
|
|
191
186
|
- app/assets/icons/polaris/DnsSettingsMajor.svg
|
|
192
187
|
- app/assets/icons/polaris/DomainNewMajor.svg
|
|
@@ -214,6 +209,8 @@ files:
|
|
|
214
209
|
- app/assets/icons/polaris/FeaturedCollectionMajor.svg
|
|
215
210
|
- app/assets/icons/polaris/FeaturedContentMajor.svg
|
|
216
211
|
- app/assets/icons/polaris/FilterMajor.svg
|
|
212
|
+
- app/assets/icons/polaris/FinancesMajor.svg
|
|
213
|
+
- app/assets/icons/polaris/FinancesMinor.svg
|
|
217
214
|
- app/assets/icons/polaris/FirstOrderMajor.svg
|
|
218
215
|
- app/assets/icons/polaris/FirstVisitMajor.svg
|
|
219
216
|
- app/assets/icons/polaris/FlagMajor.svg
|
|
@@ -246,6 +243,7 @@ files:
|
|
|
246
243
|
- app/assets/icons/polaris/HideMinor.svg
|
|
247
244
|
- app/assets/icons/polaris/HintMajor.svg
|
|
248
245
|
- app/assets/icons/polaris/HomeMajor.svg
|
|
246
|
+
- app/assets/icons/polaris/HomeMinor.svg
|
|
249
247
|
- app/assets/icons/polaris/HorizontalDotsMinor.svg
|
|
250
248
|
- app/assets/icons/polaris/IconsMajor.svg
|
|
251
249
|
- app/assets/icons/polaris/IllustrationMajor.svg
|
|
@@ -282,6 +280,7 @@ files:
|
|
|
282
280
|
- app/assets/icons/polaris/MarkFulfilledMinor.svg
|
|
283
281
|
- app/assets/icons/polaris/MarkPaidMinor.svg
|
|
284
282
|
- app/assets/icons/polaris/MarketingMajor.svg
|
|
283
|
+
- app/assets/icons/polaris/MarketingMinor.svg
|
|
285
284
|
- app/assets/icons/polaris/MaximizeMajor.svg
|
|
286
285
|
- app/assets/icons/polaris/MaximizeMinor.svg
|
|
287
286
|
- app/assets/icons/polaris/MentionMajor.svg
|
|
@@ -305,8 +304,10 @@ files:
|
|
|
305
304
|
- app/assets/icons/polaris/NoteMinor.svg
|
|
306
305
|
- app/assets/icons/polaris/NotificationMajor.svg
|
|
307
306
|
- app/assets/icons/polaris/OnlineStoreMajor.svg
|
|
307
|
+
- app/assets/icons/polaris/OnlineStoreMinor.svg
|
|
308
308
|
- app/assets/icons/polaris/OrderStatusMinor.svg
|
|
309
309
|
- app/assets/icons/polaris/OrdersMajor.svg
|
|
310
|
+
- app/assets/icons/polaris/OrdersMinor.svg
|
|
310
311
|
- app/assets/icons/polaris/OutgoingMajor.svg
|
|
311
312
|
- app/assets/icons/polaris/PackageMajor.svg
|
|
312
313
|
- app/assets/icons/polaris/PageDownMajor.svg
|
|
@@ -337,9 +338,12 @@ files:
|
|
|
337
338
|
- app/assets/icons/polaris/PrintMinor.svg
|
|
338
339
|
- app/assets/icons/polaris/ProductReturnsMinor.svg
|
|
339
340
|
- app/assets/icons/polaris/ProductsMajor.svg
|
|
341
|
+
- app/assets/icons/polaris/ProductsMinor.svg
|
|
340
342
|
- app/assets/icons/polaris/ProfileMajor.svg
|
|
341
343
|
- app/assets/icons/polaris/ProfileMinor.svg
|
|
342
344
|
- app/assets/icons/polaris/PromoteMinor.svg
|
|
345
|
+
- app/assets/icons/polaris/QuestionMarkInverseMajor.svg
|
|
346
|
+
- app/assets/icons/polaris/QuestionMarkInverseMinor.svg
|
|
343
347
|
- app/assets/icons/polaris/QuestionMarkMajor.svg
|
|
344
348
|
- app/assets/icons/polaris/QuestionMarkMinor.svg
|
|
345
349
|
- app/assets/icons/polaris/QuickSaleMajor.svg
|
|
@@ -418,6 +422,7 @@ files:
|
|
|
418
422
|
- app/assets/icons/polaris/TickSmallMinor.svg
|
|
419
423
|
- app/assets/icons/polaris/TimelineAttachmentMajor.svg
|
|
420
424
|
- app/assets/icons/polaris/TipsMajor.svg
|
|
425
|
+
- app/assets/icons/polaris/TitleMinor.svg
|
|
421
426
|
- app/assets/icons/polaris/ToolsMajor.svg
|
|
422
427
|
- app/assets/icons/polaris/TransactionFeeDollarMajor.svg
|
|
423
428
|
- app/assets/icons/polaris/TransactionFeeEuroMajor.svg
|
|
@@ -444,12 +449,14 @@ files:
|
|
|
444
449
|
- app/assets/icons/polaris/ViewportWideMajor.svg
|
|
445
450
|
- app/assets/icons/polaris/VocabularyMajor.svg
|
|
446
451
|
- app/assets/icons/polaris/WandMajor.svg
|
|
452
|
+
- app/assets/icons/polaris/WandMinor.svg
|
|
447
453
|
- app/assets/icons/polaris/WearableMajor.svg
|
|
448
454
|
- app/assets/icons/polaris/WholesaleMajor.svg
|
|
449
455
|
- app/assets/icons/polaris/WifiMajor.svg
|
|
450
456
|
- app/assets/javascripts/polaris_view_components.js
|
|
451
457
|
- app/assets/javascripts/polaris_view_components/autocomplete_controller.js
|
|
452
458
|
- app/assets/javascripts/polaris_view_components/button_controller.js
|
|
459
|
+
- app/assets/javascripts/polaris_view_components/collapsible_controller.js
|
|
453
460
|
- app/assets/javascripts/polaris_view_components/dropzone_controller.js
|
|
454
461
|
- app/assets/javascripts/polaris_view_components/frame_controller.js
|
|
455
462
|
- app/assets/javascripts/polaris_view_components/index.js
|
|
@@ -511,6 +518,7 @@ files:
|
|
|
511
518
|
- app/components/polaris/choice_component.rb
|
|
512
519
|
- app/components/polaris/choice_list_component.html.erb
|
|
513
520
|
- app/components/polaris/choice_list_component.rb
|
|
521
|
+
- app/components/polaris/collapsible_component.rb
|
|
514
522
|
- app/components/polaris/component.rb
|
|
515
523
|
- app/components/polaris/data_table/cell_component.html.erb
|
|
516
524
|
- app/components/polaris/data_table/cell_component.rb
|
|
@@ -554,6 +562,7 @@ files:
|
|
|
554
562
|
- app/components/polaris/index_table_component.rb
|
|
555
563
|
- app/components/polaris/inline_error_component.html.erb
|
|
556
564
|
- app/components/polaris/inline_error_component.rb
|
|
565
|
+
- app/components/polaris/keyboard_key_component.rb
|
|
557
566
|
- app/components/polaris/label_component.html.erb
|
|
558
567
|
- app/components/polaris/label_component.rb
|
|
559
568
|
- app/components/polaris/labelled_component.html.erb
|
|
@@ -613,6 +622,8 @@ files:
|
|
|
613
622
|
- app/components/polaris/shopify_navigation_component.rb
|
|
614
623
|
- app/components/polaris/skeleton_body_text_component.html.erb
|
|
615
624
|
- app/components/polaris/skeleton_body_text_component.rb
|
|
625
|
+
- app/components/polaris/skeleton_display_text_component.rb
|
|
626
|
+
- app/components/polaris/skeleton_thumbnail_component.rb
|
|
616
627
|
- app/components/polaris/spacer_component.rb
|
|
617
628
|
- app/components/polaris/spinner_component.html.erb
|
|
618
629
|
- app/components/polaris/spinner_component.rb
|