4.0.0-beta.12 release

Author: nolimits4web

packages/core/components/button/button-vars.less

@@ -4,13 +4,12 @@
   --f7-button-bg-color: transparent;
   --f7-button-border-width: 0px;
   /*
-  --f7-button-border-color: var(--f7-theme-color);
   --f7-button-text-color: var(--f7-theme-color);
-  */
-  --f7-button-fill-text-color: #fff;
-  /*
   --f7-button-pressed-text-color: var(--f7-button-text-color, var(--f7-theme-color));
+  --f7-button-border-color: var(--f7-theme-color);
+  --f7-button-fill-text-color: #fff;
   --f7-button-fill-bg-color: var(--f7-theme-color);
+  --f7-button-outline-border-color: var(--f7-button-border-color, var(--f7-theme-color);
   */
   --f7-button-raised-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
   --f7-button-raised-pressed-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);

packages/core/components/button/button.less

@@ -65,7 +65,7 @@ button {
 .button-active,
 .button.tab-link-active {
   --f7-button-bg-color: var(--f7-button-fill-bg-color, var(--f7-theme-color));
-  --f7-button-text-color: var(--f7-button-fill-text-color);
+  --f7-button-text-color: var(--f7-button-fill-text-color, #fff);
   --f7-touch-ripple-color: var(--f7-touch-ripple-white);
 }
 .button-fill,
@@ -82,6 +82,7 @@ button {
 .ios .button-outline-ios,
 .md .button-outline-md {
   --f7-button-border-width: var(--f7-button-outline-border-width);
+  --f7-button-border-color: var(--f7-button-outline-border-color, var(--f7-button-border-color, var(--f7-theme-color)));
 }
 
 .button-large,
@@ -176,7 +177,8 @@ button {
 .segmented-raised,
 .ios .segmented-raised-ios,
 .md .segmented-raised-md {
-  .button {
+  box-shadow: var(--f7-button-raised-box-shadow);
+  .button:not(.button-outline) {
     .ltr({
       border-left: 1px solid var(--f7-segmented-raised-divider-color);
     });
@@ -189,10 +191,7 @@ button {
 // Raised
 .button-raised,
 .ios .button-raised-ios,
-.md .button-raised-md,
-.segmented-raised,
-.ios .segmented-raised-ios,
-.md .segmented-raised-md {
+.md .button-raised-md {
   --f7-button-box-shadow: var(--f7-button-raised-box-shadow);
 }
 .button-raised,

packages/core/components/input.css

@@ -1,7 +1,7 @@
 :root {
   --f7-label-font-size: 12px;
   --f7-label-font-weight: 400;
-  --f7-label-line-height: 1.08;
+  --f7-label-line-height: 1.2;
   --f7-input-error-text-color: #ff3b30;
   --f7-input-error-font-size: 12px;
   --f7-input-error-line-height: 1.4;