react-outline 1.7.3 → 2.1.0

package/__snapshots__/cornerCases.test.js.snap

@@ -1,139 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CSS selectors should allow for color replacment 1`] = `
-<div>
-  <style>
-     .react-outline- .abc{ font-size:20px; } .react-outline-{color:squanchy; }
-  </style>
-  <div
-    className="react-outline-"
-    name="div"
-  />
-</div>
-`;
-
-exports[`CSS selectors should allow you to select a nested element 1`] = `
-<div>
-  <style>
-     .react-outline- .abc{ font-size:20px; } .react-outline-{color:red; }
-  </style>
-  <div
-    className="react-outline-"
-    name="div"
-  />
-</div>
-`;
-
-exports[`CSS selectors should work with user defined callNames 1`] = `
-<div>
-  <div
-    className="a react-outline-"
-    name="a"
-  />
-  <div
-    className="react-outline-"
-    name="a"
-  />
-  <div
-    className="b"
-    name="b"
-  />
-  <div
-    name="b"
-  />
-</div>
-`;
-
-exports[`In production mode should allow cross cutting style to map to only functions 1`] = `
-<span
-  name="foo"
-  style={
-    Object {
-      "background": "gray",
-      "fontSize": "20px",
-    }
-  }
-/>
-`;
-
-exports[`In production mode should allow cross cutting style to map to only functions 2`] = `
-<span
-  name="bar"
-  style={
-    Object {
-      "background": "black",
-      "fontSize": "20px",
-    }
-  }
-/>
-`;
-
-exports[`In production mode should be able to destructur assignments on generated element 1`] = `
-<div
-  name="cats"
-  style={
-    Object {
-      "color": "pink",
-    }
-  }
-/>
-`;
-
-exports[`In production mode should be able to destructur assignments on generated element 2`] = `
-<div
-  name="cats"
-  style={
-    Object {
-      "color": "blue",
-    }
-  }
-/>
-`;
-
-exports[`In production mode should be able to pass an value to style logic 1`] = `
-<div
-  name="dogs"
-  style={
-    Object {
-      "color": "white",
-    }
-  }
-/>
-`;
-
-exports[`In production mode should be able to pass an value to style logic 2`] = `
-<div
-  name="dogs"
-  style={
-    Object {
-      "color": "black",
-    }
-  }
-/>
-`;
-
-exports[`In production mode should be able to pass true value 1`] = `
-<input
-  disabled={true}
-  name="input"
-  style={
-    Object {
-      "background": "gray",
-      "color": "red",
-      "fontSize": "20px",
-    }
-  }
-/>
-`;
-
-exports[`In production mode should generated an element with a logic fn that can take undefined 1`] = `
-<span
-  name="foo"
-  style={
-    Object {
-      "background": "gray",
-      "fontSize": "20px",
-    }
-  }
-/>
-`;

package/__snapshots__/example.test.js.snap

@@ -1,408 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Basics Generate a element from a style 1`] = `
-<div
-  name="title"
-  style={
-    Object {
-      "backgroundColor": "red",
-    }
-  }
->
-  basic
-</div>
-`;
-
-exports[`Basics Generate an implied named element 1`] = `
-<table
-  name="table"
-  style={
-    Object {
-      "borderCollapse": "collapse",
-      "width": "100%",
-    }
-  }
->
-  <tr
-    name="tr"
-    style={
-      Object {
-        "borderBottom": "thick solid red",
-      }
-    }
-  >
-    <td
-      name="td"
-      style={
-        Object {
-          "border": "1px solid #dddddd",
-          "padding": "8px",
-        }
-      }
-    >
-      Maria Anders
-    </td>
-    <td
-      name="td"
-      style={
-        Object {
-          "border": "1px solid #dddddd",
-          "padding": "8px",
-        }
-      }
-    >
-      Germany
-    </td>
-  </tr>
-  <tr
-    name="tr"
-    style={
-      Object {
-        "borderBottom": "thick solid red",
-      }
-    }
-  >
-    <td
-      name="td"
-      style={
-        Object {
-          "border": "1px solid #dddddd",
-          "padding": "8px",
-        }
-      }
-    >
-      Francisco Chang
-    </td>
-    <td
-      name="td"
-      style={
-        Object {
-          "border": "1px solid #dddddd",
-          "padding": "8px",
-        }
-      }
-    >
-      Mexico
-    </td>
-  </tr>
-  <tr
-    name="tr"
-    style={
-      Object {
-        "borderBottom": "thick solid red",
-      }
-    }
-  >
-    <td
-      name="td"
-      style={
-        Object {
-          "border": "1px solid #dddddd",
-          "padding": "8px",
-        }
-      }
-    >
-      Roland Mendel
-    </td>
-    <td
-      name="td"
-      style={
-        Object {
-          "border": "1px solid #dddddd",
-          "padding": "8px",
-        }
-      }
-    >
-      Austria
-    </td>
-  </tr>
-</table>
-`;
-
-exports[`Basics Passing Style and Funtion as arguments 1`] = `
-<div
-  name="title"
-  style={
-    Object {
-      "backgroundColor": "red",
-      "color": "white",
-    }
-  }
->
-  basic
-</div>
-`;
-
-exports[`Basics Reusing elements 1`] = `
-<div>
-  <span
-    name="title"
-    style={
-      Object {
-        "backgroundColor": "red",
-      }
-    }
-  >
-    foo
-  </span>
-  <span
-    name="title"
-    style={
-      Object {
-        "backgroundColor": "red",
-      }
-    }
-  >
-    bar
-  </span>
-</div>
-`;
-
-exports[`Basics Sharing Style 1`] = `
-<div>
-  <div
-    name="title"
-    style={
-      Object {
-        "backgroundColor": "red",
-        "textShadow": "2px 2px 2px black",
-      }
-    }
-  >
-    basic
-  </div>
-  <span
-    style={
-      Object {
-        "color": "red",
-        "textShadow": "2px 2px 2px black",
-      }
-    }
-  >
-    content
-  </span>
-</div>
-`;
-
-exports[`Basics Wrapping an existing element 1`] = `
-<div
-  style={
-    Object {
-      "backgroundColor": "red",
-    }
-  }
->
-  Hello, 
-  basic
-</div>
-`;
-
-exports[`Basics ⚠ Passing Style and Funtion as Array 1`] = `
-<div
-  name="title"
-  style={
-    Object {
-      "backgroundColor": "red",
-      "color": "white",
-    }
-  }
->
-  basic
-</div>
-`;
-
-exports[`CSS Helpers Css Selector 1`] = `
-<div>
-  <style>
-     .react-outline-:hover{ color:blue; } .react-outline-{text-shadow:1px 1px 10px #000; color:white; cursor:pointer; }
-  </style>
-  <div
-    className="react-outline-"
-    name="title"
-  >
-    <div>
-      foo
-    </div>
-    <div>
-      bar
-    </div>
-    <div>
-      baz
-    </div>
-  </div>
-</div>
-`;
-
-exports[`CSS Helpers Css Source 1`] = `
-<div>
-  <style>
-     .react-outline-:hover{ color:blue; } .react-outline-{text-shadow:1px 1px 10px #000; color:white; cursor:pointer; } .title{ font-size: 25px; background-color: yellow; } 
-  </style>
-  <div
-    className="title"
-  >
-    basic
-  </div>
-</div>
-`;
-
-exports[`CSS Helpers Dynamic Css Selector 1`] = `
-<div>
-  <style>
-     .react-outline-:hover{ color:blue; } .react-outline-{text-shadow:1px 1px 10px #000; color:white; cursor:pointer; }
-  </style>
-  <div
-    className="react-outline-"
-    css={
-      Object {
-        "div:nth-child(even)": Object {
-          "color": "red",
-        },
-      }
-    }
-    name="title"
-  >
-    <div>
-      foo
-    </div>
-    <div>
-      bar
-    </div>
-    <div>
-      baz
-    </div>
-  </div>
-</div>
-`;
-
-exports[`CSS Helpers Media Query 1`] = `
-<div>
-  <style>
-     .react-outline-:hover{ color:blue; } .react-outline-{text-shadow:1px 1px 10px #000; color:white; cursor:pointer; }
-  </style>
-  <div
-    className="react-outline-"
-    name="title"
-  >
-    basic
-  </div>
-</div>
-`;
-
-exports[`CSS Helpers Mouse hover 1`] = `
-<div>
-  <style>
-     .react-outline-:hover{ color:blue; } .react-outline-{text-shadow:1px 1px 10px #000; color:white; cursor:pointer; }
-  </style>
-  <div
-    className="react-outline-"
-    name="title"
-  >
-    basic
-  </div>
-</div>
-`;
-
-exports[`Combine styles In a generated element 1`] = `
-<div
-  name="title"
-  style={
-    Object {
-      "color": "#f00",
-      "fontSize": "25px",
-    }
-  }
->
-  basic
-</div>
-`;
-
-exports[`Combine styles Logic function With Generate Element 1`] = `
-<div
-  name="title"
-  style={
-    Object {
-      "color": "#f00",
-      "fontSize": "25px",
-    }
-  }
->
-  basic
-</div>
-`;
-
-exports[`Combine styles Passing a Style objct to a generated element 1`] = `
-<div
-  name="title"
-  style={
-    Object {
-      "color": "red",
-      "fontSize": 25,
-    }
-  }
->
-  basic
-</div>
-`;
-
-exports[`Combine styles Using a prop flag 1`] = `
-<div
-  name="title"
-  style={
-    Object {
-      "color": "#f00",
-      "fontSize": "25px",
-    }
-  }
->
-  basic
-</div>
-`;
-
-exports[`Style Functions Function with generated elements 1`] = `
-<div
-  name="content"
-  style={
-    Object {
-      "backgroundColor": "red",
-      "height": "300px",
-    }
-  }
->
-   
-  <span
-    name="cell"
-    style={
-      Object {
-        "fontSize": -5,
-      }
-    }
-    styles={true}
-  >
-    foo
-  </span>
-  <span
-    name="cell"
-    style={
-      Object {
-        "fontSize": -5,
-      }
-    }
-    styles={false}
-  >
-    bar
-  </span>
-  <span
-    name="cell"
-    style={
-      Object {
-        "fontSize": -5,
-      }
-    }
-    styles={undefined}
-  >
-    cat
-  </span>
-   
-</div>
-`;