active_frontend 11.0.0 → 11.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 8befca8ae1d12ad6aac1f19870a4614fdd156163
-  data.tar.gz: 8e70ad1af67358fa0bad9679a027143bf1853b31
+  metadata.gz: 8466af290579948ee21196eecb1d625c434fdf9d
+  data.tar.gz: 716714b34b1a33c942bb0f0d075ef92940d0a3ce
 SHA512:
-  metadata.gz: cada06a1665504ea429d497c5c8df69567650739d59219cbc85720cf5ce315bc16997e6cb1d55ee00cd425c6174aeb962c7ea6952ea6ada6ff0e964527870504
-  data.tar.gz: 70ecef2423f77aaeb3f9f3ac1f33b8e5d9d1c24edaec86a439f6543be365782e269248a098260daf13734de508172bb3ce84d14641580b5b28f530f9864d4c89
+  metadata.gz: 620b4ba038da4e0492d76d4200a369076961d599f9c2edf451fc05d096bdb42defa8395b6eabb728803281b4eb5a810b2276844fe38031b992218f469b2606b3
+  data.tar.gz: 5ec06f5b439704a96e5be72a247437954cad68a3dad3e9478f9866743a027bdb3a20b7ca13ba979f2646cc3f021c5617790f7584577b5bcfb6aacb172736ae44

data/lib/active_frontend/version.rb

@@ -1,3 +1,3 @@
 module ActiveFrontend
-  VERSION = "11.0.0"
+  VERSION = "11.1.0"
 end

data/vendor/assets/stylesheets/_form.scss

@@ -3,6 +3,7 @@
 # Form
 # Components
 # Styles
+# Colors
 # Media Queries */
 
 /* # Form
@@ -11,7 +12,6 @@ fieldset { border: 0; }
 legend {
   border: 0;
   border-bottom: 1px solid $color-haze;
-  color: $color-black;
   display: block;
   font-size: 16px;
   font-weight: bold;
@@ -23,7 +23,6 @@ legend {
   width: 100%;
 }
 label {
-  color: $color-black;
   display: block;
   font-size: 13px;
   font-weight: bold;
@@ -51,7 +50,7 @@ input[type="color"] {
   border: 1px solid $color-haze;
   border-radius: 2px;
   box-sizing: border-box;
-  color: $color-black;
+  color: inherit;
   display: block;
   font-size: 16px;
   font-style: normal;
@@ -180,7 +179,7 @@ select[disabled] {
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
   margin: 0;
-  padding: 5px 10px;
+  padding: 7px 10px 5px 10px;
 }
 .form-error-messages > ul {
   border: 1px solid $color-haze;
@@ -249,6 +248,7 @@ select[disabled] {
   font-size: 16px;
   font-style: normal;
   font-weight: normal;
+  line-height: 1;
   padding: 0 13px;
 }
 .form-file-group-button {
@@ -257,7 +257,7 @@ select[disabled] {
   border-top-right-radius: 0;
   margin-right: -1px;
   padding-bottom: 14px;
-  padding-top: 15px;
+  padding-top: 14px;
 }
 .form-file-group-addon { padding: 0; }
 .form-input-group-addon:first-child,
@@ -346,10 +346,6 @@ select[disabled] {
   width: 41px;
 }
 .form-select > select { text-overflow: ""; }
-.form-select > select[disabled] {
-  background: $color-light-haze;
-  color: $color-gray;
-}
 .form-option {
   display: inline-block;
   margin-right: 5px;
@@ -527,6 +523,86 @@ select[disabled] {
 }
 .form-edge-small .form-select::before { width: 31px; }
 
+/* # Colors
+================================================== */
+.form-dark legend,
+.form-dark .form-header,
+.form-dark .form-error-messages > ul,
+.form-dark .form-file-group-button,
+.form-dark .form-footer, { border-color: $color-dark-black; }
+.form-dark textarea,
+.form-dark select,
+.form-dark input[type="text"],
+.form-dark input[type="password"],
+.form-dark input[type="datetime"],
+.form-dark input[type="datetime-local"],
+.form-dark input[type="date"],
+.form-dark input[type="month"],
+.form-dark input[type="time"],
+.form-dark input[type="week"],
+.form-dark input[type="number"],
+.form-dark input[type="email"],
+.form-dark input[type="url"],
+.form-dark input[type="search"],
+.form-dark input[type="tel"],
+.form-dark input[type="color"],
+.form-dark .form-error-messages > h4,
+.form-dark .form-input-group-addon,
+.form-dark .swoggle-off {
+  background: $color-light-black;
+  border-color: $color-dark-black;
+}
+.form-dark .form-error-messages,
+.form-dark input[disabled],
+.form-dark textarea[disabled],
+.form-dark select[disabled] { background: $color-black; }
+.form-dark .form-floating-label > label,
+.form-dark .form-select::after { color: $color-white; }
+.form-dark .form-checkbox,
+.form-dark .form-radio,
+.form-dark .slider-selection,
+.form-dark .slider-selection.tick-slider-selection,
+.form-dark .slider.slider-disabled .slider-handle { background: $color-dark-black; }
+.form-dark .form-checkbox > label,
+.form-dark .form-radio > label,
+.form-dark .slider-track,
+.form-dark .slider.slider-disabled .slider-track { background: $color-light-black; }
+.form-dark .swoggle-off { border-color: $color-light-black; }
+.form-light legend,
+.form-light .form-header,
+.form-light .form-error-messages > ul,
+.form-light .form-file-group-button,
+.form-light .form-footer,
+.form-light textarea,
+.form-light select,
+.form-light input[type="text"],
+.form-light input[type="password"],
+.form-light input[type="datetime"],
+.form-light input[type="datetime-local"],
+.form-light input[type="date"],
+.form-light input[type="month"],
+.form-light input[type="time"],
+.form-light input[type="week"],
+.form-light input[type="number"],
+.form-light input[type="email"],
+.form-light input[type="url"],
+.form-light input[type="search"],
+.form-light input[type="tel"],
+.form-light input[type="color"],
+.form-light .form-error-messages > h4,
+.form-light .form-input-group-addon { border-color: $color-dark-haze; }
+.form-light input[disabled],
+.form-light textarea[disabled],
+.form-light select[disabled],
+.form-light .swoggle-off { background: $color-haze; }
+.form-light .form-checkbox,
+.form-light .form-radio,
+.form-light .slider-selection,
+.form-light .slider-selection.tick-slider-selection,
+.form-light .slider.slider-disabled .slider-handle { background: $color-dark-haze; }
+.form-light .slider-track,
+.form-light .slider.slider-disabled .slider-track { background: $color-white; }
+
 /* # Media Queries
 ================================================== */
 @media

data/vendor/assets/stylesheets/_nav_and_tab.scss

@@ -2,6 +2,7 @@
 ==================================================
 # Nav
 # Tab
+# Colors
 # Media Queries */
 
 /* # Nav
@@ -21,12 +22,6 @@
   font-weight: bold;
   line-height: 1;
 }
-.nav > li > a:hover,
-.nav > li > a:active,
-.nav > li > a:focus {
-  color: $color-dark-gray;
-  text-decoration: none;
-}
 .nav-header {
   background: $color-primary;
   border-top-right-radius: 2px;
@@ -50,7 +45,6 @@
   margin-right: -15px;
 }
 .nav-list > li > a {
-  color: $color-dark-gray;
   font-weight: bold;
   padding: 13px 15px 11px 15px;
 }
@@ -194,6 +188,65 @@
 }
 .tabs-right > .nav-tabs > li > a { border-radius: 0 2px 2px 0; }
 
+/* # Colors
+================================================== */
+.nav-dark > li > a,
+.nav-dark.nav-pills > li > a,
+.nav-dark.nav-tabs.nav-stacked > li > a,
+.nav-dark.nav-tabs .open .dropdown-toggle,
+.nav-dark.nav-pills .open .dropdown-toggle,
+.nav-dark > li.dropdown.open.active > a:hover,
+.nav-dark > li.dropdown.open.active > a:active,
+.nav-dark > li.dropdown.open.active > a:focus { color: $color-white; }
+.nav-dark.nav-list > li > a:hover,
+.nav-dark.nav-list > li > a:focus,
+.nav-dark.nav-list > li > a:active,
+.nav-dark.nav-list > .active > a,
+.nav-dark.nav-list > .active > a:hover,
+.nav-dark.nav-list > .active > a:active,
+.nav-dark.nav-list > .active > a:focus,
+.nav-dark.nav-pills > li > a,
+.nav-dark.nav-tabs.nav-stacked > li > a,
+.nav-dark.nav-tabs .open .dropdown-toggle,
+.nav-dark.nav-pills .open .dropdown-toggle,
+.nav-dark > li.dropdown.open.active > a:hover,
+.nav-dark > li.dropdown.open.active > a:active,
+.nav-dark > li.dropdown.open.active > a:focus  { background: $color-light-black; }
+.nav-dark.nav-tabs { border-bottom-color: $color-dark-black; }
+.nav-dark.nav-tabs > li > a:hover,
+.nav-dark.nav-tabs > li > a:active,
+.nav-dark.nav-tabs > li > a:focus { border-bottom-color: $color-light-black; }
+.nav-dark.nav-list > .divider,
+.nav-dark.nav-pills > li > a:hover,
+.nav-dark.nav-pills > li > a:active,
+.nav-dark.nav-pills > li > a:focus,
+.nav-dark.nav-tabs.nav-stacked > li > a:hover,
+.nav-dark.nav-tabs.nav-stacked > li > a:focus { background: $color-dark-black; }
+.nav-light.nav-list > li > a:hover,
+.nav-light.nav-list > li > a:focus,
+.nav-light.nav-list > li > a:active,
+.nav-light.nav-list > .active > a,
+.nav-light.nav-list > .active > a:hover,
+.nav-light.nav-list > .active > a:active,
+.nav-light.nav-list > .active > a:focus,
+.nav-light.nav-pills > li > a,
+.nav-light.nav-tabs.nav-stacked > li > a,
+.nav-light.nav-tabs .open .dropdown-toggle,
+.nav-light.nav-pills .open .dropdown-toggle,
+.nav-light > li.dropdown.open.active > a:hover,
+.nav-light > li.dropdown.open.active > a:active,
+.nav-light > li.dropdown.open.active > a:focus,
+.nav-light.nav-list > .divider,
+.nav-light.nav-pills > li > a:hover,
+.nav-light.nav-pills > li > a:active,
+.nav-light.nav-pills > li > a:focus,
+.nav-light.nav-tabs.nav-stacked > li > a:hover,
+.nav-light.nav-tabs.nav-stacked > li > a:focus  { background: $color-dark-haze; }
+.nav-light.nav-tabs,
+.nav-light.nav-tabs > li > a:hover,
+.nav-light.nav-tabs > li > a:active,
+.nav-light.nav-tabs > li > a:focus { border-bottom-color: $color-dark-haze; }
+
 /* # Media Queries
 ================================================== */
 @media

data/vendor/assets/stylesheets/_table.scss

@@ -9,7 +9,7 @@
 /* # Table
 ================================================== */
 table {
-  background: $color-transparent;
+  background: $color-white;
   border-collapse: collapse;
   border-spacing: 0;
   max-width: 100%;
@@ -19,6 +19,7 @@ table {
 .table th,
 .table td {
   border-top: 1px solid $color-haze;
+  color: $color-black;
   font-size: 16px;
   line-height: 25px;
   padding: 9px 10px 6px 10px;
@@ -156,9 +157,6 @@ table {
 .table-light.table-striped tbody > tr:nth-child(odd) > th { background: $color-haze; }
 .table-light.table-hover tbody tr:hover > td,
 .table-light.table-hover tbody tr:hover > th { background: $color-dark-haze; }
-.table-white caption,
-.table-white th,
-.table-white td { background: $color-white; }
 
 /* # Media Queries
 ================================================== */

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: active_frontend
 version: !ruby/object:Gem::Version
-  version: 11.0.0
+  version: 11.1.0
 platform: ruby
 authors:
 - Juan Gomez