📦 v1.2.0

Esri · Dec 10, 2018 · 3b73cff · 3b73cff
1 parent 2131045
commit 3b73cff
Show file tree

Hide file tree

Showing 22 changed files with 328 additions and 48 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,4 +1,4 @@
-## Unreleased
+## [1.2.0]
 
 ### Added
 - `radio-group` component (#762)
@@ -1400,6 +1400,7 @@ Begin foundational sass for the framework.
 - CSS Reset
 - Grunt Workflows
 
+[1.2.0]: https://github.com/esri/calcite-web/compare/v1.1.0...v1.2.0
 [1.1.0]: https://github.com/esri/calcite-web/compare/v1.0.3...v1.1.0
 [1.0.3]: https://github.com/esri/calcite-web/compare/v1.0.2...v1.0.3
 [1.0.2]: https://github.com/esri/calcite-web/compare/v1.0.1...v1.0.2

diff --git a/dist/css/calcite-web-dark.css b/dist/css/calcite-web-dark.css
@@ -1,6 +1,6 @@
 /*!
  * Calcite Web - Calcite Design Components in CSS, JS and HTML
- * @version v1.1.0
+ * @version v1.2.0
  * @license Apache-2.0
  * @copyright 2018 Esri
  * @link https://github.com/Esri/calcite-web
@@ -4438,6 +4438,11 @@ textarea {
   background-position: right center;
   background-repeat: no-repeat; }
 
+html[dir="rtl"] .input-error, html[dir="rtl"] .input-success {
+  padding-left: 24px;
+  padding-right: 0.3rem;
+  background-position: left center; }
+
 .input-error-message {
   font-size: 0.875rem;
   line-height: 1.5;
@@ -4468,6 +4473,9 @@ textarea {
     pointer-events: none;
     border: 8px solid transparent;
     border-bottom-color: #853218; }
+  html[dir="rtl"] .input-error-message:after, html[dir="rtl"] .input-error-message:before {
+    left: unset;
+    right: 11px; }
   .input-error-message.is-active, .input-error-message.is-active:before, .input-error-message.is-active:after {
     display: inline-block; }
 
@@ -4672,6 +4680,59 @@ input.input-group-input,
   width: 100%;
   vertical-align: middle; }
 
+.radio-group {
+  border: none;
+  padding: 0;
+  margin-bottom: 1.5rem;
+  font-size: 0.9375rem;
+  line-height: 1.5; }
+  .radio-group:after {
+    content: '';
+    display: table;
+    clear: both; }
+
+.radio-group-title {
+  font-size: 1rem;
+  line-height: 1.5;
+  margin-bottom: 0; }
+
+.radio-group-input {
+  opacity: 0;
+  position: absolute; }
+  .radio-group-input:checked + .radio-group-label {
+    background-color: #1a4866;
+    border: 1px solid #2493f2;
+    margin-right: 0;
+    margin-left: 0; }
+  .radio-group-input:checked + .radio-group-label + .radio-group-input + .radio-group-label {
+    border-left: none; }
+    html[dir="rtl"] .radio-group-input:checked + .radio-group-label + .radio-group-input + .radio-group-label {
+      border-right: none;
+      border-left: 1px solid #5c5c5c; }
+
+.radio-group-label {
+  display: inline-block;
+  float: left;
+  background-color: #000000;
+  color: #d1d1d1;
+  cursor: pointer;
+  text-align: center;
+  text-shadow: none;
+  padding: 0.5rem 1rem;
+  line-height: 1.25;
+  margin-top: .25rem;
+  margin-right: -1px;
+  margin-bottom: 0;
+  border: 1px solid #5c5c5c;
+  box-sizing: border-box;
+  height: 2.25rem;
+  -webkit-transition: background 0.1s ease-in-out, border-color 0.1s ease-in-out;
+  transition: background 0.1s ease-in-out, border-color 0.1s ease-in-out; }
+  html[dir="rtl"] .radio-group-label {
+    float: right;
+    margin-left: -1px;
+    margin-right: 0; }
+
 .loader-bars:before, .loader-bars:after, .loader-bars {
   background: #2493f2;
   -webkit-animation: load 0.8s infinite ease-in-out;
@@ -4737,17 +4798,16 @@ input.input-group-input,
   opacity: 0;
   float: left;
   pointer-events: none;
-  margin: 0 0 0 1rem;
+  margin: 4px;
+  padding: 1rem;
   position: absolute;
-  z-index: 10;
-  background-color: transparent;
+  background-color: rgba(255, 255, 255, 0.7);
+  color: #000000;
   -webkit-transition: 150ms linear;
   transition: 150ms linear; }
   .skip-to-content:focus {
     opacity: 1;
-    -webkit-transition: 150ms linear;
-    transition: 150ms linear;
-    background-color: #000000; }
+    z-index: 999; }
 
 .card {
   display: -webkit-box;

diff --git a/dist/css/calcite-web-dark.min.css b/dist/css/calcite-web-dark.min.css
diff --git a/dist/css/calcite-web-e-commerce.css b/dist/css/calcite-web-e-commerce.css
@@ -1,6 +1,6 @@
 /*!
  * Calcite Web - Calcite Design Components in CSS, JS and HTML
- * @version v1.1.0
+ * @version v1.2.0
  * @license Apache-2.0
  * @copyright 2018 Esri
  * @link https://github.com/Esri/calcite-web

diff --git a/dist/css/calcite-web-e-commerce.min.css b/dist/css/calcite-web-e-commerce.min.css
diff --git a/dist/css/calcite-web-marketing.css b/dist/css/calcite-web-marketing.css
@@ -1,6 +1,6 @@
 /*!
  * Calcite Web - Calcite Design Components in CSS, JS and HTML
- * @version v1.1.0
+ * @version v1.2.0
  * @license Apache-2.0
  * @copyright 2018 Esri
  * @link https://github.com/Esri/calcite-web

diff --git a/dist/css/calcite-web-marketing.min.css b/dist/css/calcite-web-marketing.min.css
diff --git a/dist/css/calcite-web-no-fonts.css b/dist/css/calcite-web-no-fonts.css
@@ -1,6 +1,6 @@
 /*!
  * Calcite Web - Calcite Design Components in CSS, JS and HTML
- * @version v1.1.0
+ * @version v1.2.0
  * @license Apache-2.0
  * @copyright 2018 Esri
  * @link https://github.com/Esri/calcite-web
@@ -4214,6 +4214,11 @@ textarea {
   background-position: right center;
   background-repeat: no-repeat; }
 
+html[dir="rtl"] .input-error, html[dir="rtl"] .input-success {
+  padding-left: 24px;
+  padding-right: 0.3rem;
+  background-position: left center; }
+
 .input-error-message {
   font-size: 0.875rem;
   line-height: 1.5;
@@ -4244,6 +4249,9 @@ textarea {
     pointer-events: none;
     border: 8px solid transparent;
     border-bottom-color: #e4a793; }
+  html[dir="rtl"] .input-error-message:after, html[dir="rtl"] .input-error-message:before {
+    left: unset;
+    right: 11px; }
   .input-error-message.is-active, .input-error-message.is-active:before, .input-error-message.is-active:after {
     display: inline-block; }
 
@@ -4448,6 +4456,59 @@ input.input-group-input,
   width: 100%;
   vertical-align: middle; }
 
+.radio-group {
+  border: none;
+  padding: 0;
+  margin-bottom: 1.5rem;
+  font-size: 0.9375rem;
+  line-height: 1.5; }
+  .radio-group:after {
+    content: '';
+    display: table;
+    clear: both; }
+
+.radio-group-title {
+  font-size: 1rem;
+  line-height: 1.5;
+  margin-bottom: 0; }
+
+.radio-group-input {
+  opacity: 0;
+  position: absolute; }
+  .radio-group-input:checked + .radio-group-label {
+    background-color: #d2e9f9;
+    border: 1px solid #0079c1;
+    margin-right: 0;
+    margin-left: 0; }
+  .radio-group-input:checked + .radio-group-label + .radio-group-input + .radio-group-label {
+    border-left: none; }
+    html[dir="rtl"] .radio-group-input:checked + .radio-group-label + .radio-group-input + .radio-group-label {
+      border-right: none;
+      border-left: 1px solid #cccccc; }
+
+.radio-group-label {
+  display: inline-block;
+  float: left;
+  background-color: #ffffff;
+  color: #323232;
+  cursor: pointer;
+  text-align: center;
+  text-shadow: none;
+  padding: 0.5rem 1rem;
+  line-height: 1.25;
+  margin-top: .25rem;
+  margin-right: -1px;
+  margin-bottom: 0;
+  border: 1px solid #cccccc;
+  box-sizing: border-box;
+  height: 2.25rem;
+  -webkit-transition: background 0.1s ease-in-out, border-color 0.1s ease-in-out;
+  transition: background 0.1s ease-in-out, border-color 0.1s ease-in-out; }
+  html[dir="rtl"] .radio-group-label {
+    float: right;
+    margin-left: -1px;
+    margin-right: 0; }
+
 .loader-bars:before, .loader-bars:after, .loader-bars {
   background: #0079c1;
   -webkit-animation: load 0.8s infinite ease-in-out;
@@ -4513,17 +4574,16 @@ input.input-group-input,
   opacity: 0;
   float: left;
   pointer-events: none;
-  margin: 0 0 0 1rem;
+  margin: 4px;
+  padding: 1rem;
   position: absolute;
-  z-index: 10;
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.75);
+  color: #ffffff;
   -webkit-transition: 150ms linear;
   transition: 150ms linear; }
   .skip-to-content:focus {
     opacity: 1;
-    -webkit-transition: 150ms linear;
-    transition: 150ms linear;
-    background-color: #ffffff; }
+    z-index: 999; }
 
 .card {
   display: -webkit-box;

diff --git a/dist/css/calcite-web-no-fonts.min.css b/dist/css/calcite-web-no-fonts.min.css
diff --git a/dist/css/calcite-web.css b/dist/css/calcite-web.css
@@ -1,6 +1,6 @@
 /*!
  * Calcite Web - Calcite Design Components in CSS, JS and HTML
- * @version v1.1.0
+ * @version v1.2.0
  * @license Apache-2.0
  * @copyright 2018 Esri
  * @link https://github.com/Esri/calcite-web
@@ -4438,6 +4438,11 @@ textarea {
   background-position: right center;
   background-repeat: no-repeat; }
 
+html[dir="rtl"] .input-error, html[dir="rtl"] .input-success {
+  padding-left: 24px;
+  padding-right: 0.3rem;
+  background-position: left center; }
+
 .input-error-message {
   font-size: 0.875rem;
   line-height: 1.5;
@@ -4468,6 +4473,9 @@ textarea {
     pointer-events: none;
     border: 8px solid transparent;
     border-bottom-color: #e4a793; }
+  html[dir="rtl"] .input-error-message:after, html[dir="rtl"] .input-error-message:before {
+    left: unset;
+    right: 11px; }
   .input-error-message.is-active, .input-error-message.is-active:before, .input-error-message.is-active:after {
     display: inline-block; }
 
@@ -4672,6 +4680,59 @@ input.input-group-input,
   width: 100%;
   vertical-align: middle; }
 
+.radio-group {
+  border: none;
+  padding: 0;
+  margin-bottom: 1.5rem;
+  font-size: 0.9375rem;
+  line-height: 1.5; }
+  .radio-group:after {
+    content: '';
+    display: table;
+    clear: both; }
+
+.radio-group-title {
+  font-size: 1rem;
+  line-height: 1.5;
+  margin-bottom: 0; }
+
+.radio-group-input {
+  opacity: 0;
+  position: absolute; }
+  .radio-group-input:checked + .radio-group-label {
+    background-color: #d2e9f9;
+    border: 1px solid #0079c1;
+    margin-right: 0;
+    margin-left: 0; }
+  .radio-group-input:checked + .radio-group-label + .radio-group-input + .radio-group-label {
+    border-left: none; }
+    html[dir="rtl"] .radio-group-input:checked + .radio-group-label + .radio-group-input + .radio-group-label {
+      border-right: none;
+      border-left: 1px solid #cccccc; }
+
+.radio-group-label {
+  display: inline-block;
+  float: left;
+  background-color: #ffffff;
+  color: #323232;
+  cursor: pointer;
+  text-align: center;
+  text-shadow: none;
+  padding: 0.5rem 1rem;
+  line-height: 1.25;
+  margin-top: .25rem;
+  margin-right: -1px;
+  margin-bottom: 0;
+  border: 1px solid #cccccc;
+  box-sizing: border-box;
+  height: 2.25rem;
+  -webkit-transition: background 0.1s ease-in-out, border-color 0.1s ease-in-out;
+  transition: background 0.1s ease-in-out, border-color 0.1s ease-in-out; }
+  html[dir="rtl"] .radio-group-label {
+    float: right;
+    margin-left: -1px;
+    margin-right: 0; }
+
 .loader-bars:before, .loader-bars:after, .loader-bars {
   background: #0079c1;
   -webkit-animation: load 0.8s infinite ease-in-out;
@@ -4737,17 +4798,16 @@ input.input-group-input,
   opacity: 0;
   float: left;
   pointer-events: none;
-  margin: 0 0 0 1rem;
+  margin: 4px;
+  padding: 1rem;
   position: absolute;
-  z-index: 10;
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.75);
+  color: #ffffff;
   -webkit-transition: 150ms linear;
   transition: 150ms linear; }
   .skip-to-content:focus {
     opacity: 1;
-    -webkit-transition: 150ms linear;
-    transition: 150ms linear;
-    background-color: #ffffff; }
+    z-index: 999; }
 
 .card {
   display: -webkit-box;

diff --git a/dist/css/calcite-web.min.css b/dist/css/calcite-web.min.css
diff --git a/dist/js/calcite-web-marketing.js b/dist/js/calcite-web-marketing.js
@@ -1,6 +1,6 @@
 /*!
  * Calcite Web - Calcite Design Components in CSS, JS and HTML
- * @version v1.1.0
+ * @version v1.2.0
  * @license Apache-2.0
  * @copyright 2018 Esri
  * @link https://github.com/Esri/calcite-web