Update docs variables

diff --git a/docs/_data/variables/base/generic.json b/docs/_data/variables/base/generic.json
index e11b6a527f3dbf478c986b51c56a0f9ba1e84d21..c05cce27950776c573fc5217c7124f3a4b04a277 100644 (file)
--- a/docs/_data/variables/base/generic.json
+++ b/docs/_data/variables/base/generic.json
@@ -12,6 +12,11 @@
       "value": "16px",
       "type": "size"
     },
+    "$body-min-width": {
+      "name": "$body-min-width",
+      "value": "300px",
+      "type": "size"
+    },
     "$body-rendering": {
       "name": "$body-rendering",
       "value": "optimizeLegibility",
@@ -24,6 +29,16 @@
       "computed_type": "font-family",
       "computed_value": "BlinkMacSystemFont, -apple-system, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", sans-serif"
     },
+    "$body-overflow-x": {
+      "name": "$body-overflow-x",
+      "value": "hidden",
+      "type": "string"
+    },
+    "$body-overflow-y": {
+      "name": "$body-overflow-y",
+      "value": "scroll",
+      "type": "string"
+    },
     "$body-color": {
       "name": "$body-color",
       "value": "$text",
@@ -31,6 +46,11 @@
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 29%)"
     },
+    "$body-font-size": {
+      "name": "$body-font-size",
+      "value": "1em",
+      "type": "size"
+    },
     "$body-weight": {
       "name": "$body-weight",
       "value": "$weight-normal",
@@ -43,16 +63,6 @@
       "value": "1.5",
       "type": "unitless"
     },
-    "$body-overflow-x": {
-      "name": "$body-overflow-x",
-      "value": "hidden",
-      "type": "keyword"
-    },
-    "$body-overflow-y": {
-      "name": "$body-overflow-y",
-      "value": "scroll",
-      "type": "keyword"
-    },
     "$code-family": {
       "name": "$code-family",
       "value": "$family-code",
@@ -75,6 +85,11 @@
       "value": "0.875em",
       "type": "size"
     },
+    "$small-font-size": {
+      "name": "$small-font-size",
+      "value": "0.875em",
+      "type": "size"
+    },
     "$hr-background-color": {
       "name": "$hr-background-color",
       "value": "$background",
@@ -105,25 +120,48 @@
       "type": "variable",
       "computed_type": "font-weight",
       "computed_value": "700"
+    },
+    "$pre-font-size": {
+      "name": "$pre-font-size",
+      "value": "0.875em",
+      "type": "size"
+    },
+    "$pre-padding": {
+      "name": "$pre-padding",
+      "value": "1.25rem 1.5rem",
+      "type": "size"
+    },
+    "$pre-code-font-size": {
+      "name": "$pre-code-font-size",
+      "value": "1em",
+      "type": "size"
     }
   },
   "list": [
     "$body-background-color",
     "$body-size",
+    "$body-min-width",
     "$body-rendering",
     "$body-family",
+    "$body-overflow-x",
+    "$body-overflow-y",
     "$body-color",
+    "$body-font-size",
     "$body-weight",
     "$body-line-height",
     "$code-family",
     "$code-padding",
     "$code-weight",
     "$code-size",
+    "$small-font-size",
     "$hr-background-color",
     "$hr-height",
     "$hr-margin",
     "$strong-color",
-    "$strong-weight"
+    "$strong-weight",
+    "$pre-font-size",
+    "$pre-padding",
+    "$pre-code-font-size"
   ],
   "file_path": "base/generic.sass"
-}
+}
\ No newline at end of file

diff --git a/docs/_data/variables/components/card.json b/docs/_data/variables/components/card.json
index 5cc996312dc766c0ec9c96f8d130c6fb41930126..bbba3a37998bcc6caf476d6e847095e9ad071e79 100644 (file)
--- a/docs/_data/variables/components/card.json
+++ b/docs/_data/variables/components/card.json
@@ -31,6 +31,11 @@
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 21%)"
     },
+    "$card-header-padding": {
+      "name": "$card-header-padding",
+      "value": "0.75rem",
+      "type": "size"
+    },
     "$card-header-shadow": {
       "name": "$card-header-shadow",
       "value": "0 1px 2px rgba($black, 0.1)",
@@ -48,6 +53,11 @@
       "value": "transparent",
       "type": "string"
     },
+    "$card-content-padding": {
+      "name": "$card-content-padding",
+      "value": "1.5rem",
+      "type": "size"
+    },
     "$card-footer-background-color": {
       "name": "$card-footer-background-color",
       "value": "transparent",
@@ -57,6 +67,18 @@
       "name": "$card-footer-border-top",
       "value": "1px solid $border",
       "type": "size"
+    },
+    "$card-footer-padding": {
+      "name": "$card-footer-padding",
+      "value": "0.75rem",
+      "type": "size"
+    },
+    "$card-media-margin": {
+      "name": "$card-media-margin",
+      "value": "$block-spacing",
+      "type": "variable",
+      "computed_type": "size",
+      "computed_value": "1.5rem"
     }
   },
   "list": [
@@ -65,11 +87,15 @@
     "$card-shadow",
     "$card-header-background-color",
     "$card-header-color",
+    "$card-header-padding",
     "$card-header-shadow",
     "$card-header-weight",
     "$card-content-background-color",
+    "$card-content-padding",
     "$card-footer-background-color",
-    "$card-footer-border-top"
+    "$card-footer-border-top",
+    "$card-footer-padding",
+    "$card-media-margin"
   ],
   "file_path": "components/card.sass"
 }
\ No newline at end of file

diff --git a/docs/_data/variables/components/dropdown.json b/docs/_data/variables/components/dropdown.json
index fff51559bd34270334e0c8fe2f51e8055b47617b..455b47196ebee72bb4efa05e5fd36dbfc8150239 100644 (file)
--- a/docs/_data/variables/components/dropdown.json
+++ b/docs/_data/variables/components/dropdown.json
@@ -1,5 +1,10 @@
 {
   "by_name": {
+    "$dropdown-menu-min-width": {
+      "name": "$dropdown-menu-min-width",
+      "value": "12rem",
+      "type": "size"
+    },
     "$dropdown-content-background-color": {
       "name": "$dropdown-content-background-color",
       "value": "$white",
@@ -19,6 +24,16 @@
       "value": "4px",
       "type": "size"
     },
+    "$dropdown-content-padding-bottom": {
+      "name": "$dropdown-content-padding-bottom",
+      "value": "0.5rem",
+      "type": "size"
+    },
+    "$dropdown-content-padding-top": {
+      "name": "$dropdown-content-padding-top",
+      "value": "0.5rem",
+      "type": "size"
+    },
     "$dropdown-content-radius": {
       "name": "$dropdown-content-radius",
       "value": "$radius",
@@ -80,9 +95,12 @@
     }
   },
   "list": [
+    "$dropdown-menu-min-width",
     "$dropdown-content-background-color",
     "$dropdown-content-arrow",
     "$dropdown-content-offset",
+    "$dropdown-content-padding-bottom",
+    "$dropdown-content-padding-top",
     "$dropdown-content-radius",
     "$dropdown-content-shadow",
     "$dropdown-content-z",

diff --git a/docs/_data/variables/components/level.json b/docs/_data/variables/components/level.json
new file mode 100644 (file)
index 0000000..b5dfc5b
--- /dev/null
+++ b/docs/_data/variables/components/level.json
@@ -0,0 +1,13 @@
+{
+  "by_name": {
+    "$level-item-spacing": {
+      "name": "$level-item-spacing",
+      "value": "($block-spacing / 2)",
+      "type": "compound"
+    }
+  },
+  "list": [
+    "$level-item-spacing"
+  ],
+  "file_path": "components/level.sass"
+}
\ No newline at end of file

diff --git a/docs/_data/variables/components/menu.json b/docs/_data/variables/components/menu.json
index 3b8913f60a3c79ac4a9a5d64a96c95830bdd0490..5260cf4358aec402f8abc419612736308a94b945 100644 (file)
--- a/docs/_data/variables/components/menu.json
+++ b/docs/_data/variables/components/menu.json
@@ -47,12 +47,47 @@
       "value": "1px solid $border",
       "type": "size"
     },
+    "$menu-list-line-height": {
+      "name": "$menu-list-line-height",
+      "value": "1.25",
+      "type": "unitless"
+    },
+    "$menu-list-link-padding": {
+      "name": "$menu-list-link-padding",
+      "value": "0.5em 0.75em",
+      "type": "size"
+    },
+    "$menu-nested-list-margin": {
+      "name": "$menu-nested-list-margin",
+      "value": "0.75em",
+      "type": "size"
+    },
+    "$menu-nested-list-padding-left": {
+      "name": "$menu-nested-list-padding-left",
+      "value": "0.75em",
+      "type": "size"
+    },
     "$menu-label-color": {
       "name": "$menu-label-color",
       "value": "$text-light",
       "type": "variable",
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 48%)"
+    },
+    "$menu-label-font-size": {
+      "name": "$menu-label-font-size",
+      "value": "0.75em",
+      "type": "size"
+    },
+    "$menu-label-letter-spacing": {
+      "name": "$menu-label-letter-spacing",
+      "value": "0.1em",
+      "type": "size"
+    },
+    "$menu-label-spacing": {
+      "name": "$menu-label-spacing",
+      "value": "1em",
+      "type": "size"
     }
   },
   "list": [
@@ -63,7 +98,14 @@
     "$menu-item-active-color",
     "$menu-item-active-background-color",
     "$menu-list-border-left",
-    "$menu-label-color"
+    "$menu-list-line-height",
+    "$menu-list-link-padding",
+    "$menu-nested-list-margin",
+    "$menu-nested-list-padding-left",
+    "$menu-label-color",
+    "$menu-label-font-size",
+    "$menu-label-letter-spacing",
+    "$menu-label-spacing"
   ],
   "file_path": "components/menu.sass"
 }
\ No newline at end of file

diff --git a/docs/_data/variables/components/message.json b/docs/_data/variables/components/message.json
index 59bc83193d24d78f9f3200f3c3edb2f3700a4ed6..33bcf249d70decd358c727bf929255f1185f918a 100644 (file)
--- a/docs/_data/variables/components/message.json
+++ b/docs/_data/variables/components/message.json
@@ -94,6 +94,13 @@
       "name": "$message-header-body-border-width",
       "value": "0",
       "type": "string"
+    },
+    "$message-colors": {
+      "name": "$message-colors",
+      "value": "$colors",
+      "type": "variable",
+      "computed_type": "function",
+      "computed_value": "mergeColorMaps((\"white\": ($white, $black), \"black\": ($black, $white), \"light\": ($light, $light-invert), \"dark\": ($dark, $dark-invert), \"primary\": ($primary, $primary-invert), \"link\": ($link, $link-invert), \"info\": ($info, $info-invert), \"success\": ($success, $success-invert), \"warning\": ($warning, $warning-invert), \"danger\": ($danger, $danger-invert)), $custom-colors)"
     }
   },
   "list": [
@@ -111,7 +118,8 @@
     "$message-body-radius",
     "$message-body-pre-background-color",
     "$message-body-pre-code-background-color",
-    "$message-header-body-border-width"
+    "$message-header-body-border-width",
+    "$message-colors"
   ],
   "file_path": "components/message.sass"
 }
\ No newline at end of file

diff --git a/docs/_data/variables/components/pagination.json b/docs/_data/variables/components/pagination.json
index e1f02105bfc7a39d2198a7a0ca4d9800939063f1..9544186301628f86ed1f7b2e2241efa27a382b5d 100644 (file)
--- a/docs/_data/variables/components/pagination.json
+++ b/docs/_data/variables/components/pagination.json
@@ -24,6 +24,26 @@
       "value": "$control-height",
       "type": "variable"
     },
+    "$pagination-item-font-size": {
+      "name": "$pagination-item-font-size",
+      "value": "1em",
+      "type": "size"
+    },
+    "$pagination-item-margin": {
+      "name": "$pagination-item-margin",
+      "value": "0.25rem",
+      "type": "size"
+    },
+    "$pagination-item-padding-left": {
+      "name": "$pagination-item-padding-left",
+      "value": "0.5em",
+      "type": "size"
+    },
+    "$pagination-item-padding-right": {
+      "name": "$pagination-item-padding-right",
+      "value": "0.5em",
+      "type": "size"
+    },
     "$pagination-hover-color": {
       "name": "$pagination-hover-color",
       "value": "$link-hover",
@@ -121,6 +141,10 @@
     "$pagination-border-color",
     "$pagination-margin",
     "$pagination-min-width",
+    "$pagination-item-font-size",
+    "$pagination-item-margin",
+    "$pagination-item-padding-left",
+    "$pagination-item-padding-right",
     "$pagination-hover-color",
     "$pagination-hover-border-color",
     "$pagination-focus-color",

diff --git a/docs/_data/variables/components/panel.json b/docs/_data/variables/components/panel.json
index 8807e48abd9cd071b5445916250ebddd60fd8feb..bb7d830ded4677c0bd6d45032ab3b784830c2660 100644 (file)
--- a/docs/_data/variables/components/panel.json
+++ b/docs/_data/variables/components/panel.json
@@ -1,5 +1,12 @@
 {
   "by_name": {
+    "$panel-margin": {
+      "name": "$panel-margin",
+      "value": "$block-spacing",
+      "type": "variable",
+      "computed_type": "size",
+      "computed_value": "1.5rem"
+    },
     "$panel-item-border": {
       "name": "$panel-item-border",
       "value": "1px solid $border",
@@ -48,6 +55,11 @@
       "computed_type": "font-weight",
       "computed_value": "300"
     },
+    "$panel-tabs-font-size": {
+      "name": "$panel-tabs-font-size",
+      "value": "0.875em",
+      "type": "size"
+    },
     "$panel-tab-border-bottom": {
       "name": "$panel-tab-border-bottom",
       "value": "1px solid $border",
@@ -125,6 +137,7 @@
     }
   },
   "list": [
+    "$panel-margin",
     "$panel-item-border",
     "$panel-heading-background-color",
     "$panel-heading-color",
@@ -133,6 +146,7 @@
     "$panel-heading-radius",
     "$panel-heading-size",
     "$panel-heading-weight",
+    "$panel-tabs-font-size",
     "$panel-tab-border-bottom",
     "$panel-tab-active-border-bottom-color",
     "$panel-tab-active-color",

diff --git a/docs/_data/variables/elements/button.json b/docs/_data/variables/elements/button.json
index 8b98da107a8e56419a80de2d3408496e996f514f..38af6ef9f957d1d1d3f61ef971f5b48817d9e546 100644 (file)
--- a/docs/_data/variables/elements/button.json
+++ b/docs/_data/variables/elements/button.json
@@ -14,6 +14,11 @@
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 100%)"
     },
+    "$button-family": {
+      "name": "$button-family",
+      "value": "false",
+      "type": "boolean"
+    },
     "$button-border-color": {
       "name": "$button-border-color",
       "value": "$grey-lighter",
@@ -158,6 +163,7 @@
   "list": [
     "$button-color",
     "$button-background-color",
+    "$button-family",
     "$button-border-color",
     "$button-border-width",
     "$button-padding-vertical",

diff --git a/docs/_data/variables/elements/container.json b/docs/_data/variables/elements/container.json
new file mode 100644 (file)
index 0000000..ba87040
--- /dev/null
+++ b/docs/_data/variables/elements/container.json
@@ -0,0 +1,13 @@
+{
+  "by_name": {
+    "$container-offset": {
+      "name": "$container-offset",
+      "value": "(2 * $gap)",
+      "type": "compound"
+    }
+  },
+  "list": [
+    "$container-offset"
+  ],
+  "file_path": "elements/container.sass"
+}
\ No newline at end of file

diff --git a/docs/_data/variables/elements/progress.json b/docs/_data/variables/elements/progress.json
index 1431c44ca3c6409964913f2659cc1b7c57b92ccb..0b68206ffdc7ff09db4cd1e0324a303be899c180 100644 (file)
--- a/docs/_data/variables/elements/progress.json
+++ b/docs/_data/variables/elements/progress.json
@@ -14,22 +14,24 @@
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 29%)"
     },
+    "$progress-border-radius": {
+      "name": "$progress-border-radius",
+      "value": "$radius-rounded",
+      "type": "variable",
+      "computed_type": "size",
+      "computed_value": "290486px"
+    },
     "$progress-indeterminate-duration": {
       "name": "$progress-indeterminate-duration",
       "value": "1.5s",
       "type": "string"
-    },
-    "$progress-border-radius": {
-      "name": "$progress-border-radius",
-      "value": "$radius-rounded",
-      "type": "variable"
     }
   },
   "list": [
     "$progress-bar-background-color",
     "$progress-value-background-color",
-    "$progress-indeterminate-duration",
-    "$progress-border-radius"
+    "$progress-border-radius",
+    "$progress-indeterminate-duration"
   ],
   "file_path": "elements/progress.sass"
 }
\ No newline at end of file

diff --git a/docs/_data/variables/elements/title.json b/docs/_data/variables/elements/title.json
index 7da51e7a6203b4e385f73b653d7fb5ee4f6c1fd6..18cba2b12847bf730e86ee019c8ce0f0b563fe1f 100644 (file)
--- a/docs/_data/variables/elements/title.json
+++ b/docs/_data/variables/elements/title.json
@@ -7,6 +7,11 @@
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 21%)"
     },
+    "$title-family": {
+      "name": "$title-family",
+      "value": "false",
+      "type": "boolean"
+    },
     "$title-size": {
       "name": "$title-size",
       "value": "$size-3",
@@ -53,6 +58,11 @@
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 29%)"
     },
+    "$subtitle-family": {
+      "name": "$subtitle-family",
+      "value": "false",
+      "type": "boolean"
+    },
     "$subtitle-size": {
       "name": "$subtitle-size",
       "value": "$size-5",
@@ -94,6 +104,7 @@
   },
   "list": [
     "$title-color",
+    "$title-family",
     "$title-size",
     "$title-weight",
     "$title-line-height",
@@ -102,6 +113,7 @@
     "$title-sub-size",
     "$title-sup-size",
     "$subtitle-color",
+    "$subtitle-family",
     "$subtitle-size",
     "$subtitle-weight",
     "$subtitle-line-height",

diff --git a/docs/_data/variables/form/file.json b/docs/_data/variables/form/file.json
new file mode 100644 (file)
index 0000000..37afc19
--- /dev/null
+++ b/docs/_data/variables/form/file.json
@@ -0,0 +1,81 @@
+{
+  "by_name": {
+    "$file-border-color": {
+      "name": "$file-border-color",
+      "value": "$border",
+      "type": "variable",
+      "computed_type": "color",
+      "computed_value": "hsl(0, 0%, 86%)"
+    },
+    "$file-radius": {
+      "name": "$file-radius",
+      "value": "$radius",
+      "type": "variable",
+      "computed_type": "size",
+      "computed_value": "4px"
+    },
+    "$file-cta-background-color": {
+      "name": "$file-cta-background-color",
+      "value": "$white-ter",
+      "type": "variable",
+      "computed_type": "color",
+      "computed_value": "hsl(0, 0%, 96%)"
+    },
+    "$file-cta-color": {
+      "name": "$file-cta-color",
+      "value": "$grey-dark",
+      "type": "variable",
+      "computed_type": "color",
+      "computed_value": "hsl(0, 0%, 29%)"
+    },
+    "$file-cta-hover-color": {
+      "name": "$file-cta-hover-color",
+      "value": "$grey-darker",
+      "type": "variable",
+      "computed_type": "color",
+      "computed_value": "hsl(0, 0%, 21%)"
+    },
+    "$file-cta-active-color": {
+      "name": "$file-cta-active-color",
+      "value": "$grey-darker",
+      "type": "variable",
+      "computed_type": "color",
+      "computed_value": "hsl(0, 0%, 21%)"
+    },
+    "$file-name-border-color": {
+      "name": "$file-name-border-color",
+      "value": "$border",
+      "type": "variable",
+      "computed_type": "color",
+      "computed_value": "hsl(0, 0%, 86%)"
+    },
+    "$file-name-border-style": {
+      "name": "$file-name-border-style",
+      "value": "solid",
+      "type": "string"
+    },
+    "$file-name-border-width": {
+      "name": "$file-name-border-width",
+      "value": "1px 1px 1px 0",
+      "type": "size"
+    },
+    "$file-name-max-width": {
+      "name": "$file-name-max-width",
+      "value": "16em",
+      "type": "size"
+    }
+  },
+  "list": [
+    "$file-border-color",
+    "$file-radius",
+    "$file-cta-background-color",
+    "$file-cta-color",
+    "$file-cta-hover-color",
+    "$file-cta-active-color",
+    "$file-name-border-color",
+    "$file-name-border-style",
+    "$file-name-border-width",
+    "$file-name-max-width"
+  ],
+  "file_path": "form/file.sass"
+}
\ No newline at end of file

diff --git a/docs/_data/variables/form/shared.json b/docs/_data/variables/form/shared.json
new file mode 100644 (file)
index 0000000..11acc6b
--- /dev/null
+++ b/docs/_data/variables/form/shared.json
@@ -0,0 +1,155 @@
+{
+  "by_name": {
+    "$input-color": {
+      "name": "$input-color",
+      "value": "$grey-darker",
+      "type": "variable",
+      "computed_type": "color",
+      "computed_value": "hsl(0, 0%, 21%)"
+    },
+    "$input-background-color": {
+      "name": "$input-background-color",
+      "value": "$white",
+      "type": "variable",
+      "computed_type": "color",
+      "computed_value": "hsl(0, 0%, 100%)"
+    },
+    "$input-border-color": {
+      "name": "$input-border-color",
+      "value": "$grey-lighter",
+      "type": "variable",
+      "computed_type": "color",
+      "computed_value": "hsl(0, 0%, 86%)"
+    },
+    "$input-height": {
+      "name": "$input-height",
+      "value": "$control-height",
+      "type": "variable"
+    },
+    "$input-shadow": {
+      "name": "$input-shadow",
+      "value": "inset 0 1px 2px rgba($black, 0.1)",
+      "type": "size"
+    },
+    "$input-placeholder-color": {
+      "name": "$input-placeholder-color",
+      "value": "rgba($input-color, 0.3)",
+      "type": "color"
+    },
+    "$input-hover-color": {
+      "name": "$input-hover-color",
+      "value": "$grey-darker",
+      "type": "variable",
+      "computed_type": "color",
+      "computed_value": "hsl(0, 0%, 21%)"
+    },
+    "$input-hover-border-color": {
+      "name": "$input-hover-border-color",
+      "value": "$grey-light",
+      "type": "variable",
+      "computed_type": "color",
+      "computed_value": "hsl(0, 0%, 71%)"
+    },
+    "$input-focus-color": {
+      "name": "$input-focus-color",
+      "value": "$grey-darker",
+      "type": "variable",
+      "computed_type": "color",
+      "computed_value": "hsl(0, 0%, 21%)"
+    },
+    "$input-focus-border-color": {
+      "name": "$input-focus-border-color",
+      "value": "$link",
+      "type": "variable",
+      "computed_type": "color",
+      "computed_value": "hsl(217, 71%,  53%)"
+    },
+    "$input-focus-box-shadow-size": {
+      "name": "$input-focus-box-shadow-size",
+      "value": "0 0 0 0.125em",
+      "type": "size"
+    },
+    "$input-focus-box-shadow-color": {
+      "name": "$input-focus-box-shadow-color",
+      "value": "rgba($link, 0.25)",
+      "type": "color"
+    },
+    "$input-disabled-color": {
+      "name": "$input-disabled-color",
+      "value": "$text-light",
+      "type": "variable",
+      "computed_type": "color",
+      "computed_value": "hsl(0, 0%, 48%)"
+    },
+    "$input-disabled-background-color": {
+      "name": "$input-disabled-background-color",
+      "value": "$background",
+      "type": "variable",
+      "computed_type": "color",
+      "computed_value": "hsl(0, 0%, 96%)"
+    },
+    "$input-disabled-border-color": {
+      "name": "$input-disabled-border-color",
+      "value": "$background",
+      "type": "variable",
+      "computed_type": "color",
+      "computed_value": "hsl(0, 0%, 96%)"
+    },
+    "$input-disabled-placeholder-color": {
+      "name": "$input-disabled-placeholder-color",
+      "value": "rgba($input-disabled-color, 0.3)",
+      "type": "color"
+    },
+    "$input-arrow": {
+      "name": "$input-arrow",
+      "value": "$link",
+      "type": "variable",
+      "computed_type": "color",
+      "computed_value": "hsl(217, 71%,  53%)"
+    },
+    "$input-icon-color": {
+      "name": "$input-icon-color",
+      "value": "$grey-lighter",
+      "type": "variable",
+      "computed_type": "color",
+      "computed_value": "hsl(0, 0%, 86%)"
+    },
+    "$input-icon-active-color": {
+      "name": "$input-icon-active-color",
+      "value": "$grey",
+      "type": "variable",
+      "computed_type": "color",
+      "computed_value": "hsl(0, 0%, 48%)"
+    },
+    "$input-radius": {
+      "name": "$input-radius",
+      "value": "$radius",
+      "type": "variable",
+      "computed_type": "size",
+      "computed_value": "4px"
+    }
+  },
+  "list": [
+    "$input-color",
+    "$input-background-color",
+    "$input-border-color",
+    "$input-height",
+    "$input-shadow",
+    "$input-placeholder-color",
+    "$input-hover-color",
+    "$input-hover-border-color",
+    "$input-focus-color",
+    "$input-focus-border-color",
+    "$input-focus-box-shadow-size",
+    "$input-focus-box-shadow-color",
+    "$input-disabled-color",
+    "$input-disabled-background-color",
+    "$input-disabled-border-color",
+    "$input-disabled-placeholder-color",
+    "$input-arrow",
+    "$input-icon-color",
+    "$input-icon-active-color",
+    "$input-radius"
+  ],
+  "file_path": "form/shared.sass"
+}
\ No newline at end of file

diff --git a/docs/_data/variables/form/tools.json b/docs/_data/variables/form/tools.json
new file mode 100644 (file)
index 0000000..7a5f313
--- /dev/null
+++ b/docs/_data/variables/form/tools.json
@@ -0,0 +1,31 @@
+{
+  "by_name": {
+    "$label-color": {
+      "name": "$label-color",
+      "value": "$grey-darker",
+      "type": "variable",
+      "computed_type": "color",
+      "computed_value": "hsl(0, 0%, 21%)"
+    },
+    "$label-weight": {
+      "name": "$label-weight",
+      "value": "$weight-bold",
+      "type": "variable",
+      "computed_type": "font-weight",
+      "computed_value": "700"
+    },
+    "$help-size": {
+      "name": "$help-size",
+      "value": "$size-small",
+      "type": "variable",
+      "computed_type": "size",
+      "computed_value": "0.75rem"
+    }
+  },
+  "list": [
+    "$label-color",
+    "$label-weight",
+    "$help-size"
+  ],
+  "file_path": "form/tools.sass"
+}
\ No newline at end of file

diff --git a/docs/_data/variables/grid/tiles.json b/docs/_data/variables/grid/tiles.json
new file mode 100644 (file)
index 0000000..a87a925
--- /dev/null
+++ b/docs/_data/variables/grid/tiles.json
@@ -0,0 +1,13 @@
+{
+  "by_name": {
+    "$tile-spacing": {
+      "name": "$tile-spacing",
+      "value": "0.75rem",
+      "type": "size"
+    }
+  },
+  "list": [
+    "$tile-spacing"
+  ],
+  "file_path": "grid/tiles.sass"
+}
\ No newline at end of file

diff --git a/docs/_data/variables/utilities/initial-variables.json b/docs/_data/variables/utilities/initial-variables.json
index 24b8dcffeaf74cdb0da05d91bc0b0aede9897f2a..c602f5eb08aa75539bd8a1356278afd97076f106 100644 (file)
--- a/docs/_data/variables/utilities/initial-variables.json
+++ b/docs/_data/variables/utilities/initial-variables.json
@@ -170,9 +170,14 @@
       "value": "700",
       "type": "font-weight"
     },
+    "$block-spacing": {
+      "name": "$block-spacing",
+      "value": "1.5rem",
+      "type": "size"
+    },
     "$gap": {
       "name": "$gap",
-      "value": "64px",
+      "value": "32px",
       "type": "size"
     },
     "$tablet": {
@@ -276,6 +281,7 @@
     "$weight-medium",
     "$weight-semibold",
     "$weight-bold",
+    "$block-spacing",
     "$gap",
     "$tablet",
     "$desktop",