v1.7.0

grommet · Aug 25, 2017 · 72a0baa · 72a0baa
1 parent f752f04
commit 72a0baa
Show file tree

Hide file tree

Showing 11 changed files with 4,625 additions and 6,654 deletions.
diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "grommet",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "main": "grommet.js",
   "description": "The most advanced UX framework for enterprise applications.",
   "authors": [
@@ -22,7 +22,7 @@
   },
   "dependencies": {
     "react": "^15.0.2",
-    "grommet": "^1.6.0"
+    "grommet": "^1.7.0"
   },
   "ignore": []
 }
diff --git a/css/grommet-aruba.css b/css/grommet-aruba.css
@@ -1808,6 +1808,9 @@ ul, ol, dd {
 .grommetux-box--justify-between {
   justify-content: space-between; }
 
+.grommetux-box--justify-around {
+  justify-content: space-around; }
+
 .grommetux-box--justify-end {
   justify-content: flex-end; }
 
@@ -4800,6 +4803,7 @@ _::-webkit-:not(:root:root),
   .grommetux-form-field__contents > .grommetux-box .grommetux-anchor {
     color: #ED6F00;
     text-decoration: none; }
+  .grommetux-form-field__contents > input:not([type]),
   .grommetux-form-field__contents > input[type=text],
   .grommetux-form-field__contents > input[type=range],
   .grommetux-form-field__contents > input[type=email],
@@ -4823,7 +4827,9 @@ _::-webkit-:not(:root:root),
     font-size: 1rem;
     line-height: 1.5;
     padding-left: 22px; }
-    .grommetux-background-color-index--dark .grommetux-form-field__contents > input[type=text], .grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-form-field__contents > input[type=text], .grommetux-background-color-index--dark
+    .grommetux-background-color-index--dark .grommetux-form-field__contents > input:not([type]), .grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-form-field__contents > input:not([type]), .grommetux-background-color-index--dark
+    .grommetux-form-field__contents > input[type=text], .grommetux-background-color-index--light .grommetux-background-color-index--dark
+    .grommetux-form-field__contents > input[type=text], .grommetux-background-color-index--dark
     .grommetux-form-field__contents > input[type=range], .grommetux-background-color-index--light .grommetux-background-color-index--dark
     .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
@@ -4853,7 +4859,9 @@ _::-webkit-:not(:root:root),
     .grommetux-form-field__contents > textarea, .grommetux-background-color-index--light .grommetux-background-color-index--dark
     .grommetux-form-field__contents > textarea {
       color: #fff; }
-    .grommetux-background-color-index--light .grommetux-form-field__contents > input[type=text], .grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-form-field__contents > input[type=text], .grommetux-background-color-index--light
+    .grommetux-background-color-index--light .grommetux-form-field__contents > input:not([type]), .grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-form-field__contents > input:not([type]), .grommetux-background-color-index--light
+    .grommetux-form-field__contents > input[type=text], .grommetux-background-color-index--dark .grommetux-background-color-index--light
+    .grommetux-form-field__contents > input[type=text], .grommetux-background-color-index--light
     .grommetux-form-field__contents > input[type=range], .grommetux-background-color-index--dark .grommetux-background-color-index--light
     .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
@@ -4889,6 +4897,7 @@ _::-webkit-:not(:root:root),
   .grommetux-form-field__contents > .grommetux-select input,
   .grommetux-form-field__contents > .grommetux-password-input input {
     padding-left: 24px; }
+  .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=password],
@@ -4898,6 +4907,7 @@ _::-webkit-:not(:root:root),
   .grommetux-form-field__contents > select,
   .grommetux-form-field__contents > textarea {
     padding: 0 24px; }
+    .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=password]:focus,
@@ -4907,6 +4917,7 @@ _::-webkit-:not(:root:root),
     .grommetux-form-field__contents > select:focus,
     .grommetux-form-field__contents > textarea:focus {
       padding: 0 24px; }
+  .grommetux-form-field__contents > input:not([type]),
   .grommetux-form-field__contents > input[type=text],
   .grommetux-form-field__contents > input[type=range],
   .grommetux-form-field__contents > input[type=email],
@@ -4923,6 +4934,7 @@ _::-webkit-:not(:root:root),
   .grommetux-form-field__contents > .grommetux-password-input input {
     height: 36px; }
     @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+      .grommetux-form-field__contents > input:not([type]),
       .grommetux-form-field__contents > input[type=text],
       .grommetux-form-field__contents > input[type=range],
       .grommetux-form-field__contents > input[type=email],
@@ -5126,10 +5138,12 @@ _::-webkit-:not(:root:root),
 
 .grommetux-form-field--size-large {
   font-size: 24px; }
+  .grommetux-form-field--size-large input:not([type]),
   .grommetux-form-field--size-large input[type="text"] {
     font-size: 24px;
     height: auto; }
 
+.grommetux-form-field--strong input:not([type]),
 .grommetux-form-field--strong input[type="text"] {
   font-weight: 600; }
 
@@ -8545,6 +8559,8 @@ section:not(.grommetux-section) {
   top: 50%;
   transform: translateY(-50%);
   right: 6px; }
+  .grommetux-select__control svg {
+    background-color: #fff; }
 
 .grommetux-select__search {
   width: 100%; }
@@ -10042,6 +10058,15 @@ section:not(.grommetux-section) {
 .grommetux-world-map {
   width: 100%; }
 
+.grommetux-world-map__container {
+  position: relative;
+  width: 100%; }
+
+.grommetux-world-map__flag {
+  position: absolute;
+  top: 0px;
+  left: 0px; }
+
 .grommetux-world-map__continent,
 .grommetux-world-map__place {
   stroke-linecap: round;

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
@@ -1800,6 +1800,9 @@ ul, ol, dd {
 .grommetux-box--justify-between {
   justify-content: space-between; }
 
+.grommetux-box--justify-around {
+  justify-content: space-around; }
+
 .grommetux-box--justify-end {
   justify-content: flex-end; }
 
@@ -4977,6 +4980,7 @@ _::-webkit-:not(:root:root),
   .grommetux-form-field__contents > .grommetux-box .grommetux-anchor {
     color: #049371;
     text-decoration: none; }
+  .grommetux-form-field__contents > input:not([type]),
   .grommetux-form-field__contents > input[type=text],
   .grommetux-form-field__contents > input[type=range],
   .grommetux-form-field__contents > input[type=email],
@@ -5000,7 +5004,9 @@ _::-webkit-:not(:root:root),
     font-size: 1rem;
     line-height: 1.5;
     padding-left: 22px; }
-    .grommetux-background-color-index--dark .grommetux-form-field__contents > input[type=text], .grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-form-field__contents > input[type=text], .grommetux-background-color-index--dark
+    .grommetux-background-color-index--dark .grommetux-form-field__contents > input:not([type]), .grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-form-field__contents > input:not([type]), .grommetux-background-color-index--dark
+    .grommetux-form-field__contents > input[type=text], .grommetux-background-color-index--light .grommetux-background-color-index--dark
+    .grommetux-form-field__contents > input[type=text], .grommetux-background-color-index--dark
     .grommetux-form-field__contents > input[type=range], .grommetux-background-color-index--light .grommetux-background-color-index--dark
     .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
@@ -5030,7 +5036,9 @@ _::-webkit-:not(:root:root),
     .grommetux-form-field__contents > textarea, .grommetux-background-color-index--light .grommetux-background-color-index--dark
     .grommetux-form-field__contents > textarea {
       color: #fff; }
-    .grommetux-background-color-index--light .grommetux-form-field__contents > input[type=text], .grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-form-field__contents > input[type=text], .grommetux-background-color-index--light
+    .grommetux-background-color-index--light .grommetux-form-field__contents > input:not([type]), .grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-form-field__contents > input:not([type]), .grommetux-background-color-index--light
+    .grommetux-form-field__contents > input[type=text], .grommetux-background-color-index--dark .grommetux-background-color-index--light
+    .grommetux-form-field__contents > input[type=text], .grommetux-background-color-index--light
     .grommetux-form-field__contents > input[type=range], .grommetux-background-color-index--dark .grommetux-background-color-index--light
     .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
@@ -5066,6 +5074,7 @@ _::-webkit-:not(:root:root),
   .grommetux-form-field__contents > .grommetux-select input,
   .grommetux-form-field__contents > .grommetux-password-input input {
     padding-left: 24px; }
+  .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=password],
@@ -5075,6 +5084,7 @@ _::-webkit-:not(:root:root),
   .grommetux-form-field__contents > select,
   .grommetux-form-field__contents > textarea {
     padding: 0 24px; }
+    .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=password]:focus,
@@ -5084,6 +5094,7 @@ _::-webkit-:not(:root:root),
     .grommetux-form-field__contents > select:focus,
     .grommetux-form-field__contents > textarea:focus {
       padding: 0 24px; }
+  .grommetux-form-field__contents > input:not([type]),
   .grommetux-form-field__contents > input[type=text],
   .grommetux-form-field__contents > input[type=range],
   .grommetux-form-field__contents > input[type=email],
@@ -5100,6 +5111,7 @@ _::-webkit-:not(:root:root),
   .grommetux-form-field__contents > .grommetux-password-input input {
     height: 36px; }
     @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+      .grommetux-form-field__contents > input:not([type]),
       .grommetux-form-field__contents > input[type=text],
       .grommetux-form-field__contents > input[type=range],
       .grommetux-form-field__contents > input[type=email],
@@ -5303,10 +5315,12 @@ _::-webkit-:not(:root:root),
 
 .grommetux-form-field--size-large {
   font-size: 24px; }
+  .grommetux-form-field--size-large input:not([type]),
   .grommetux-form-field--size-large input[type="text"] {
     font-size: 24px;
     height: auto; }
 
+.grommetux-form-field--strong input:not([type]),
 .grommetux-form-field--strong input[type="text"] {
   font-weight: 600; }
 
@@ -8811,6 +8825,8 @@ section:not(.grommetux-section) {
   top: 50%;
   transform: translateY(-50%);
   right: 6px; }
+  .grommetux-select__control svg {
+    background-color: #fff; }
 
 .grommetux-select__search {
   width: 100%; }
@@ -10326,6 +10342,15 @@ section:not(.grommetux-section) {
 .grommetux-world-map {
   width: 100%; }
 
+.grommetux-world-map__container {
+  position: relative;
+  width: 100%; }
+
+.grommetux-world-map__flag {
+  position: absolute;
+  top: 0px;
+  left: 0px; }
+
 .grommetux-world-map__continent,
 .grommetux-world-map__place {
   stroke-linecap: round;

diff --git a/css/grommet-hpe.min.css b/css/grommet-hpe.min.css
diff --git a/css/grommet-hpinc.css b/css/grommet-hpinc.css
@@ -1812,6 +1812,9 @@ ul, ol, dd {
 .grommetux-box--justify-between {
   justify-content: space-between; }
 
+.grommetux-box--justify-around {
+  justify-content: space-around; }
+
 .grommetux-box--justify-end {
   justify-content: flex-end; }
 
@@ -4972,6 +4975,7 @@ _::-webkit-:not(:root:root),
   .grommetux-form-field__contents > .grommetux-box .grommetux-anchor {
     color: #0096D6;
     text-decoration: none; }
+  .grommetux-form-field__contents > input:not([type]),
   .grommetux-form-field__contents > input[type=text],
   .grommetux-form-field__contents > input[type=range],
   .grommetux-form-field__contents > input[type=email],
@@ -4995,7 +4999,9 @@ _::-webkit-:not(:root:root),
     font-size: 1rem;
     line-height: 1.5;
     padding-left: 22px; }
-    .grommetux-background-color-index--dark .grommetux-form-field__contents > input[type=text], .grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-form-field__contents > input[type=text], .grommetux-background-color-index--dark
+    .grommetux-background-color-index--dark .grommetux-form-field__contents > input:not([type]), .grommetux-background-color-index--light .grommetux-background-color-index--dark .grommetux-form-field__contents > input:not([type]), .grommetux-background-color-index--dark
+    .grommetux-form-field__contents > input[type=text], .grommetux-background-color-index--light .grommetux-background-color-index--dark
+    .grommetux-form-field__contents > input[type=text], .grommetux-background-color-index--dark
     .grommetux-form-field__contents > input[type=range], .grommetux-background-color-index--light .grommetux-background-color-index--dark
     .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
@@ -5025,7 +5031,9 @@ _::-webkit-:not(:root:root),
     .grommetux-form-field__contents > textarea, .grommetux-background-color-index--light .grommetux-background-color-index--dark
     .grommetux-form-field__contents > textarea {
       color: #fff; }
-    .grommetux-background-color-index--light .grommetux-form-field__contents > input[type=text], .grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-form-field__contents > input[type=text], .grommetux-background-color-index--light
+    .grommetux-background-color-index--light .grommetux-form-field__contents > input:not([type]), .grommetux-background-color-index--dark .grommetux-background-color-index--light .grommetux-form-field__contents > input:not([type]), .grommetux-background-color-index--light
+    .grommetux-form-field__contents > input[type=text], .grommetux-background-color-index--dark .grommetux-background-color-index--light
+    .grommetux-form-field__contents > input[type=text], .grommetux-background-color-index--light
     .grommetux-form-field__contents > input[type=range], .grommetux-background-color-index--dark .grommetux-background-color-index--light
     .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
@@ -5061,6 +5069,7 @@ _::-webkit-:not(:root:root),
   .grommetux-form-field__contents > .grommetux-select input,
   .grommetux-form-field__contents > .grommetux-password-input input {
     padding-left: 24px; }
+  .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=password],
@@ -5070,6 +5079,7 @@ _::-webkit-:not(:root:root),
   .grommetux-form-field__contents > select,
   .grommetux-form-field__contents > textarea {
     padding: 0 24px; }
+    .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=password]:focus,
@@ -5079,6 +5089,7 @@ _::-webkit-:not(:root:root),
     .grommetux-form-field__contents > select:focus,
     .grommetux-form-field__contents > textarea:focus {
       padding: 0 24px; }
+  .grommetux-form-field__contents > input:not([type]),
   .grommetux-form-field__contents > input[type=text],
   .grommetux-form-field__contents > input[type=range],
   .grommetux-form-field__contents > input[type=email],
@@ -5095,6 +5106,7 @@ _::-webkit-:not(:root:root),
   .grommetux-form-field__contents > .grommetux-password-input input {
     height: 36px; }
     @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+      .grommetux-form-field__contents > input:not([type]),
       .grommetux-form-field__contents > input[type=text],
       .grommetux-form-field__contents > input[type=range],
       .grommetux-form-field__contents > input[type=email],
@@ -5298,10 +5310,12 @@ _::-webkit-:not(:root:root),
 
 .grommetux-form-field--size-large {
   font-size: 24px; }
+  .grommetux-form-field--size-large input:not([type]),
   .grommetux-form-field--size-large input[type="text"] {
     font-size: 24px;
     height: auto; }
 
+.grommetux-form-field--strong input:not([type]),
 .grommetux-form-field--strong input[type="text"] {
   font-weight: 600; }
 
@@ -8799,6 +8813,8 @@ section:not(.grommetux-section) {
   top: 50%;
   transform: translateY(-50%);
   right: 6px; }
+  .grommetux-select__control svg {
+    background-color: #fff; }
 
 .grommetux-select__search {
   width: 100%; }
@@ -10314,6 +10330,15 @@ section:not(.grommetux-section) {
 .grommetux-world-map {
   width: 100%; }
 
+.grommetux-world-map__container {
+  position: relative;
+  width: 100%; }
+
+.grommetux-world-map__flag {
+  position: absolute;
+  top: 0px;
+  left: 0px; }
+
 .grommetux-world-map__continent,
 .grommetux-world-map__place {
   stroke-linecap: round;

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