@sproutsocial/racine 11.0.2-beta.0 → 11.1.0

package/__flow__/systemProps/tests/__snapshots__/flexbox.test.js.snap

@@ -0,0 +1,239 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`flexbox system props alignContent 1`] = `
+.c0 {
+  -webkit-align-content: string;
+  -ms-flex-line-pack: string;
+  align-content: string;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+</div>
+`;
+
+exports[`flexbox system props alignItems 1`] = `
+.c0 {
+  -webkit-align-items: string;
+  -webkit-box-align: string;
+  -ms-flex-align: string;
+  align-items: string;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+</div>
+`;
+
+exports[`flexbox system props alignSelf 1`] = `
+.c0 {
+  -webkit-align-self: string;
+  -ms-flex-item-align: string;
+  align-self: string;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+</div>
+`;
+
+exports[`flexbox system props flex 1`] = `
+.c0 {
+  -webkit-flex: string;
+  -ms-flex: string;
+  flex: string;
+}
+
+.c1 {
+  -webkit-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+  <div
+    class="c1"
+  />
+</div>
+`;
+
+exports[`flexbox system props flexBasis 1`] = `
+.c0 {
+  -webkit-flex-basis: string;
+  -ms-flex-preferred-size: string;
+  flex-basis: string;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+</div>
+`;
+
+exports[`flexbox system props flexDirection 1`] = `
+.c0 {
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.c1 {
+  -webkit-flex-direction: string;
+  -ms-flex-direction: string;
+  flex-direction: string;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+  <div
+    class="c1"
+  />
+</div>
+`;
+
+exports[`flexbox system props flexGrow 1`] = `
+.c0 {
+  -webkit-box-flex: 1;
+  -webkit-flex-grow: 1;
+  -ms-flex-positive: 1;
+  flex-grow: 1;
+}
+
+.c1 {
+  -webkit-box-flex: string;
+  -webkit-flex-grow: string;
+  -ms-flex-positive: string;
+  flex-grow: string;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+  <div
+    class="c1"
+  />
+</div>
+`;
+
+exports[`flexbox system props flexShrink 1`] = `
+.c0 {
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
+}
+
+.c1 {
+  -webkit-flex-shrink: string;
+  -ms-flex-negative: string;
+  flex-shrink: string;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+  <div
+    class="c1"
+  />
+</div>
+`;
+
+exports[`flexbox system props flexWrap 1`] = `
+.c0 {
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+}
+
+.c1 {
+  -webkit-flex-wrap: string;
+  -ms-flex-wrap: string;
+  flex-wrap: string;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+  <div
+    class="c1"
+  />
+</div>
+`;
+
+exports[`flexbox system props justifyContent 1`] = `
+.c0 {
+  -webkit-box-pack: string;
+  -webkit-justify-content: string;
+  -ms-flex-pack: string;
+  justify-content: string;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+</div>
+`;
+
+exports[`flexbox system props justifyItems 1`] = `
+.c0 {
+  justify-items: string;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+</div>
+`;
+
+exports[`flexbox system props justifySelf 1`] = `
+.c0 {
+  justify-self: string;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+</div>
+`;
+
+exports[`flexbox system props order 1`] = `
+.c0 {
+  -webkit-order: 1;
+  -ms-flex-order: 1;
+  order: 1;
+}
+
+.c1 {
+  -webkit-order: string;
+  -ms-flex-order: string;
+  order: string;
+}
+
+<div>
+  <div
+    class="c0"
+    order="1"
+  />
+  <div
+    class="c1"
+    order="string"
+  />
+</div>
+`;

package/__flow__/systemProps/tests/__snapshots__/grid.test.js.snap

@@ -0,0 +1,166 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`grid system props gridArea 1`] = `
+.c0 {
+  grid-area: string;
+}
+
+.c1 {
+  grid-area: 1px;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+  <div
+    class="c1"
+  />
+</div>
+`;
+
+exports[`grid system props gridAutoColumns 1`] = `
+.c0 {
+  grid-auto-columns: string;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+</div>
+`;
+
+exports[`grid system props gridAutoFlow 1`] = `
+.c0 {
+  grid-auto-flow: string;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+</div>
+`;
+
+exports[`grid system props gridAutoRows 1`] = `
+.c0 {
+  grid-auto-rows: string;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+</div>
+`;
+
+exports[`grid system props gridColumn 1`] = `
+.c0 {
+  grid-column: string;
+}
+
+.c1 {
+  grid-column: 1;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+  <div
+    class="c1"
+  />
+</div>
+`;
+
+exports[`grid system props gridColumnGap 1`] = `
+.c0 {
+  grid-column-gap: string;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+</div>
+`;
+
+exports[`grid system props gridGap 1`] = `
+.c0 {
+  grid-gap: string;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+</div>
+`;
+
+exports[`grid system props gridRow 1`] = `
+.c0 {
+  grid-row: string;
+}
+
+.c1 {
+  grid-row: 1;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+  <div
+    class="c1"
+  />
+</div>
+`;
+
+exports[`grid system props gridRowGap 1`] = `
+.c0 {
+  grid-row-gap: string;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+</div>
+`;
+
+exports[`grid system props gridTemplateAreas 1`] = `
+.c0 {
+  grid-template-areas: string;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+</div>
+`;
+
+exports[`grid system props gridTemplateColumns 1`] = `
+.c0 {
+  grid-template-columns: string;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+</div>
+`;
+
+exports[`grid system props gridTemplateRows 1`] = `
+.c0 {
+  grid-template-rows: string;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+</div>
+`;

package/__flow__/systemProps/tests/__snapshots__/layout.test.js.snap

@@ -0,0 +1,218 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`layout system props display 1`] = `
+.c0 {
+  display: -webkit-string;
+  display: string;
+}
+
+<div>
+  <div
+    class="c0"
+    display="string"
+  />
+</div>
+`;
+
+exports[`layout system props height 1`] = `
+.c0 {
+  height: string;
+}
+
+.c1 {
+  height: 1px;
+}
+
+<div>
+  <div
+    class="c0"
+    height="string"
+  />
+  <div
+    class="c1"
+    height="1"
+  />
+</div>
+`;
+
+exports[`layout system props maxHeight 1`] = `
+.c0 {
+  max-height: string;
+}
+
+.c1 {
+  max-height: 1px;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+  <div
+    class="c1"
+  />
+</div>
+`;
+
+exports[`layout system props maxWidth 1`] = `
+.c0 {
+  max-width: string;
+}
+
+.c1 {
+  max-width: 1px;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+  <div
+    class="c1"
+  />
+</div>
+`;
+
+exports[`layout system props minHeight 1`] = `
+.c0 {
+  min-height: string;
+}
+
+.c1 {
+  min-height: 1px;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+  <div
+    class="c1"
+  />
+</div>
+`;
+
+exports[`layout system props minWidth 1`] = `
+.c0 {
+  min-width: string;
+}
+
+.c1 {
+  min-width: 1px;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+  <div
+    class="c1"
+  />
+</div>
+`;
+
+exports[`layout system props overflow 1`] = `
+.c0 {
+  overflow: string;
+}
+
+<div>
+  <div
+    class="c0"
+    overflow="string"
+  />
+</div>
+`;
+
+exports[`layout system props overflowX 1`] = `
+.c0 {
+  overflow-x: hidden;
+}
+
+.c1 {
+  overflow-x: string;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+  <div
+    class="c1"
+  />
+</div>
+`;
+
+exports[`layout system props overflowY 1`] = `
+.c0 {
+  overflow-y: scroll;
+}
+
+.c1 {
+  overflow-y: string;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+  <div
+    class="c1"
+  />
+</div>
+`;
+
+exports[`layout system props size 1`] = `
+.c0 {
+  width: string;
+  height: string;
+}
+
+.c1 {
+  width: 1px;
+  height: 1px;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+  <div
+    class="c1"
+    size="1"
+  />
+</div>
+`;
+
+exports[`layout system props verticalAlign 1`] = `
+.c0 {
+  vertical-align: string;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+</div>
+`;
+
+exports[`layout system props width 1`] = `
+.c0 {
+  width: string;
+}
+
+.c1 {
+  width: 100%;
+}
+
+<div>
+  <div
+    class="c0"
+    width="string"
+  />
+  <div
+    class="c1"
+    width="1"
+  />
+</div>
+`;

package/__flow__/systemProps/tests/__snapshots__/position.test.js.snap

@@ -0,0 +1,115 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`position system props bottom 1`] = `
+.c0 {
+  bottom: string;
+}
+
+.c1 {
+  bottom: 1px;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+  <div
+    class="c1"
+  />
+</div>
+`;
+
+exports[`position system props left 1`] = `
+.c0 {
+  left: string;
+}
+
+.c1 {
+  left: 1px;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+  <div
+    class="c1"
+  />
+</div>
+`;
+
+exports[`position system props position 1`] = `
+.c0 {
+  position: absolute;
+}
+
+.c1 {
+  position: string;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+  <div
+    class="c1"
+  />
+</div>
+`;
+
+exports[`position system props right 1`] = `
+.c0 {
+  right: string;
+}
+
+.c1 {
+  right: 1px;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+  <div
+    class="c1"
+  />
+</div>
+`;
+
+exports[`position system props top 1`] = `
+.c0 {
+  top: string;
+}
+
+.c1 {
+  top: 1px;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+  <div
+    class="c1"
+  />
+</div>
+`;
+
+exports[`position system props zIndex 1`] = `
+.c0 {
+  z-index: 1;
+}
+
+.c1 {
+  z-index: string;
+}
+
+<div>
+  <div
+    class="c0"
+  />
+  <div
+    class="c1"
+  />
+</div>
+`;