updated test cases to use the new stuff

Author: geelen

test/test-cases/constants/breakpoints.css

@@ -0,0 +1,3 @@
+@value small (max-width: 599px);
+@value medium (min-width: 600px) and (max-width: 959px);
+@value large (min-width: 960px);

test/test-cases/constants/expected.json

@@ -1,5 +1,5 @@
-@define primary: #f01;
-@define secondary: #2f2;
+@value primary: #f01;
+@value secondary: #2f2;
 
 .text-primary {
   color: primary;

test/test-cases/constants/borders.css renamed to test/test-cases/values/borders.css

@@ -1,35 +1,35 @@
-._constants_borders__dashed {
+._values_borders__dashed {
   border: 4px dashed;
 }
-._constants_colors__text-primary {
+._values_colors__text-primary {
   color: #f01;
 }
-._constants_colors__bg-primary {
+._values_colors__bg-primary {
   background-color: #f01;
 }
 
-._constants_colors__text-secondary {
+._values_colors__text-secondary {
   color: #2f2;
 }
-._constants_colors__bg-secondary {
+._values_colors__bg-secondary {
   background-color: #2f2;
 }
 
 /* Imports without a "from" are just passed through */
 @import url('./old-skool.css');
 
-._constants_source__foo {
+._values_source__foo {
   box-shadow: 0 0 10px #f01;
   border-color: #2f2;
 }
 
 @media (max-width: 599px) {
-  ._constants_source__foo {
+  ._values_source__foo {
     background: white;
   }
 }
 @media (min-width: 600px) and (max-width: 959px) {
-  ._constants_source__foo {
+  ._values_source__foo {
     background: peru;
   }
 }

test/test-cases/values/breakpoints.css

@@ -0,0 +1,9 @@
+{
+  "borders": "\"./borders.css\"",
+  "breakpoints": "\"./breakpoints.css\"",
+  "small": "(max-width: 599px)",
+  "medium": "(min-width: 600px) and (max-width: 959px)",
+  "secondary": "#2f2",
+  "blue": "#f01",
+  "foo": "_values_source__foo _values_borders__dashed _values_colors__text-secondary"
+}

test/test-cases/constants/colors.css renamed to test/test-cases/values/colors.css

@@ -1,6 +1,6 @@
-@define borders: "./borders.css", breakpoints: "./breakpoints.css";
-@import-define small, medium from breakpoints;
-@import secondary, primary as blue from "./colors.css";
+@value borders: "./borders.css", breakpoints: "./breakpoints.css";
+@value small, medium from breakpoints;
+@value secondary, primary as blue from "./colors.css";
 
 /* Imports without a "from" are just passed through */
 @import url('./old-skool.css');