amis 1.4.0 → 1.4.1

package/schema.json

@@ -3149,7 +3149,8 @@
           "type": "string",
           "enum": [
             "text",
-            "dot"
+            "dot",
+            "ribbon"
           ],
           "description": "角标类型"
         },
@@ -3794,6 +3795,10 @@
           "$ref": "#/definitions/SchemaClassName",
           "description": "右侧 icon 上的 css 类名"
         },
+        "loadingClassName": {
+          "$ref": "#/definitions/SchemaClassName",
+          "description": "loading 上的css 类名"
+        },
         "label": {
           "type": "string",
           "description": "按钮文字"
@@ -3891,6 +3896,10 @@
           "type": "string",
           "description": "键盘快捷键"
         },
+        "loadingOn": {
+          "type": "string",
+          "description": "是否显示loading效果"
+        },
         "actionType": {
           "type": "string",
           "const": "ajax",
@@ -4248,6 +4257,10 @@
           "$ref": "#/definitions/SchemaClassName",
           "description": "右侧 icon 上的 css 类名"
         },
+        "loadingClassName": {
+          "$ref": "#/definitions/SchemaClassName",
+          "description": "loading 上的css 类名"
+        },
         "label": {
           "type": "string",
           "description": "按钮文字"
@@ -4345,6 +4358,10 @@
           "type": "string",
           "description": "键盘快捷键"
         },
+        "loadingOn": {
+          "type": "string",
+          "description": "是否显示loading效果"
+        },
         "actionType": {
           "type": "string",
           "const": "url",
@@ -4434,6 +4451,10 @@
           "$ref": "#/definitions/SchemaClassName",
           "description": "右侧 icon 上的 css 类名"
         },
+        "loadingClassName": {
+          "$ref": "#/definitions/SchemaClassName",
+          "description": "loading 上的css 类名"
+        },
         "label": {
           "type": "string",
           "description": "按钮文字"
@@ -4531,6 +4552,10 @@
           "type": "string",
           "description": "键盘快捷键"
         },
+        "loadingOn": {
+          "type": "string",
+          "description": "是否显示loading效果"
+        },
         "actionType": {
           "type": "string",
           "const": "link",
@@ -4616,6 +4641,10 @@
           "$ref": "#/definitions/SchemaClassName",
           "description": "右侧 icon 上的 css 类名"
         },
+        "loadingClassName": {
+          "$ref": "#/definitions/SchemaClassName",
+          "description": "loading 上的css 类名"
+        },
         "label": {
           "type": "string",
           "description": "按钮文字"
@@ -4713,6 +4742,10 @@
           "type": "string",
           "description": "键盘快捷键"
         },
+        "loadingOn": {
+          "type": "string",
+          "description": "是否显示loading效果"
+        },
         "actionType": {
           "type": "string",
           "const": "dialog",
@@ -4909,6 +4942,10 @@
           "$ref": "#/definitions/SchemaClassName",
           "description": "右侧 icon 上的 css 类名"
         },
+        "loadingClassName": {
+          "$ref": "#/definitions/SchemaClassName",
+          "description": "loading 上的css 类名"
+        },
         "label": {
           "type": "string",
           "description": "按钮文字"
@@ -5006,6 +5043,10 @@
           "type": "string",
           "description": "键盘快捷键"
         },
+        "loadingOn": {
+          "type": "string",
+          "description": "是否显示loading效果"
+        },
         "actionType": {
           "type": "string",
           "const": "drawer",
@@ -5214,6 +5255,10 @@
           "$ref": "#/definitions/SchemaClassName",
           "description": "右侧 icon 上的 css 类名"
         },
+        "loadingClassName": {
+          "$ref": "#/definitions/SchemaClassName",
+          "description": "loading 上的css 类名"
+        },
         "label": {
           "type": "string",
           "description": "按钮文字"
@@ -5311,6 +5356,10 @@
           "type": "string",
           "description": "键盘快捷键"
         },
+        "loadingOn": {
+          "type": "string",
+          "description": "是否显示loading效果"
+        },
         "actionType": {
           "type": "string",
           "const": "copy",
@@ -5396,6 +5445,10 @@
           "$ref": "#/definitions/SchemaClassName",
           "description": "右侧 icon 上的 css 类名"
         },
+        "loadingClassName": {
+          "$ref": "#/definitions/SchemaClassName",
+          "description": "loading 上的css 类名"
+        },
         "label": {
           "type": "string",
           "description": "按钮文字"
@@ -5493,6 +5546,10 @@
           "type": "string",
           "description": "键盘快捷键"
         },
+        "loadingOn": {
+          "type": "string",
+          "description": "是否显示loading效果"
+        },
         "actionType": {
           "type": "string",
           "const": "reload",
@@ -5573,6 +5630,10 @@
           "$ref": "#/definitions/SchemaClassName",
           "description": "右侧 icon 上的 css 类名"
         },
+        "loadingClassName": {
+          "$ref": "#/definitions/SchemaClassName",
+          "description": "loading 上的css 类名"
+        },
         "label": {
           "type": "string",
           "description": "按钮文字"
@@ -5670,6 +5731,10 @@
           "type": "string",
           "description": "键盘快捷键"
         },
+        "loadingOn": {
+          "type": "string",
+          "description": "是否显示loading效果"
+        },
         "actionType": {
           "type": "string",
           "const": "email",
@@ -5771,6 +5836,10 @@
           "$ref": "#/definitions/SchemaClassName",
           "description": "右侧 icon 上的 css 类名"
         },
+        "loadingClassName": {
+          "$ref": "#/definitions/SchemaClassName",
+          "description": "loading 上的css 类名"
+        },
         "label": {
           "type": "string",
           "description": "按钮文字"
@@ -5868,6 +5937,10 @@
           "type": "string",
           "description": "键盘快捷键"
         },
+        "loadingOn": {
+          "type": "string",
+          "description": "是否显示loading效果"
+        },
         "actionType": {
           "type": "string",
           "enum": [
@@ -5956,6 +6029,10 @@
           "$ref": "#/definitions/SchemaClassName",
           "description": "右侧 icon 上的 css 类名"
         },
+        "loadingClassName": {
+          "$ref": "#/definitions/SchemaClassName",
+          "description": "loading 上的css 类名"
+        },
         "label": {
           "type": "string",
           "description": "按钮文字"
@@ -6053,6 +6130,10 @@
           "type": "string",
           "description": "键盘快捷键"
         },
+        "loadingOn": {
+          "type": "string",
+          "description": "是否显示loading效果"
+        },
         "actionType": {
           "type": "string"
         }
@@ -10139,6 +10220,10 @@
             "hover"
           ],
           "description": "触发条件，默认是 click"
+        },
+        "hideCaret": {
+          "type": "boolean",
+          "description": "是否显示下拉按钮"
         }
       },
       "required": [
@@ -11526,6 +11611,22 @@
         "stacked": {
           "type": "boolean",
           "description": "true 为垂直排列，false 为水平排列类似如 tabs。"
+        },
+        "itemActions": {
+          "$ref": "#/definitions/SchemaCollection",
+          "description": "更多操作菜单列表"
+        },
+        "draggable": {
+          "type": "boolean",
+          "description": "可拖拽"
+        },
+        "saveOrderApi": {
+          "$ref": "#/definitions/SchemaApi",
+          "description": "保存排序的 api"
+        },
+        "badge": {
+          "$ref": "#/definitions/BadgeSchema",
+          "description": "角标"
         }
       },
       "required": [
@@ -11609,6 +11710,10 @@
           "items": {
             "$ref": "#/definitions/NavItemSchema"
           }
+        },
+        "badge": {
+          "$ref": "#/definitions/BadgeSchema",
+          "description": "角标"
         }
       }
     },
@@ -33897,6 +34002,10 @@
                   "$ref": "#/definitions/SchemaClassName",
                   "description": "右侧 icon 上的 css 类名"
                 },
+                "loadingClassName": {
+                  "$ref": "#/definitions/SchemaClassName",
+                  "description": "loading 上的css 类名"
+                },
                 "label": {
                   "type": "string"
                 },
@@ -33993,6 +34102,10 @@
                   "type": "string",
                   "description": "键盘快捷键"
                 },
+                "loadingOn": {
+                  "type": "string",
+                  "description": "是否显示loading效果"
+                },
                 "actionType": {
                   "type": "string",
                   "const": "ajax",
@@ -34095,6 +34208,10 @@
                   "$ref": "#/definitions/SchemaClassName",
                   "description": "右侧 icon 上的 css 类名"
                 },
+                "loadingClassName": {
+                  "$ref": "#/definitions/SchemaClassName",
+                  "description": "loading 上的css 类名"
+                },
                 "label": {
                   "type": "string"
                 },
@@ -34191,6 +34308,10 @@
                   "type": "string",
                   "description": "键盘快捷键"
                 },
+                "loadingOn": {
+                  "type": "string",
+                  "description": "是否显示loading效果"
+                },
                 "actionType": {
                   "type": "string",
                   "const": "url",
@@ -34285,6 +34406,10 @@
                   "$ref": "#/definitions/SchemaClassName",
                   "description": "右侧 icon 上的 css 类名"
                 },
+                "loadingClassName": {
+                  "$ref": "#/definitions/SchemaClassName",
+                  "description": "loading 上的css 类名"
+                },
                 "label": {
                   "type": "string"
                 },
@@ -34381,6 +34506,10 @@
                   "type": "string",
                   "description": "键盘快捷键"
                 },
+                "loadingOn": {
+                  "type": "string",
+                  "description": "是否显示loading效果"
+                },
                 "actionType": {
                   "type": "string",
                   "const": "link",
@@ -34471,6 +34600,10 @@
                   "$ref": "#/definitions/SchemaClassName",
                   "description": "右侧 icon 上的 css 类名"
                 },
+                "loadingClassName": {
+                  "$ref": "#/definitions/SchemaClassName",
+                  "description": "loading 上的css 类名"
+                },
                 "label": {
                   "type": "string"
                 },
@@ -34567,6 +34700,10 @@
                   "type": "string",
                   "description": "键盘快捷键"
                 },
+                "loadingOn": {
+                  "type": "string",
+                  "description": "是否显示loading效果"
+                },
                 "actionType": {
                   "type": "string",
                   "const": "dialog",
@@ -34667,6 +34804,10 @@
                   "$ref": "#/definitions/SchemaClassName",
                   "description": "右侧 icon 上的 css 类名"
                 },
+                "loadingClassName": {
+                  "$ref": "#/definitions/SchemaClassName",
+                  "description": "loading 上的css 类名"
+                },
                 "label": {
                   "type": "string"
                 },
@@ -34763,6 +34904,10 @@
                   "type": "string",
                   "description": "键盘快捷键"
                 },
+                "loadingOn": {
+                  "type": "string",
+                  "description": "是否显示loading效果"
+                },
                 "actionType": {
                   "type": "string",
                   "const": "drawer",
@@ -34863,6 +35008,10 @@
                   "$ref": "#/definitions/SchemaClassName",
                   "description": "右侧 icon 上的 css 类名"
                 },
+                "loadingClassName": {
+                  "$ref": "#/definitions/SchemaClassName",
+                  "description": "loading 上的css 类名"
+                },
                 "label": {
                   "type": "string"
                 },
@@ -34959,6 +35108,10 @@
                   "type": "string",
                   "description": "键盘快捷键"
                 },
+                "loadingOn": {
+                  "type": "string",
+                  "description": "是否显示loading效果"
+                },
                 "actionType": {
                   "type": "string",
                   "const": "copy",
@@ -35049,6 +35202,10 @@
                   "$ref": "#/definitions/SchemaClassName",
                   "description": "右侧 icon 上的 css 类名"
                 },
+                "loadingClassName": {
+                  "$ref": "#/definitions/SchemaClassName",
+                  "description": "loading 上的css 类名"
+                },
                 "label": {
                   "type": "string"
                 },
@@ -35145,6 +35302,10 @@
                   "type": "string",
                   "description": "键盘快捷键"
                 },
+                "loadingOn": {
+                  "type": "string",
+                  "description": "是否显示loading效果"
+                },
                 "actionType": {
                   "type": "string",
                   "const": "reload",
@@ -35230,6 +35391,10 @@
                   "$ref": "#/definitions/SchemaClassName",
                   "description": "右侧 icon 上的 css 类名"
                 },
+                "loadingClassName": {
+                  "$ref": "#/definitions/SchemaClassName",
+                  "description": "loading 上的css 类名"
+                },
                 "label": {
                   "type": "string"
                 },
@@ -35326,6 +35491,10 @@
                   "type": "string",
                   "description": "键盘快捷键"
                 },
+                "loadingOn": {
+                  "type": "string",
+                  "description": "是否显示loading效果"
+                },
                 "actionType": {
                   "type": "string",
                   "const": "email",
@@ -35431,6 +35600,10 @@
                   "$ref": "#/definitions/SchemaClassName",
                   "description": "右侧 icon 上的 css 类名"
                 },
+                "loadingClassName": {
+                  "$ref": "#/definitions/SchemaClassName",
+                  "description": "loading 上的css 类名"
+                },
                 "label": {
                   "type": "string"
                 },
@@ -35527,6 +35700,10 @@
                   "type": "string",
                   "description": "键盘快捷键"
                 },
+                "loadingOn": {
+                  "type": "string",
+                  "description": "是否显示loading效果"
+                },
                 "actionType": {
                   "type": "string",
                   "enum": [
@@ -35621,6 +35798,10 @@
                   "$ref": "#/definitions/SchemaClassName",
                   "description": "右侧 icon 上的 css 类名"
                 },
+                "loadingClassName": {
+                  "$ref": "#/definitions/SchemaClassName",
+                  "description": "loading 上的css 类名"
+                },
                 "label": {
                   "type": "string"
                 },
@@ -35717,6 +35898,10 @@
                   "type": "string",
                   "description": "键盘快捷键"
                 },
+                "loadingOn": {
+                  "type": "string",
+                  "description": "是否显示loading效果"
+                },
                 "actionType": {
                   "type": "string"
                 },
@@ -37709,7 +37894,7 @@
           "$ref": "#/definitions/DropdownButtonSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|block|btnClassName|buttons|label|level|closeOnOutside|closeOnClick|size|align|iconOnly|trigger|labelClassName|name|popOver|quickEdit|copyable)$": {}
+            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|block|btnClassName|buttons|label|level|closeOnOutside|closeOnClick|size|align|iconOnly|trigger|hideCaret|labelClassName|name|popOver|quickEdit|copyable)$": {}
           }
         },
         {
@@ -37800,7 +37985,7 @@
           "$ref": "#/definitions/NavSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|links|indentSize|source|deferApi|stacked|label|labelClassName|name|popOver|quickEdit|copyable)$": {}
+            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|links|indentSize|source|deferApi|stacked|itemActions|draggable|saveOrderApi|badge|label|labelClassName|name|popOver|quickEdit|copyable)$": {}
           }
         },
         {
@@ -38468,7 +38653,7 @@
           "$ref": "#/definitions/DropdownButtonSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|block|btnClassName|buttons|label|level|closeOnOutside|closeOnClick|size|align|iconOnly|trigger|labelClassName|name|popOver|quickEdit|copyable)$": {}
+            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|block|btnClassName|buttons|label|level|closeOnOutside|closeOnClick|size|align|iconOnly|trigger|hideCaret|labelClassName|name|popOver|quickEdit|copyable)$": {}
           }
         },
         {
@@ -38559,7 +38744,7 @@
           "$ref": "#/definitions/NavSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|links|indentSize|source|deferApi|stacked|label|labelClassName|name|popOver|quickEdit|copyable)$": {}
+            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|links|indentSize|source|deferApi|stacked|itemActions|draggable|saveOrderApi|badge|label|labelClassName|name|popOver|quickEdit|copyable)$": {}
           }
         },
         {
@@ -39227,7 +39412,7 @@
           "$ref": "#/definitions/DropdownButtonSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|block|btnClassName|buttons|label|level|closeOnOutside|closeOnClick|size|align|iconOnly|trigger|fixed|name|popOver|quickEdit|quickEditOnUpdate|copyable|sortable|searchable|toggled|width|classNameExpr|labelClassName|filterable|breakpoint|remark|value|unique)$": {}
+            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|block|btnClassName|buttons|label|level|closeOnOutside|closeOnClick|size|align|iconOnly|trigger|hideCaret|fixed|name|popOver|quickEdit|quickEditOnUpdate|copyable|sortable|searchable|toggled|width|classNameExpr|labelClassName|filterable|breakpoint|remark|value|unique)$": {}
           }
         },
         {
@@ -39318,7 +39503,7 @@
           "$ref": "#/definitions/NavSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|links|indentSize|source|deferApi|stacked|label|fixed|name|popOver|quickEdit|quickEditOnUpdate|copyable|sortable|searchable|toggled|width|align|classNameExpr|labelClassName|filterable|breakpoint|remark|value|unique)$": {}
+            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|links|indentSize|source|deferApi|stacked|itemActions|draggable|saveOrderApi|badge|label|fixed|name|popOver|quickEdit|quickEditOnUpdate|copyable|sortable|searchable|toggled|width|align|classNameExpr|labelClassName|filterable|breakpoint|remark|value|unique)$": {}
           }
         },
         {
@@ -39986,7 +40171,7 @@
           "$ref": "#/definitions/DropdownButtonSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|block|btnClassName|buttons|label|level|closeOnOutside|closeOnClick|size|align|iconOnly|trigger|x|y|w|h|width|height|valign|gridClassName)$": {}
+            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|block|btnClassName|buttons|label|level|closeOnOutside|closeOnClick|size|align|iconOnly|trigger|hideCaret|x|y|w|h|width|height|valign|gridClassName)$": {}
           }
         },
         {
@@ -40077,7 +40262,7 @@
           "$ref": "#/definitions/NavSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|links|indentSize|source|deferApi|stacked|x|y|w|h|width|height|align|valign|gridClassName)$": {}
+            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|links|indentSize|source|deferApi|stacked|itemActions|draggable|saveOrderApi|badge|x|y|w|h|width|height|align|valign|gridClassName)$": {}
           }
         },
         {
@@ -40745,7 +40930,7 @@
           "$ref": "#/definitions/DropdownButtonSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|block|btnClassName|buttons|label|level|closeOnOutside|closeOnClick|size|align|iconOnly|trigger|rowClassName|cellClassName)$": {}
+            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|block|btnClassName|buttons|label|level|closeOnOutside|closeOnClick|size|align|iconOnly|trigger|hideCaret|rowClassName|cellClassName)$": {}
           }
         },
         {
@@ -40836,7 +41021,7 @@
           "$ref": "#/definitions/NavSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|links|indentSize|source|deferApi|stacked|rowClassName|cellClassName)$": {}
+            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|links|indentSize|source|deferApi|stacked|itemActions|draggable|saveOrderApi|badge|rowClassName|cellClassName)$": {}
           }
         },
         {
@@ -41504,7 +41689,7 @@
           "$ref": "#/definitions/DropdownButtonSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|block|btnClassName|buttons|label|level|closeOnOutside|closeOnClick|size|align|iconOnly|trigger|unique|columnClassName)$": {}
+            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|block|btnClassName|buttons|label|level|closeOnOutside|closeOnClick|size|align|iconOnly|trigger|hideCaret|unique|columnClassName)$": {}
           }
         },
         {
@@ -41595,7 +41780,7 @@
           "$ref": "#/definitions/NavSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|links|indentSize|source|deferApi|stacked|unique|columnClassName)$": {}
+            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|links|indentSize|source|deferApi|stacked|itemActions|draggable|saveOrderApi|badge|unique|columnClassName)$": {}
           }
         },
         {
@@ -42263,7 +42448,7 @@
           "$ref": "#/definitions/DropdownButtonSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|block|btnClassName|buttons|label|level|closeOnOutside|closeOnClick|size|align|iconOnly|trigger|columnClassName|columnRatio)$": {}
+            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|block|btnClassName|buttons|label|level|closeOnOutside|closeOnClick|size|align|iconOnly|trigger|hideCaret|columnClassName|columnRatio)$": {}
           }
         },
         {
@@ -42354,7 +42539,7 @@
           "$ref": "#/definitions/NavSchema",
           "additionalProperties": false,
           "patternProperties": {
-            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|links|indentSize|source|deferApi|stacked|columnClassName|columnRatio)$": {}
+            "^(type|className|$ref|disabled|disabledOn|hidden|hiddenOn|visible|visibleOn|links|indentSize|source|deferApi|stacked|itemActions|draggable|saveOrderApi|badge|columnClassName|columnRatio)$": {}
           }
         },
         {

package/scss/_mixins.scss

@@ -228,6 +228,17 @@
     margin-left: $padding-x;
   }
 
+  .#{$ns}Button--loading:first-child:not(:last-child):not(.pull-right),
+  > svg.icon:not(:last-child):not(.pull-right),
+  > .pull-left {
+    margin-right: $padding-x;
+  }
+
+  .#{$ns}Button--loading:last-child:not(:first-child):not(.pull-left),
+  > .pull-right {
+    margin-left: $padding-x;
+  }
+
   // img 需要加一下高度限制
   img.#{$ns}Button-icon {
     height: var(--Button-fontSize);
@@ -235,6 +246,19 @@
   }
 }
 
+@mixin button-loading-icon() {
+  transition: --Button-transition;
+  svg {
+    @include animation-svg(
+      var(--Button-animation-spin)
+    );
+  }
+}
+
+@mixin animation-svg($animation) {
+  animation: $animation;
+}
+
 @mixin button-variant(
   $background,
   $border: $background,
@@ -258,6 +282,11 @@
       background: $hover-background;
       border-color: $hover-border;
     }
+    @include hover-active {
+      color: $active-color;
+      background: $active-background;
+      border-color: $active-border;
+    }
   }
 
   // @include focus {