Init v1

docs/_data/variables/form/checkbox-radio.json

@@ -0,0 +1,4 @@
+{
+  "sass-vars": [],
+  "css-vars": []
+}

docs/_data/variables/form/file.json

@@ -1,87 +1,127 @@
 {
-  "by_name": {
-    "$file-border-color": {
-      "name": "$file-border-color",
-      "value": "$border",
-      "type": "variable",
-      "computed_type": "color",
-      "computed_value": "hsl(0, 0%, 86%)"
+  "sass-vars": [
+    {
+      "name": "file-radius",
+      "value": "var(--bulma-radius)",
+      "css-var": "file-radius"
     },
-    "$file-radius": {
-      "name": "$file-radius",
-      "value": "$radius",
-      "type": "variable",
-      "computed_type": "size",
-      "computed_value": "4px"
+    {
+      "name": "file-cta-color",
+      "value": "var(--bulma-text)"
     },
-    "$file-cta-background-color": {
-      "name": "$file-cta-background-color",
-      "value": "$scheme-main-ter",
-      "type": "variable",
-      "computed_type": "color",
-      "computed_value": "hsl(0, 0%, 96%)"
+    {
+      "name": "file-cta-hover-color",
+      "value": "var(--bulma-text-strong)"
     },
-    "$file-cta-color": {
-      "name": "$file-cta-color",
-      "value": "$text",
-      "type": "variable",
-      "computed_type": "color",
-      "computed_value": "hsl(0, 0%, 29%)"
+    {
+      "name": "file-cta-active-color",
+      "value": "var(--bulma-text-strong)"
     },
-    "$file-cta-hover-color": {
-      "name": "$file-cta-hover-color",
-      "value": "$text-strong",
-      "type": "variable",
-      "computed_type": "color",
-      "computed_value": "hsl(0, 0%, 21%)"
+    {
+      "name": "file-name-border-color",
+      "value": "var(--bulma-border)",
+      "css-var": "file-name-border-color"
     },
-    "$file-cta-active-color": {
-      "name": "$file-cta-active-color",
-      "value": "$text-strong",
-      "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",
+    {
+      "name": "file-name-border-style",
       "value": "solid",
-      "type": "string"
+      "css-var": "file-name-border-style"
     },
-    "$file-name-border-width": {
-      "name": "$file-name-border-width",
+    {
+      "name": "file-name-border-width",
       "value": "1px 1px 1px 0",
-      "type": "size"
+      "css-var": "file-name-border-width"
     },
-    "$file-name-max-width": {
-      "name": "$file-name-max-width",
+    {
+      "name": "file-name-max-width",
       "value": "16em",
-      "type": "size"
+      "css-var": "file-name-max-width"
     },
-    "$file-colors": {
-      "name": "$file-colors",
-      "value": "$form-colors",
-      "type": "variable"
+    {
+      "name": "file-colors",
+      "value": "shared.$form-colors"
     }
-  },
-  "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-colors"
   ],
-  "file_path": "form/file.sass"
+  "css-vars": [
+    {
+      "name": "file-radius",
+      "value": "var(--bulma-radius)"
+    },
+    {
+      "name": "file-name-border-color",
+      "value": "var(--bulma-border)"
+    },
+    {
+      "name": "file-name-border-style",
+      "value": "solid"
+    },
+    {
+      "name": "file-name-border-width",
+      "value": "1px 1px 1px 0"
+    },
+    {
+      "name": "file-name-max-width",
+      "value": "16em"
+    },
+    {
+      "name": "file-h",
+      "value": "#{$file-h},"
+    },
+    {
+      "name": "file-s",
+      "value": "#{$file-s},"
+    },
+    {
+      "name": "file-background-l",
+      "value": "#{$file-background-l},"
+    },
+    {
+      "name": "file-background-l-delta",
+      "value": "#{$file-background-l-delta},"
+    },
+    {
+      "name": "file-hover-background-l-delta",
+      "value": "#{$file-hover-background-l-delta},"
+    },
+    {
+      "name": "file-active-background-l-delta",
+      "value": "#{$file-active-background-l-delta},"
+    },
+    {
+      "name": "file-border-l",
+      "value": "#{$file-border-l},"
+    },
+    {
+      "name": "file-border-l-delta",
+      "value": "#{$file-border-l-delta},"
+    },
+    {
+      "name": "file-hover-border-l-delta",
+      "value": "#{$file-hover-border-l-delta},"
+    },
+    {
+      "name": "file-active-border-l-delta",
+      "value": "#{$file-active-border-l-delta},"
+    },
+    {
+      "name": "file-cta-color-l",
+      "value": "#{$file-cta-color-l},"
+    },
+    {
+      "name": "file-name-color-l",
+      "value": "#{$file-name-color-l},"
+    },
+    {
+      "name": "file-color-l-delta",
+      "value": "#{$file-color-l-delta},"
+    },
+    {
+      "name": "file-hover-color-l-delta",
+      "value": "#{$file-hover-color-l-delta},"
+    },
+    {
+      "name": "file-active-color-l-delta",
+      "value": "#{$file-active-color-l-delta},"
+    }
+  ]
 }

docs/_data/variables/form/input-textarea.json

@@ -1,31 +1,42 @@
 {
-  "by_name": {
-    "$textarea-padding": {
-      "name": "$textarea-padding",
-      "value": "$control-padding-horizontal",
-      "type": "variable"
+  "sass-vars": [
+    {
+      "name": "textarea-padding",
+      "value": "var(--bulma-control-padding-horizontal)"
     },
-    "$textarea-max-height": {
-      "name": "$textarea-max-height",
-      "value": "40em",
-      "type": "size"
+    {
+      "name": "textarea-max-height",
+      "value": "40em"
     },
-    "$textarea-min-height": {
-      "name": "$textarea-min-height",
-      "value": "8em",
-      "type": "size"
+    {
+      "name": "textarea-min-height",
+      "value": "8em"
     },
-    "$textarea-colors": {
-      "name": "$textarea-colors",
-      "value": "$form-colors",
-      "type": "variable"
+    {
+      "name": "textarea-colors",
+      "value": "shared.$form-colors"
     }
-  },
-  "list": [
-    "$textarea-padding",
-    "$textarea-max-height",
-    "$textarea-min-height",
-    "$textarea-colors"
   ],
-  "file_path": "form/input-textarea.sass"
+  "css-vars": [
+    {
+      "name": "input-h",
+      "value": "#{cv.getVar(\"scheme-h\")},"
+    },
+    {
+      "name": "input-s",
+      "value": "#{cv.getVar(\"scheme-s\")},"
+    },
+    {
+      "name": "input-border-style",
+      "value": "solid,"
+    },
+    {
+      "name": "input-border-width",
+      "value": "1px,"
+    },
+    {
+      "name": "input-border-l",
+      "value": "#{cv.getVar(\"border-l\")},"
+    }
+  ]
 }

docs/_data/variables/form/select.json

@@ -1,13 +1,30 @@
 {
-  "by_name": {
-    "$select-colors": {
-      "name": "$select-colors",
-      "value": "$form-colors",
-      "type": "variable"
+  "sass-vars": [
+    {
+      "name": "select-colors",
+      "value": "shared.$form-colors"
     }
-  },
-  "list": [
-    "$select-colors"
   ],
-  "file_path": "form/select.sass"
+  "css-vars": [
+    {
+      "name": "input-h",
+      "value": "#{cv.getVar(\"scheme-h\")},"
+    },
+    {
+      "name": "input-s",
+      "value": "#{cv.getVar(\"scheme-s\")},"
+    },
+    {
+      "name": "input-border-style",
+      "value": "solid,"
+    },
+    {
+      "name": "input-border-width",
+      "value": "1px,"
+    },
+    {
+      "name": "input-border-l",
+      "value": "#{cv.getVar(\"border-l\")},"
+    }
+  ]
 }

docs/_data/variables/form/shared.json

@@ -1,163 +1,253 @@
 {
-  "by_name": {
-    "$form-colors": {
-      "name": "$form-colors",
-      "value": "$colors",
-      "type": "variable",
-      "computed_type": "map",
-      "computed_value": "Bulma colors"
+  "sass-vars": [
+    {
+      "name": "form-colors",
+      "value": "dv.$colors"
     },
-    "$input-color": {
-      "name": "$input-color",
-      "value": "$text-strong",
-      "type": "variable",
-      "computed_type": "color",
-      "computed_value": "hsl(0, 0%, 21%)"
+    {
+      "name": "input-h",
+      "value": "var(--bulma-scheme-h)",
+      "css-var": "input-h"
     },
-    "$input-background-color": {
-      "name": "$input-background-color",
-      "value": "$scheme-main",
-      "type": "variable",
-      "computed_type": "color",
-      "computed_value": "hsl(0, 0%, 100%)"
+    {
+      "name": "input-s",
+      "value": "var(--bulma-scheme-s)",
+      "css-var": "input-s"
     },
-    "$input-border-color": {
-      "name": "$input-border-color",
-      "value": "$border",
-      "type": "variable",
-      "computed_type": "color",
-      "computed_value": "hsl(0, 0%, 86%)"
+    {
+      "name": "input-l",
+      "value": "var(--bulma-scheme-main-l)",
+      "css-var": "input-l"
     },
-    "$input-height": {
-      "name": "$input-height",
-      "value": "$control-height",
-      "type": "variable"
+    {
+      "name": "input-border-l",
+      "value": "var(--bulma-border-l)",
+      "css-var": "input-border-l"
     },
-    "$input-shadow": {
-      "name": "$input-shadow",
-      "value": "inset 0 0.0625em 0.125em rgba($scheme-invert, 0.05)",
-      "type": "shadow"
+    {
+      "name": "input-border-l-delta",
+      "value": "0%",
+      "css-var": "input-border-l-delta"
     },
-    "$input-placeholder-color": {
-      "name": "$input-placeholder-color",
-      "value": "bulmaRgba($input-color, 0.3)",
-      "type": "compound"
+    {
+      "name": "input-hover-border-l-delta",
+      "value": "var(--bulma-hover-border-l-delta)",
+      "css-var": "input-hover-border-l-delta"
     },
-    "$input-hover-color": {
-      "name": "$input-hover-color",
-      "value": "$text-strong",
-      "type": "variable",
-      "computed_type": "color",
-      "computed_value": "hsl(0, 0%, 21%)"
+    {
+      "name": "input-active-border-l-delta",
+      "value": "var(--bulma-active-border-l-delta)",
+      "css-var": "input-active-border-l-delta"
     },
-    "$input-hover-border-color": {
-      "name": "$input-hover-border-color",
-      "value": "$border-hover",
-      "type": "variable",
-      "computed_type": "color",
-      "computed_value": "hsl(0, 0%, 71%)"
+    {
+      "name": "input-color-l",
+      "value": "var(--bulma-text-strong-l)",
+      "css-var": "input-color-l"
     },
-    "$input-focus-color": {
-      "name": "$input-focus-color",
-      "value": "$text-strong",
-      "type": "variable",
-      "computed_type": "color",
-      "computed_value": "hsl(0, 0%, 21%)"
+    {
+      "name": "input-background-l",
+      "value": "var(--bulma-scheme-main-l)",
+      "css-var": "input-background-l"
     },
-    "$input-focus-border-color": {
-      "name": "$input-focus-border-color",
-      "value": "$link",
-      "type": "variable",
-      "computed_type": "color",
-      "computed_value": "hsl(229, 53%,  53%)"
+    {
+      "name": "input-background-l-delta",
+      "value": "0%",
+      "css-var": "input-background-l-delta"
     },
-    "$input-focus-box-shadow-size": {
-      "name": "$input-focus-box-shadow-size",
-      "value": "0 0 0 0.125em",
-      "type": "size"
+    {
+      "name": "input-height",
+      "value": "var(--bulma-control-height)",
+      "css-var": "input-height"
     },
-    "$input-focus-box-shadow-color": {
-      "name": "$input-focus-box-shadow-color",
-      "value": "bulmaRgba($link, 0.25)",
-      "type": "compound"
+    {
+      "name": "input-shadow",
+      "value": "inset 0 0.0625em 0.125em\n  hsla(\n    var(--bulma-scheme-h),\n    var(--bulma-scheme-s),\n    var(--bulma-scheme-invert-l),\n    0.05\n  )",
+      "css-var": "input-shadow"
     },
-    "$input-disabled-color": {
-      "name": "$input-disabled-color",
-      "value": "$text-light",
-      "type": "variable",
-      "computed_type": "color",
-      "computed_value": "hsl(0, 0%, 48%)"
+    {
+      "name": "input-placeholder-color",
+      "value": "hsla(\n  var(--bulma-text-h),\n  var(--bulma-text-s),\n  var(--bulma-text-strong-l),\n  0.3\n)",
+      "css-var": "input-placeholder-color"
     },
-    "$input-disabled-background-color": {
-      "name": "$input-disabled-background-color",
-      "value": "$background",
-      "type": "variable",
-      "computed_type": "color",
-      "computed_value": "hsl(0, 0%, 96%)"
+    {
+      "name": "input-focus-h",
+      "value": "var(--bulma-focus-h)",
+      "css-var": "input-focus-h"
     },
-    "$input-disabled-border-color": {
-      "name": "$input-disabled-border-color",
-      "value": "$background",
-      "type": "variable",
-      "computed_type": "color",
-      "computed_value": "hsl(0, 0%, 96%)"
+    {
+      "name": "input-focus-s",
+      "value": "var(--bulma-focus-s)",
+      "css-var": "input-focus-s"
     },
-    "$input-disabled-placeholder-color": {
-      "name": "$input-disabled-placeholder-color",
-      "value": "bulmaRgba($input-disabled-color, 0.3)",
-      "type": "compound"
+    {
+      "name": "input-focus-l",
+      "value": "var(--bulma-focus-l)",
+      "css-var": "input-focus-l"
     },
-    "$input-arrow": {
-      "name": "$input-arrow",
-      "value": "$link",
-      "type": "variable",
-      "computed_type": "color",
-      "computed_value": "hsl(229, 53%,  53%)"
+    {
+      "name": "input-focus-shadow-size",
+      "value": "var(--bulma-focus-shadow-size)",
+      "css-var": "input-focus-shadow-size"
     },
-    "$input-icon-color": {
-      "name": "$input-icon-color",
-      "value": "$border",
-      "type": "variable",
-      "computed_type": "color",
-      "computed_value": "hsl(0, 0%, 86%)"
+    {
+      "name": "input-focus-shadow-alpha",
+      "value": "var(--bulma-focus-shadow-alpha)",
+      "css-var": "input-focus-shadow-alpha"
     },
-    "$input-icon-active-color": {
-      "name": "$input-icon-active-color",
-      "value": "$text",
-      "type": "variable",
-      "computed_type": "color",
-      "computed_value": "hsl(0, 0%, 29%)"
+    {
+      "name": "input-disabled-color",
+      "value": "var(--bulma-text-weak)",
+      "css-var": "input-disabled-color"
     },
-    "$input-radius": {
-      "name": "$input-radius",
-      "value": "$radius",
-      "type": "variable",
-      "computed_type": "size",
-      "computed_value": "4px"
+    {
+      "name": "input-disabled-background-color",
+      "value": "var(--bulma-background)",
+      "css-var": "input-disabled-background-color"
+    },
+    {
+      "name": "input-disabled-border-color",
+      "value": "var(--bulma-background)",
+      "css-var": "input-disabled-border-color"
+    },
+    {
+      "name": "input-disabled-placeholder-color",
+      "value": "hsla(\n  var(--bulma-text-h),\n  var(--bulma-text-s),\n  var(--bulma-text-weak-l),\n  0.3\n)",
+      "css-var": "input-disabled-placeholder-color"
+    },
+    {
+      "name": "input-arrow",
+      "value": "var(--bulma-link)",
+      "css-var": "input-arrow"
+    },
+    {
+      "name": "input-icon-color",
+      "value": "var(--bulma-text-light)",
+      "css-var": "input-icon-color"
+    },
+    {
+      "name": "input-icon-hover-color",
+      "value": "var(--bulma-text-weak)",
+      "css-var": "input-icon-hover-color"
+    },
+    {
+      "name": "input-icon-focus-color",
+      "value": "var(--bulma-link)",
+      "css-var": "input-icon-focus-color"
+    },
+    {
+      "name": "input-radius",
+      "value": "var(--bulma-radius)",
+      "css-var": "input-radius"
     }
-  },
-  "list": [
-    "$form-colors",
-    "$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"
+  "css-vars": [
+    {
+      "name": "input-h",
+      "value": "var(--bulma-scheme-h)"
+    },
+    {
+      "name": "input-s",
+      "value": "var(--bulma-scheme-s)"
+    },
+    {
+      "name": "input-l",
+      "value": "var(--bulma-scheme-main-l)"
+    },
+    {
+      "name": "input-border-l",
+      "value": "var(--bulma-border-l)"
+    },
+    {
+      "name": "input-border-l-delta",
+      "value": "0%"
+    },
+    {
+      "name": "input-hover-border-l-delta",
+      "value": "var(--bulma-hover-border-l-delta)"
+    },
+    {
+      "name": "input-active-border-l-delta",
+      "value": "var(--bulma-active-border-l-delta)"
+    },
+    {
+      "name": "input-focus-h",
+      "value": "var(--bulma-focus-h)"
+    },
+    {
+      "name": "input-focus-s",
+      "value": "var(--bulma-focus-s)"
+    },
+    {
+      "name": "input-focus-l",
+      "value": "var(--bulma-focus-l)"
+    },
+    {
+      "name": "input-focus-shadow-size",
+      "value": "var(--bulma-focus-shadow-size)"
+    },
+    {
+      "name": "input-focus-shadow-alpha",
+      "value": "var(--bulma-focus-shadow-alpha)"
+    },
+    {
+      "name": "input-color-l",
+      "value": "var(--bulma-text-strong-l)"
+    },
+    {
+      "name": "input-background-l",
+      "value": "var(--bulma-scheme-main-l)"
+    },
+    {
+      "name": "input-background-l-delta",
+      "value": "0%"
+    },
+    {
+      "name": "input-height",
+      "value": "var(--bulma-control-height)"
+    },
+    {
+      "name": "input-shadow",
+      "value": "inset 0 0.0625em 0.125em\n  hsla(\n    var(--bulma-scheme-h),\n    var(--bulma-scheme-s),\n    var(--bulma-scheme-invert-l),\n    0.05\n  )"
+    },
+    {
+      "name": "input-placeholder-color",
+      "value": "hsla(\n  var(--bulma-text-h),\n  var(--bulma-text-s),\n  var(--bulma-text-strong-l),\n  0.3\n)"
+    },
+    {
+      "name": "input-disabled-color",
+      "value": "var(--bulma-text-weak)"
+    },
+    {
+      "name": "input-disabled-background-color",
+      "value": "var(--bulma-background)"
+    },
+    {
+      "name": "input-disabled-border-color",
+      "value": "var(--bulma-background)"
+    },
+    {
+      "name": "input-disabled-placeholder-color",
+      "value": "hsla(\n  var(--bulma-text-h),\n  var(--bulma-text-s),\n  var(--bulma-text-weak-l),\n  0.3\n)"
+    },
+    {
+      "name": "input-arrow",
+      "value": "var(--bulma-link)"
+    },
+    {
+      "name": "input-icon-color",
+      "value": "var(--bulma-text-light)"
+    },
+    {
+      "name": "input-icon-hover-color",
+      "value": "var(--bulma-text-weak)"
+    },
+    {
+      "name": "input-icon-focus-color",
+      "value": "var(--bulma-link)"
+    },
+    {
+      "name": "input-radius",
+      "value": "var(--bulma-radius)"
+    }
+  ]
 }

docs/_data/variables/form/tools.json

@@ -1,37 +1,26 @@
 {
-  "by_name": {
-    "$label-color": {
-      "name": "$label-color",
-      "value": "$text-strong",
-      "type": "variable",
-      "computed_type": "color",
-      "computed_value": "hsl(0, 0%, 21%)"
+  "sass-vars": [
+    {
+      "name": "label-color",
+      "value": "var(--bulma-text-strong)"
     },
-    "$label-weight": {
-      "name": "$label-weight",
-      "value": "$weight-bold",
-      "type": "variable",
-      "computed_type": "font-weight",
-      "computed_value": "700"
+    {
+      "name": "label-weight",
+      "value": "var(--bulma-weight-semibold)"
     },
-    "$help-size": {
-      "name": "$help-size",
-      "value": "$size-small",
-      "type": "variable",
-      "computed_type": "size",
-      "computed_value": "0.75rem"
+    {
+      "name": "help-size",
+      "value": "var(--bulma-size-small)"
     },
-    "$label-colors": {
-      "name": "$label-colors",
-      "value": "$form-colors",
-      "type": "variable"
+    {
+      "name": "label-colors",
+      "value": "shared.$form-colors"
     }
-  },
-  "list": [
-    "$label-color",
-    "$label-weight",
-    "$help-size",
-    "$label-colors"
   ],
-  "file_path": "form/tools.sass"
+  "css-vars": [
+    {
+      "name": "block-spacing",
+      "value": "0.75rem,"
+    }
+  ]
 }