polaris_view_helpers 0.0.3 → 0.0.4

data/vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/DescriptionList.scss

@@ -0,0 +1,44 @@
+$breakpoint: 550px;
+
+.Polaris-DescriptionList {
+  margin: 0;
+  padding: 0;
+
+  @include page-content-breakpoint-after($breakpoint) {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-start;
+  }
+}
+
+.Polaris-DescriptionList__Term {
+  @include text-emphasis-strong;
+  padding: spacing() 0 spacing(tight);
+
+  @include page-content-breakpoint-after($breakpoint) {
+    flex: 0 1 25%;
+    padding: spacing() spacing() spacing() 0;
+
+    .Polaris-DescriptionList__Description + & + .Polaris-DescriptionList__Description {
+      border-top: border();
+    }
+  }
+}
+
+.Polaris-DescriptionList__Description {
+  margin-left: 0;
+  padding: 0 0 spacing();
+
+  + .Polaris-DescriptionList__Term {
+    border-top: border();
+  }
+
+  @include page-content-breakpoint-after($breakpoint) {
+    flex: 1 1 51%;
+    padding: spacing() 0;
+
+    + .Polaris-DescriptionList__Term + .Polaris-DescriptionList__Description {
+      border-top: border();
+    }
+  }
+}

data/vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/DisplayText.scss

@@ -0,0 +1,19 @@
+.Polaris-DisplayText {
+  margin: 0;
+}
+
+.Polaris-DisplayText--sizeSmall {
+  @include text-style-display-small;
+}
+
+.Polaris-DisplayText--sizeMedium {
+  @include text-style-display-medium;
+}
+
+.Polaris-DisplayText--sizeLarge {
+  @include text-style-display-large;
+}
+
+.Polaris-DisplayText--sizeExtraLarge {
+  @include text-style-display-x-large;
+}

data/vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/EmptyState.scss

@@ -0,0 +1,63 @@
+$image-offset: 40%;
+$image-overflow-width: calc(100% + #{$image-offset} * 2);
+
+.Polaris-EmptyState {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+  margin-top: spacing(loose);
+  padding: spacing(loose);
+  padding-left: spacing(extra-loose);
+  text-align: center;
+
+  @include page-content-when-not-partially-condensed {
+    flex-direction: row-reverse;
+    padding-left: spacing(loose);
+    text-align: left;
+  }
+}
+
+.Polaris-EmptyState--imageContained {
+  .Polaris-EmptyState__Image {
+    @include page-content-when-not-partially-condensed {
+      position: initial;
+      width: 100%;
+    }
+  }
+}
+
+.Polaris-EmptyState__ImageContainer,
+.Polaris-EmptyState__Details {
+  @include page-content-when-not-partially-condensed {
+    flex-basis: 50%;
+  }
+}
+
+.Polaris-EmptyState__Image {
+  z-index: -1;
+  width: 60vw;
+
+  @include page-content-when-not-partially-condensed {
+    position: relative;
+    left: $image-offset * -1;
+    width: $image-overflow-width;
+  }
+}
+
+.Polaris-EmptyState__Details {
+  margin-top: spacing();
+
+  @include page-content-when-not-partially-condensed {
+    padding-right: spacing();
+  }
+}
+
+.Polaris-EmptyState__Actions {
+  margin-top: spacing();
+
+  @include page-content-when-partially-condensed {
+    display: flex;
+    justify-content: center;
+  }
+}

data/vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/FooterHelp.scss

@@ -0,0 +1,26 @@
+// reduces the radii of the circle to half the size of the smallest side
+$border-radius: 999px;
+
+.Polaris-FooterHelp {
+  display: flex;
+  justify-content: center;
+  margin: spacing(loose);
+}
+
+.Polaris-FooterHelp__Content {
+  display: inline-flex;
+  align-items: center;
+  padding: spacing(tight) spacing(tight) * 3;
+  border: border();
+  border-radius: $border-radius;
+}
+
+.Polaris-FooterHelp__Icon {
+  margin-left: -1 * spacing();
+  margin-right: spacing(tight);
+  color: color(ink, lightest);
+}
+
+.Polaris-FooterHelp__Text {
+  @include text-emphasis-subdued;
+}

data/vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/FormLayout.scss

@@ -0,0 +1,35 @@
+$item-min-size: rem(220px);
+
+.Polaris-FormLayout {
+  margin-top: -1 * spacing();
+  margin-left: -1 * spacing(loose);
+}
+
+.Polaris-FormLayout--condensed .Polaris-FormLayout__Item {
+  flex-basis: (0.5 * $item-min-size);
+  min-width: (0.5 * $item-min-size);
+}
+
+.Polaris-FormLayout__Title {
+  margin-bottom: -1 * spacing(tight);
+  padding: spacing() spacing(loose) 0;
+}
+
+.Polaris-FormLayout__Items {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+}
+
+.Polaris-FormLayout__HelpText {
+  @include text-emphasis-subdued;
+  padding: spacing(tight) spacing(loose) 0;
+}
+
+.Polaris-FormLayout__Item {
+  flex: 1 1 $item-min-size;
+  margin-top: spacing();
+  margin-left: spacing(loose);
+  min-width: $item-min-size;
+  max-width: calc(100% - #{spacing(loose)});
+}

data/vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/Heading.scss

@@ -0,0 +1,4 @@
+.Polaris-Heading {
+  @include text-style-heading;
+  margin: 0;
+}

data/vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/Icon.scss

@@ -0,0 +1,226 @@
+$stacking-order: (
+  backdrop: 1,
+  icon: 2,
+);
+
+.Polaris-Icon {
+  display: block;
+  height: rem(20px);
+  width: rem(20px);
+  max-height: 100%;
+  max-width: 100%;
+  margin: auto;
+}
+
+.Polaris-Icon--hasBackdrop {
+  position: relative;
+  display: flex;
+  align-items: center;
+  margin: spacing(tight);
+
+  &::after {
+    content: '';
+    position: absolute;
+    z-index: z-index(backdrop, $stacking-order);
+    top: -1 * spacing(tight);
+    bottom: -1 * spacing(tight);
+    left: -1 * spacing(tight);
+    right: -1 * spacing(tight);
+    border-radius: 50%;
+  }
+}
+
+.Polaris-Icon--colorWhite {
+  fill: color(white);
+}
+
+.Polaris-Icon--colorBlack {
+  fill: color(black);
+}
+
+.Polaris-Icon--colorSkyLighter {
+  fill: color(sky, lighter);
+}
+
+.Polaris-Icon--colorSkyLight {
+  fill: color(sky, light);
+}
+
+.Polaris-Icon--colorSky {
+  fill: color(sky);
+}
+
+.Polaris-Icon--colorSkyDark {
+  fill: color(sky, dark);
+}
+
+.Polaris-Icon--colorInkLightest {
+  fill: color(ink, lightest);
+}
+
+.Polaris-Icon--colorInkLighter {
+  fill: color(ink, lighter);
+}
+
+.Polaris-Icon--colorInkLight {
+  fill: color(ink, light);
+}
+
+.Polaris-Icon--colorInk {
+  fill: color(ink);
+
+  &::after {
+    background-color: color(sky);
+  }
+}
+
+.Polaris-Icon--colorBlueLighter {
+  fill: color(blue, lighter);
+}
+
+.Polaris-Icon--colorBlueLight {
+  fill: color(blue, light);
+}
+
+.Polaris-Icon--colorBlue {
+  fill: color(blue);
+}
+
+.Polaris-Icon--colorBlueDark {
+  fill: color(blue, dark);
+
+  &::after {
+    background-color: color(blue, light);
+  }
+}
+
+.Polaris-Icon--colorBlueDarker {
+  fill: color(blue, darker);
+}
+
+.Polaris-Icon--colorIndigoLighter {
+  fill: color(indigo, lighter);
+}
+
+.Polaris-Icon--colorIndigoLight {
+  fill: color(indigo, light);
+}
+
+.Polaris-Icon--colorIndigo {
+  fill: color(indigo);
+}
+
+.Polaris-Icon--colorIndigoDark {
+  fill: color(indigo, dark);
+}
+
+.Polaris-Icon--colorIndigoDarker {
+  fill: color(indigo, darker);
+}
+
+.Polaris-Icon--colorTealLighter {
+  fill: color(teal, lighter);
+}
+
+.Polaris-Icon--colorTealLight {
+  fill: color(teal, light);
+}
+
+.Polaris-Icon--colorTeal {
+  fill: color(teal);
+
+  &::after {
+    background-color: color(white);
+  }
+}
+
+.Polaris-Icon--colorTealDark {
+  fill: color(teal, dark);
+
+  &::after {
+    background-color: color(teal, light);
+  }
+}
+
+.Polaris-Icon--colorTealDarker {
+  fill: color(teal, darker);
+}
+
+.Polaris-Icon--colorGreenLighter {
+  fill: color(green, lighter);
+}
+
+.Polaris-Icon--colorGreen {
+  fill: color(green);
+
+  &::after {
+    background-color: color(green, lighter);
+  }
+}
+
+.Polaris-Icon--colorGreenDark {
+  fill: color(green, dark);
+
+  &::after {
+    background-color: color(green, light);
+  }
+}
+
+.Polaris-Icon--colorYellowLighter {
+  fill: color(yellow, lighter);
+}
+
+.Polaris-Icon--colorYellow {
+  fill: color(yellow);
+}
+
+.Polaris-Icon--colorYellowDark {
+  fill: color(yellow, dark);
+
+  &::after {
+    background-color: color(yellow, light);
+  }
+}
+
+.Polaris-Icon--colorOrange {
+  fill: color(orange);
+}
+
+.Polaris-Icon--colorOrangeDark {
+  fill: color(orange, dark);
+}
+
+.Polaris-Icon--colorRedLighter {
+  fill: color(red, lighter);
+}
+
+.Polaris-Icon--colorRed {
+  fill: color(red);
+}
+
+.Polaris-Icon--colorRedDark {
+  fill: color(red, dark);
+
+  &::after {
+    background-color: color(red, light);
+  }
+}
+
+.Polaris-Icon--colorPurple {
+  fill: color(purple);
+}
+
+.Polaris-Icon__Svg {
+  position: relative;
+  z-index: z-index(icon, $stacking-order);
+  display: block;
+  width: 100%;
+  color: color(white);
+  max-width: 100%;
+  max-height: 100%;
+}
+
+.Polaris-Icon__Placeholder {
+  padding-bottom: 100%;
+  background: currentColor;
+}

data/vendor/assets/stylesheets/shopify-polaris-1.0.3/styles/components/KeyboardKey.scss

@@ -0,0 +1,22 @@
+$key-base-height: rem(24px);
+$bottom-shadow-size: 2px;
+
+.Polaris-KeyboardKey {
+  display: inline-block;
+  height: $key-base-height;
+  margin: 0 (spacing(extra-tight) / 2) $bottom-shadow-size;
+  padding: 0 spacing(extra-tight);
+  background-color: color(white, base);
+  box-shadow:
+    0 0 0 1px color(sky, dark),
+    0 $bottom-shadow-size 0 0 color(white),
+    0 $bottom-shadow-size 0 1px color(sky, dark);
+  border-radius: border-radius();
+  font-size: rem(12px);
+  font-weight: 500;
+  line-height: $key-base-height;
+  color: color(ink, lighter);
+  text-align: center;
+  min-width: $key-base-height;
+  user-select: none;
+}