v1.8.0

grommet · Sep 29, 2017 · 2ca3ea3 · 2ca3ea3
1 parent 72a0baa
commit 2ca3ea3
Show file tree

Hide file tree

Showing 11 changed files with 7,433 additions and 7,098 deletions.
diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "grommet",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "main": "grommet.js",
   "description": "The most advanced UX framework for enterprise applications.",
   "authors": [
@@ -20,9 +20,13 @@
   "engines": {
     "node": ">= 4.4.0"
   },
+  "peerDependencies": {
+    "react": ">= 15.3.0 < 16 || 16.x",
+    "react-dom": ">= 15.3.0 < 16 || 16.x"
+  },
   "dependencies": {
     "react": "^15.0.2",
-    "grommet": "^1.7.0"
+    "grommet": "^1.8.0"
   },
   "ignore": []
 }
diff --git a/css/grommet-aruba.css b/css/grommet-aruba.css
@@ -4807,6 +4807,8 @@ _::-webkit-:not(:root:root),
   .grommetux-form-field__contents > input[type=text],
   .grommetux-form-field__contents > input[type=range],
   .grommetux-form-field__contents > input[type=email],
+  .grommetux-form-field__contents > input[type=tel],
+  .grommetux-form-field__contents > input[type=url],
   .grommetux-form-field__contents > input[type=password],
   .grommetux-form-field__contents > input[type=number],
   .grommetux-form-field__contents > input[type=file],
@@ -4834,6 +4836,10 @@ _::-webkit-:not(:root:root),
     .grommetux-form-field__contents > input[type=range], .grommetux-background-color-index--dark
     .grommetux-form-field__contents > input[type=email], .grommetux-background-color-index--light .grommetux-background-color-index--dark
     .grommetux-form-field__contents > input[type=email], .grommetux-background-color-index--dark
+    .grommetux-form-field__contents > input[type=tel], .grommetux-background-color-index--light .grommetux-background-color-index--dark
+    .grommetux-form-field__contents > input[type=tel], .grommetux-background-color-index--dark
+    .grommetux-form-field__contents > input[type=url], .grommetux-background-color-index--light .grommetux-background-color-index--dark
+    .grommetux-form-field__contents > input[type=url], .grommetux-background-color-index--dark
     .grommetux-form-field__contents > input[type=password], .grommetux-background-color-index--light .grommetux-background-color-index--dark
     .grommetux-form-field__contents > input[type=password], .grommetux-background-color-index--dark
     .grommetux-form-field__contents > input[type=number], .grommetux-background-color-index--light .grommetux-background-color-index--dark
@@ -4866,6 +4872,10 @@ _::-webkit-:not(:root:root),
     .grommetux-form-field__contents > input[type=range], .grommetux-background-color-index--light
     .grommetux-form-field__contents > input[type=email], .grommetux-background-color-index--dark .grommetux-background-color-index--light
     .grommetux-form-field__contents > input[type=email], .grommetux-background-color-index--light
+    .grommetux-form-field__contents > input[type=tel], .grommetux-background-color-index--dark .grommetux-background-color-index--light
+    .grommetux-form-field__contents > input[type=tel], .grommetux-background-color-index--light
+    .grommetux-form-field__contents > input[type=url], .grommetux-background-color-index--dark .grommetux-background-color-index--light
+    .grommetux-form-field__contents > input[type=url], .grommetux-background-color-index--light
     .grommetux-form-field__contents > input[type=password], .grommetux-background-color-index--dark .grommetux-background-color-index--light
     .grommetux-form-field__contents > input[type=password], .grommetux-background-color-index--light
     .grommetux-form-field__contents > input[type=number], .grommetux-background-color-index--dark .grommetux-background-color-index--light
@@ -4900,6 +4910,8 @@ _::-webkit-:not(:root:root),
   .grommetux-form-field__contents > input:not([type]),
   .grommetux-form-field__contents > input[type=text],
   .grommetux-form-field__contents > input[type=email],
+  .grommetux-form-field__contents > input[type=tel],
+  .grommetux-form-field__contents > input[type=url],
   .grommetux-form-field__contents > input[type=password],
   .grommetux-form-field__contents > input[type=number],
   .grommetux-form-field__contents > input[type=file],
@@ -4910,6 +4922,8 @@ _::-webkit-:not(:root:root),
     .grommetux-form-field__contents > input:not([type]):focus,
     .grommetux-form-field__contents > input[type=text]:focus,
     .grommetux-form-field__contents > input[type=email]:focus,
+    .grommetux-form-field__contents > input[type=tel]:focus,
+    .grommetux-form-field__contents > input[type=url]:focus,
     .grommetux-form-field__contents > input[type=password]:focus,
     .grommetux-form-field__contents > input[type=number]:focus,
     .grommetux-form-field__contents > input[type=file]:focus,
@@ -4921,6 +4935,8 @@ _::-webkit-:not(:root:root),
   .grommetux-form-field__contents > input[type=text],
   .grommetux-form-field__contents > input[type=range],
   .grommetux-form-field__contents > input[type=email],
+  .grommetux-form-field__contents > input[type=tel],
+  .grommetux-form-field__contents > input[type=url],
   .grommetux-form-field__contents > input[type=password],
   .grommetux-form-field__contents > input[type=number],
   .grommetux-form-field__contents > input[type=file],
@@ -4938,6 +4954,8 @@ _::-webkit-:not(:root:root),
       .grommetux-form-field__contents > input[type=text],
       .grommetux-form-field__contents > input[type=range],
       .grommetux-form-field__contents > input[type=email],
+      .grommetux-form-field__contents > input[type=tel],
+      .grommetux-form-field__contents > input[type=url],
       .grommetux-form-field__contents > input[type=password],
       .grommetux-form-field__contents > input[type=number],
       .grommetux-form-field__contents > input[type=file],
@@ -5495,9 +5513,11 @@ h6.grommetux-heading {
     fill: inherit; }
   .grommetux-control-icon:not([class*="color-index-plain"]) *:not([stroke])[fill="none"] {
     stroke-width: 0; }
-  .grommetux-control-icon:not([class*="color-index-plain"]) *[stroke*="#"] {
+  .grommetux-control-icon:not([class*="color-index-plain"]) *[stroke*="#"],
+  .grommetux-control-icon:not([class*="color-index-plain"]) *[STROKE*="#"] {
     stroke: inherit; }
-  .grommetux-control-icon:not([class*="color-index-plain"]) *[fill*="#"] {
+  .grommetux-control-icon:not([class*="color-index-plain"]) *[fill*="#"],
+  .grommetux-control-icon:not([class*="color-index-plain"]) *[FILL*="#"] {
     fill: inherit; }
   .grommetux-control-icon:not([class*="color-index-plain"]) *[fill-rule] {
     stroke: none; }
@@ -5722,6 +5742,26 @@ h6.grommetux-heading {
   100% {
     stroke-dashoffset: -131px; } }
 
+@-webkit-keyframes fadeOut {
+  0% {
+    opacity: 1;
+    transform: rotate(0deg); }
+  50% {
+    opacity: 0.75; }
+  100% {
+    opacity: 1;
+    transform: rotate(360deg); } }
+
+@keyframes fadeOut {
+  0% {
+    opacity: 1;
+    transform: rotate(0deg); }
+  50% {
+    opacity: 0.75; }
+  100% {
+    opacity: 1;
+    transform: rotate(360deg); } }
+
 .grommetux-icon-spinning {
   width: 24px;
   height: 24px;
@@ -5730,6 +5770,12 @@ h6.grommetux-heading {
   transform: rotate(90deg);
   -webkit-animation: drawAndReverse 4s alternate infinite ease-in-out;
   animation: drawAndReverse 4s alternate infinite ease-in-out; }
+  @media all and (-ms-high-contrast: none) {
+    .grommetux-icon-spinning {
+      transform: rotate(0deg);
+      stroke-dashoffset: 50;
+      -webkit-animation: fadeOut 3s infinite linear;
+      animation: fadeOut 3s infinite linear; } }
 
 .grommetux-icon-spinning--xsmall {
   width: 12px;
@@ -6899,14 +6945,6 @@ html.rtl .right-left-icon--right {
   display: inline-block;
   white-space: nowrap; }
 
-.grommetux-meter--small .grommetux-meter__slice,
-.grommetux-meter--xsmall .grommetux-meter__slice {
-  stroke-width: 8px; }
-
-.grommetux-meter--small .grommetux-meter__values .grommetux-meter__slice.grommetux-meter__slice--active,
-.grommetux-meter--xsmall .grommetux-meter__values .grommetux-meter__slice.grommetux-meter__slice--active {
-  stroke-width: 24px; }
-
 .grommetux-meter--active .grommetux-meter__values .grommetux-meter__slice {
   stroke-width: 12px; }
 

diff --git a/css/grommet-aruba.min.css b/css/grommet-aruba.min.css
diff --git a/css/grommet-hpe.css b/css/grommet-hpe.css
@@ -4984,6 +4984,8 @@ _::-webkit-:not(:root:root),
   .grommetux-form-field__contents > input[type=text],
   .grommetux-form-field__contents > input[type=range],
   .grommetux-form-field__contents > input[type=email],
+  .grommetux-form-field__contents > input[type=tel],
+  .grommetux-form-field__contents > input[type=url],
   .grommetux-form-field__contents > input[type=password],
   .grommetux-form-field__contents > input[type=number],
   .grommetux-form-field__contents > input[type=file],
@@ -5011,6 +5013,10 @@ _::-webkit-:not(:root:root),
     .grommetux-form-field__contents > input[type=range], .grommetux-background-color-index--dark
     .grommetux-form-field__contents > input[type=email], .grommetux-background-color-index--light .grommetux-background-color-index--dark
     .grommetux-form-field__contents > input[type=email], .grommetux-background-color-index--dark
+    .grommetux-form-field__contents > input[type=tel], .grommetux-background-color-index--light .grommetux-background-color-index--dark
+    .grommetux-form-field__contents > input[type=tel], .grommetux-background-color-index--dark
+    .grommetux-form-field__contents > input[type=url], .grommetux-background-color-index--light .grommetux-background-color-index--dark
+    .grommetux-form-field__contents > input[type=url], .grommetux-background-color-index--dark
     .grommetux-form-field__contents > input[type=password], .grommetux-background-color-index--light .grommetux-background-color-index--dark
     .grommetux-form-field__contents > input[type=password], .grommetux-background-color-index--dark
     .grommetux-form-field__contents > input[type=number], .grommetux-background-color-index--light .grommetux-background-color-index--dark
@@ -5043,6 +5049,10 @@ _::-webkit-:not(:root:root),
     .grommetux-form-field__contents > input[type=range], .grommetux-background-color-index--light
     .grommetux-form-field__contents > input[type=email], .grommetux-background-color-index--dark .grommetux-background-color-index--light
     .grommetux-form-field__contents > input[type=email], .grommetux-background-color-index--light
+    .grommetux-form-field__contents > input[type=tel], .grommetux-background-color-index--dark .grommetux-background-color-index--light
+    .grommetux-form-field__contents > input[type=tel], .grommetux-background-color-index--light
+    .grommetux-form-field__contents > input[type=url], .grommetux-background-color-index--dark .grommetux-background-color-index--light
+    .grommetux-form-field__contents > input[type=url], .grommetux-background-color-index--light
     .grommetux-form-field__contents > input[type=password], .grommetux-background-color-index--dark .grommetux-background-color-index--light
     .grommetux-form-field__contents > input[type=password], .grommetux-background-color-index--light
     .grommetux-form-field__contents > input[type=number], .grommetux-background-color-index--dark .grommetux-background-color-index--light
@@ -5077,6 +5087,8 @@ _::-webkit-:not(:root:root),
   .grommetux-form-field__contents > input:not([type]),
   .grommetux-form-field__contents > input[type=text],
   .grommetux-form-field__contents > input[type=email],
+  .grommetux-form-field__contents > input[type=tel],
+  .grommetux-form-field__contents > input[type=url],
   .grommetux-form-field__contents > input[type=password],
   .grommetux-form-field__contents > input[type=number],
   .grommetux-form-field__contents > input[type=file],
@@ -5087,6 +5099,8 @@ _::-webkit-:not(:root:root),
     .grommetux-form-field__contents > input:not([type]):focus,
     .grommetux-form-field__contents > input[type=text]:focus,
     .grommetux-form-field__contents > input[type=email]:focus,
+    .grommetux-form-field__contents > input[type=tel]:focus,
+    .grommetux-form-field__contents > input[type=url]:focus,
     .grommetux-form-field__contents > input[type=password]:focus,
     .grommetux-form-field__contents > input[type=number]:focus,
     .grommetux-form-field__contents > input[type=file]:focus,
@@ -5098,6 +5112,8 @@ _::-webkit-:not(:root:root),
   .grommetux-form-field__contents > input[type=text],
   .grommetux-form-field__contents > input[type=range],
   .grommetux-form-field__contents > input[type=email],
+  .grommetux-form-field__contents > input[type=tel],
+  .grommetux-form-field__contents > input[type=url],
   .grommetux-form-field__contents > input[type=password],
   .grommetux-form-field__contents > input[type=number],
   .grommetux-form-field__contents > input[type=file],
@@ -5115,6 +5131,8 @@ _::-webkit-:not(:root:root),
       .grommetux-form-field__contents > input[type=text],
       .grommetux-form-field__contents > input[type=range],
       .grommetux-form-field__contents > input[type=email],
+      .grommetux-form-field__contents > input[type=tel],
+      .grommetux-form-field__contents > input[type=url],
       .grommetux-form-field__contents > input[type=password],
       .grommetux-form-field__contents > input[type=number],
       .grommetux-form-field__contents > input[type=file],
@@ -5672,9 +5690,11 @@ h6.grommetux-heading {
     fill: inherit; }
   .grommetux-control-icon:not([class*="color-index-plain"]) *:not([stroke])[fill="none"] {
     stroke-width: 0; }
-  .grommetux-control-icon:not([class*="color-index-plain"]) *[stroke*="#"] {
+  .grommetux-control-icon:not([class*="color-index-plain"]) *[stroke*="#"],
+  .grommetux-control-icon:not([class*="color-index-plain"]) *[STROKE*="#"] {
     stroke: inherit; }
-  .grommetux-control-icon:not([class*="color-index-plain"]) *[fill*="#"] {
+  .grommetux-control-icon:not([class*="color-index-plain"]) *[fill*="#"],
+  .grommetux-control-icon:not([class*="color-index-plain"]) *[FILL*="#"] {
     fill: inherit; }
   .grommetux-control-icon:not([class*="color-index-plain"]) *[fill-rule] {
     stroke: none; }
@@ -5909,6 +5929,26 @@ h6.grommetux-heading {
   100% {
     stroke-dashoffset: -131px; } }
 
+@-webkit-keyframes fadeOut {
+  0% {
+    opacity: 1;
+    transform: rotate(0deg); }
+  50% {
+    opacity: 0.75; }
+  100% {
+    opacity: 1;
+    transform: rotate(360deg); } }
+
+@keyframes fadeOut {
+  0% {
+    opacity: 1;
+    transform: rotate(0deg); }
+  50% {
+    opacity: 0.75; }
+  100% {
+    opacity: 1;
+    transform: rotate(360deg); } }
+
 .grommetux-icon-spinning {
   width: 24px;
   height: 24px;
@@ -5917,6 +5957,12 @@ h6.grommetux-heading {
   transform: rotate(90deg);
   -webkit-animation: drawAndReverse 4s alternate infinite ease-in-out;
   animation: drawAndReverse 4s alternate infinite ease-in-out; }
+  @media all and (-ms-high-contrast: none) {
+    .grommetux-icon-spinning {
+      transform: rotate(0deg);
+      stroke-dashoffset: 50;
+      -webkit-animation: fadeOut 3s infinite linear;
+      animation: fadeOut 3s infinite linear; } }
 
 .grommetux-icon-spinning--xsmall {
   width: 12px;
@@ -7104,14 +7150,6 @@ html.rtl .right-left-icon--right {
   display: inline-block;
   white-space: nowrap; }
 
-.grommetux-meter--small .grommetux-meter__slice,
-.grommetux-meter--xsmall .grommetux-meter__slice {
-  stroke-width: 8px; }
-
-.grommetux-meter--small .grommetux-meter__values .grommetux-meter__slice.grommetux-meter__slice--active,
-.grommetux-meter--xsmall .grommetux-meter__values .grommetux-meter__slice.grommetux-meter__slice--active {
-  stroke-width: 24px; }
-
 .grommetux-meter--active .grommetux-meter__values .grommetux-meter__slice {
   stroke-width: 12px; }
 

diff --git a/css/grommet-hpe.min.css b/css/grommet-hpe.min.css