@grantcodes/style-dictionary 1.1.0 → 1.2.0

package/tokens/wireframe/tier-3-components/button.json

@@ -0,0 +1,94 @@
+{
+	"button": {
+		"color": {
+			"background": {
+				"default": {
+					"value": "{color.background.brand}"
+				},
+				"hover": {
+					"value": "{color.background.brand-hover}"
+				},
+				"active": {
+					"value": "{color.background.brand-hover}"
+				},
+				"disabled": {
+					"value": "{color.background.default}"
+				}
+			},
+			"content": {
+				"default": {
+					"value": "{color.content.default}"
+				},
+				"hover": {
+					"value": "{color.content.brand-knockout}"
+				},
+				"active": {
+					"value": "{color.content.brand-knockout}"
+				},
+				"disabled": {
+					"value": "{color.content.disabled}"
+				}
+			},
+			"border": {
+				"default": {
+					"value": "{color.border.default}"
+				},
+				"hover": {
+					"value": "{color.border.brand}"
+				},
+				"active": {
+					"value": "{color.border.brand}"
+				},
+				"disabled": {
+					"value": "{color.border.default}"
+				}
+			}
+		},
+		"primary": {
+			"color": {
+				"background": {
+					"default": {
+						"value": "{color.brand.gray.700}"
+					},
+					"hover": {
+						"value": "{color.brand.gray.800}"
+					},
+					"active": {
+						"value": "{color.brand.gray.800}"
+					},
+					"disabled": {
+						"value": "{color.background.brand-disabled}"
+					}
+				},
+				"content": {
+					"default": {
+						"value": "{color.background.knockout}"
+					},
+					"hover": {
+						"value": "{color.background.knockout}"
+					},
+					"active": {
+						"value": "{color.background.knockout}"
+					},
+					"disabled": {
+						"value": "{color.content.default}"
+					}
+				},
+				"border": {
+					"default": {
+						"value": "{color.brand.gray.700}"
+					},
+					"hover": {
+						"value": "{color.brand.gray.800}"
+					},
+					"active": {
+						"value": "{color.brand.gray.800}"
+					},
+					"disabled": {
+						"value": "{color.border.default}"
+					}
+				}
+			}
+		}
+	}
+}

package/tokens/wireframe/tier-3-components/focus-ring.json

@@ -0,0 +1,26 @@
+{
+  "focus-ring": {
+    "color": {
+      "default": {
+        "value": "rgba(0, 0, 0, 0.4)"
+      },
+      "contrast": {
+        "value": "{color.neutral.200}"
+      },
+      "contrast-shadow": {
+        "value": "{color.neutral.800}"
+      }
+    },
+    "width": {
+      "default": {
+        "value": "0.2rem"
+      }
+    },
+    "offset": {
+      "default": {
+        "value": "0px"
+      }
+    }
+  }
+}
+

package/tokens/wireframe/tier-3-components/form.json

@@ -0,0 +1,69 @@
+{
+  "form": {
+    "color": {
+      "background": {
+        "default": {
+          "value": "{color.background.default}"
+        },
+        "focus": {
+          "value": "{color.background.default}"
+        },
+        "hover": {
+          "value": "{color.background.subtle}"
+        },
+        "active": {
+          "value": "{color.background.default}"
+        },
+        "disabled": {
+          "value": "{color.background.default}"
+        }
+      },
+      "content": {
+        "default": {
+          "value": "{color.content.default}"
+        },
+        "focus": {
+          "value": "{color.content.default}"
+        },
+        "hover": {
+          "value": "{color.content.default}"
+        },
+        "active": {
+          "value": "{color.content.default}"
+        },
+        "disabled": {
+          "value": "{color.content.disabled}"
+        }
+      },
+      "border": {
+        "default": {
+          "value": "{color.border.default}"
+        },
+        "focus": {
+          "value": "{color.border.brand}"
+        },
+        "hover": {
+          "value": "{color.border.default-hover}"
+        },
+        "active": {
+          "value": "{color.border.brand}"
+        },
+        "disabled": {
+          "value": "{color.border.default}"
+        },
+        "error": {
+          "value": "{color.border.utility.error}"
+        }
+      }
+    },
+    "input": {
+      "accent": {
+        "color": {
+          "default": {
+            "value": "{color.brand.gray.500}"
+          }
+        }
+      }
+    }
+  }
+}

package/tokens/wireframe/tier-3-components/link.json

@@ -0,0 +1,39 @@
+{
+  "link": {
+    "color": {
+      "content": {
+        "default": {
+          "value": "{color.brand.gray.600}"
+        },
+        "hover": {
+          "value": "{color.brand.gray.900}"
+        },
+        "active": {
+          "value": "{color.brand.gray.900}"
+        },
+        "visited": {
+          "value": "{color.brand.gray.600}"
+        }
+      }
+    },
+    "knockout": {
+      "color": {
+        "content": {
+          "default": {
+            "value": "{color.content.knockout}"
+          },
+          "hover": {
+            "value": "{color.content.knockout}"
+          },
+          "active": {
+            "value": "{color.content.knockout}"
+          },
+          "visited": {
+            "value": "{color.content.knockout}"
+          }
+        }
+      }
+    }
+  }
+}
+

package/.github/workflows/create-release.yml

@@ -1,45 +0,0 @@
-name: Create Release
-
-on:
-  push:
-    branches:
-      - main
-
-jobs:
-  release-please:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: google-github-actions/release-please-action@v3
-        name: Create release PR
-        with:
-          release-type: node
-          package-name: '@grantcodes/style-dictionary'
-
-      - uses: actions/checkout@v3
-        name: Checkout code
-        if: ${{ steps.release.outputs.release_created }}
-
-      - uses: actions/setup-node@v3
-        name: Setup node
-        with:
-          node-version: 16
-          registry-url: 'https://registry.npmjs.org'
-        if: ${{ steps.release.outputs.release_created }}
-
-      - run: npm ci
-        name: Install dependencies
-        if: ${{ steps.release.outputs.release_created }}
-
-      - run: npm run build
-        name: Build package
-        if: ${{ steps.release.outputs.release_created }}
-
-      - run: npm test
-        name: Run tests
-        if: ${{ steps.release.outputs.release_created }}
-
-      - run: npm publish
-        name: Publish to NPM
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-        if: ${{ steps.release.outputs.release_created }}

package/.simple-git-hooks.cjs

@@ -1 +0,0 @@
-const defaultHooks = require('@grantcodes/commit/.simple-git-hooks.cjs'); module.exports = { ...defaultHooks };

package/commitlint.config.cjs

@@ -1 +0,0 @@
-module.exports = { extends: ['@grantcodes/commit/commitlint.config.cjs'] };

package/dist/css/default/style-dictionary.css

@@ -1,181 +0,0 @@
-/**
- * Do not edit directly
- * Generated on Fri, 23 Sep 2022 11:25:07 GMT
- */
-
-:root {
-  --component-input-base-box-shadow: none;
-  --component-button-base-box-shadow: none;
-  --component-button-base-border-color: transparent;
-  --size-block-width-wide: 70rem;
-  --size-block-width-normal: 40rem;
-  --size-border-width: 0.125rem;
-  --size-border-radius: 0.5rem;
-  --size-space-unit: 1rem; /* The main unit that spacing is based on */
-  --font-weight-heading: 900;
-  --font-weight-body: 600;
-  --font-line-height-heading: 1.1;
-  --font-line-height-body: 1.5;
-  --font-size-base: clamp(1rem, 0.34vw + 0.91rem, 1.2rem); /* the fluid base size of the font */
-  --font-size-huge: 2.44140625rem; /* the base size of the font */
-  --font-size-large: 1.5625rem; /* the base size of the font */
-  --font-size-medium: 1.25rem; /* the base size of the font */
-  --font-size-normal: 1rem; /* the base size of the font */
-  --font-size-small: 0.8rem; /* the base size of the font */
-  --font-size-tiny: 0.64rem; /* the base size of the font */
-  --font-family-system-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
-  --font-family-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
-  --color-base-error-900: #7a0906;
-  --color-base-error-800: #93170a;
-  --color-base-error-700: #b72b10;
-  --color-base-error-600: #db4518;
-  --color-base-error-500: #ff6321;
-  --color-base-error-400: #ff9558;
-  --color-base-error-300: #ffb379;
-  --color-base-error-200: #ffd2a6;
-  --color-base-error-100: #ffebd2;
-  --color-base-warning-900: #786100;
-  --color-base-warning-800: #927800;
-  --color-base-warning-700: #b59700;
-  --color-base-warning-600: #d8b800;
-  --color-base-warning-500: #fcda00;
-  --color-base-warning-400: #fde63f;
-  --color-base-warning-300: #feed65;
-  --color-base-warning-200: #fef598;
-  --color-base-warning-100: #fefacb;
-  --color-base-info-900: #004375;
-  --color-base-info-800: #005d8d;
-  --color-base-info-700: #0081af;
-  --color-base-info-600: #00acd1;
-  --color-base-info-500: #00dcf4;
-  --color-base-info-400: #3ef5f8;
-  --color-base-info-300: #64fbf2;
-  --color-base-info-200: #98fdef;
-  --color-base-info-100: #cbfef2;
-  --color-base-success-900: #09600f;
-  --color-base-success-800: #0f740f;
-  --color-base-success-700: #219019;
-  --color-base-success-600: #38ac24;
-  --color-base-success-500: #53c932;
-  --color-base-success-400: #85de61;
-  --color-base-success-300: #aaee83;
-  --color-base-success-200: #cff9ae;
-  --color-base-success-100: #e9fcd6;
-  --color-base-tertiary-900: #1b2c68;
-  --color-base-tertiary-800: #2d437e;
-  --color-base-tertiary-700: #48619c;
-  --color-base-tertiary-600: #6985bb;
-  --color-base-tertiary-500: #90acda;
-  --color-base-tertiary-400: #adc6e8;
-  --color-base-tertiary-300: #c2d8f3;
-  --color-base-tertiary-200: #d9eafb;
-  --color-base-tertiary-100: #ebf5fd;
-  --color-base-secondary-900: #5c0d1c;
-  --color-base-secondary-800: #6f151f;
-  --color-base-secondary-700: #8a2225;
-  --color-base-secondary-600: #a53731;
-  --color-base-secondary-500: #c15444;
-  --color-base-secondary-400: #d98570;
-  --color-base-secondary-300: #ecaa90;
-  --color-base-secondary-200: #f8cfb8;
-  --color-base-secondary-100: #fbe9db;
-  --color-base-primary-900: #17115e;
-  --color-base-primary-800: #251d72;
-  --color-base-primary-700: #382d8d;
-  --color-base-primary-600: #4f42a9;
-  --color-base-primary-500: #6a5bc5;
-  --color-base-primary-400: #9183dc;
-  --color-base-primary-300: #aea0ed;
-  --color-base-primary-200: #cdc3f9;
-  --color-base-primary-100: #e6e0fc;
-  --color-base-dark-shade: #29263b;
-  --color-base-dark-main: #24222f;
-  --color-base-light-shade: #d6d5dd;
-  --color-base-light-main: #f1f1f3;
-  --asset-font-quicksand-weight-700-woff2: "assets/fonts/quicksand-bold.woff2";
-  --asset-font-quicksand-weight-700-woff: "assets/fonts/quicksand-bold.woff";
-  --asset-font-quicksand-weight-700-ttf: "assets/fonts/quicksand-bold.ttf";
-  --asset-font-quicksand-weight-500-woff2: "assets/fonts/quicksand-medium.woff2";
-  --asset-font-quicksand-weight-500-woff: "assets/fonts/quicksand-medium.woff";
-  --asset-font-quicksand-weight-500-ttf: "assets/fonts/quicksand-medium.ttf";
-  --asset-font-quicksand-weight-400-woff2: "assets/fonts/quicksand-regular.woff2";
-  --asset-font-quicksand-weight-400-woff: "assets/fonts/quicksand-regular.woff";
-  --asset-font-quicksand-weight-400-ttf: "assets/fonts/quicksand-regular.ttf";
-  --asset-font-quicksand-weight-300-woff2: "assets/fonts/quicksand-light.woff2";
-  --asset-font-quicksand-weight-300-woff: "assets/fonts/quicksand-light.woff";
-  --asset-font-quicksand-weight-300-ttf: "assets/fonts/quicksand-light.ttf";
-  --asset-font-quicksand-name: "Quicksand";
-  --asset-font-greycliff-weight-900-woff2: "assets/fonts/greycliff-heavy.woff2";
-  --asset-font-greycliff-weight-900-woff: "assets/fonts/greycliff-heavy.woff";
-  --asset-font-greycliff-weight-900-eot: "assets/fonts/greycliff-heavy.eot";
-  --asset-font-greycliff-weight-900-ttf: "assets/fonts/greycliff-heavy.ttf";
-  --asset-font-greycliff-weight-800-woff2: "assets/fonts/greycliff-extra-bold.woff2";
-  --asset-font-greycliff-weight-800-woff: "assets/fonts/greycliff-extra-bold.woff";
-  --asset-font-greycliff-weight-800-eot: "assets/fonts/greycliff-extra-bold.eot";
-  --asset-font-greycliff-weight-800-ttf: "assets/fonts/greycliff-extra-bold.ttf";
-  --asset-font-greycliff-weight-700-woff2: "assets/fonts/greycliff-bold.woff2";
-  --asset-font-greycliff-weight-700-woff: "assets/fonts/greycliff-bold.woff";
-  --asset-font-greycliff-weight-700-eot: "assets/fonts/greycliff-bold.eot";
-  --asset-font-greycliff-weight-700-ttf: "assets/fonts/greycliff-bold.ttf";
-  --asset-font-greycliff-weight-600-woff2: "assets/fonts/greycliff-demi-bold.woff2";
-  --asset-font-greycliff-weight-600-woff: "assets/fonts/greycliff-demi-bold.woff";
-  --asset-font-greycliff-weight-600-eot: "assets/fonts/greycliff-demi-bold.eot";
-  --asset-font-greycliff-weight-600-ttf: "assets/fonts/greycliff-demi-bold.ttf";
-  --asset-font-greycliff-weight-500-woff2: "assets/fonts/greycliff-medium.woff2";
-  --asset-font-greycliff-weight-500-woff: "assets/fonts/greycliff-medium.woff";
-  --asset-font-greycliff-weight-500-eot: "assets/fonts/greycliff-medium.eot";
-  --asset-font-greycliff-weight-500-ttf: "assets/fonts/greycliff-medium.ttf";
-  --asset-font-greycliff-weight-400-woff2: "assets/fonts/greycliff-regular.woff2";
-  --asset-font-greycliff-weight-400-woff: "assets/fonts/greycliff-regular.woff";
-  --asset-font-greycliff-weight-400-eot: "assets/fonts/greycliff-regular.eot";
-  --asset-font-greycliff-weight-400-ttf: "assets/fonts/greycliff-regular.ttf";
-  --asset-font-greycliff-weight-300-woff2: "assets/fonts/greycliff-light.woff2";
-  --asset-font-greycliff-weight-300-woff: "assets/fonts/greycliff-light.woff";
-  --asset-font-greycliff-weight-300-eot: "assets/fonts/greycliff-light.eot";
-  --asset-font-greycliff-weight-300-ttf: "assets/fonts/greycliff-light.ttf";
-  --asset-font-greycliff-weight-200-woff2: "assets/fonts/greycliff-extra-light.woff2";
-  --asset-font-greycliff-weight-200-woff: "assets/fonts/greycliff-extra-light.woff";
-  --asset-font-greycliff-weight-200-eot: "assets/fonts/greycliff-extra-light.eot";
-  --asset-font-greycliff-weight-200-ttf: "assets/fonts/greycliff-extra-light.ttf";
-  --asset-font-greycliff-weight-100-woff2: "assets/fonts/greycliff-thin.woff2";
-  --asset-font-greycliff-weight-100-woff: "assets/fonts/greycliff-thin.woff";
-  --asset-font-greycliff-weight-100-eot: "assets/fonts/greycliff-thin.eot";
-  --asset-font-greycliff-weight-100-ttf: "assets/fonts/greycliff-thin.ttf";
-  --asset-font-greycliff-name: "Greycliff";
-  --component-input-active-box-shadow: var(--component-input-base-box-shadow);
-  --component-input-active-border-color: var(--color-base-primary-500);
-  --component-input-active-color: var(--color-base-dark-main);
-  --component-input-hover-box-shadow: var(--component-input-base-box-shadow);
-  --component-input-hover-border-color: var(--color-base-dark-shade);
-  --component-input-hover-color: var(--color-base-dark-main);
-  --component-input-base-border-width: var(--size-border-width);
-  --component-input-base-border-radius: var(--size-border-radius);
-  --component-input-base-color: var(--color-base-dark-shade);
-  --component-card-border-radius: var(--size-border-radius);
-  --component-card-border-width: var(--size-border-width);
-  --component-card-border-color: var(--color-base-light-shade);
-  --component-card-background: var(--color-base-light-main);
-  --component-card-color: var(--color-base-primary-500);
-  --component-button-active-background: var(--color-base-primary-700);
-  --component-button-hover-box-shadow: var(--component-button-base-box-shadow);
-  --component-button-hover-border-color: var(--component-button-base-border-color);
-  --component-button-hover-background: var(--color-base-primary-600);
-  --component-button-hover-color: var(--color-base-light-main);
-  --component-button-base-border-width: var(--size-border-width);
-  --component-button-base-border-radius: var(--size-border-radius);
-  --component-button-base-background: var(--color-base-primary-500);
-  --component-button-base-color: var(--color-base-light-shade);
-  --font-family-mono: var(--font-family-system-mono);
-  --font-family-body: var(--asset-font-greycliff-name), var(--font-family-system);
-  --font-family-heading: var(--asset-font-greycliff-name), var(--font-family-system);
-  --color-font-base: var(--color-base-dark-main);
-  --color-base-background-shade: var(--color-base-light-shade);
-  --color-base-background-main: var(--color-base-light-main);
-  --component-input-base-border-color: var(--color-base-background-shade);
-  --component-input-base-background: var(--color-base-background-main);
-  --component-button-active-box-shadow: var(--component-button-hover-box-shadow);
-  --component-button-active-border-color: var(--component-button-hover-border-color);
-  --component-button-active-color: var(--component-button-hover-color);
-  --component-input-active-background: var(--component-input-base-background);
-  --component-input-hover-background: var(--component-input-base-background);
-}

package/dist/css/todomap/style-dictionary.css

@@ -1,181 +0,0 @@
-/**
- * Do not edit directly
- * Generated on Fri, 23 Sep 2022 11:25:07 GMT
- */
-
-:root {
-  --component-input-base-box-shadow: none;
-  --component-button-base-box-shadow: none;
-  --component-button-base-border-color: transparent;
-  --size-block-width-wide: 70rem;
-  --size-block-width-normal: 40rem;
-  --size-border-width: 0.125rem;
-  --size-border-radius: 0.5rem;
-  --size-space-unit: 1rem; /* The main unit that spacing is based on */
-  --font-weight-heading: 700;
-  --font-weight-body: 400;
-  --font-line-height-heading: 1.1;
-  --font-line-height-body: 1.5;
-  --font-size-base: clamp(1rem, 0.34vw + 0.91rem, 1.2rem); /* the fluid base size of the font */
-  --font-size-huge: 2.44140625rem; /* the base size of the font */
-  --font-size-large: 1.5625rem; /* the base size of the font */
-  --font-size-medium: 1.25rem; /* the base size of the font */
-  --font-size-normal: 1rem; /* the base size of the font */
-  --font-size-small: 0.8rem; /* the base size of the font */
-  --font-size-tiny: 0.64rem; /* the base size of the font */
-  --font-family-system-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
-  --font-family-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
-  --color-base-error-900: #f9364d;
-  --color-base-error-800: #f9364d;
-  --color-base-error-700: #f9364d;
-  --color-base-error-600: #f9364d;
-  --color-base-error-500: #f9364d;
-  --color-base-error-400: #f9364d;
-  --color-base-error-300: #f9364d;
-  --color-base-error-200: #f9364d;
-  --color-base-error-100: #f9364d;
-  --color-base-warning-900: #ffe102;
-  --color-base-warning-800: #ffe102;
-  --color-base-warning-700: #ffe102;
-  --color-base-warning-600: #ffe102;
-  --color-base-warning-500: #ffe102;
-  --color-base-warning-400: #ffe102;
-  --color-base-warning-300: #ffe102;
-  --color-base-warning-200: #ffe102;
-  --color-base-warning-100: #ffe102;
-  --color-base-info-900: #009af9;
-  --color-base-info-800: #009af9;
-  --color-base-info-700: #009af9;
-  --color-base-info-600: #009af9;
-  --color-base-info-500: #009af9;
-  --color-base-info-400: #009af9;
-  --color-base-info-300: #009af9;
-  --color-base-info-200: #009af9;
-  --color-base-info-100: #009af9;
-  --color-base-success-900: #5bd13a;
-  --color-base-success-800: #5bd13a;
-  --color-base-success-700: #5bd13a;
-  --color-base-success-600: #5bd13a;
-  --color-base-success-500: #5bd13a;
-  --color-base-success-400: #5bd13a;
-  --color-base-success-300: #5bd13a;
-  --color-base-success-200: #5bd13a;
-  --color-base-success-100: #5bd13a;
-  --color-base-tertiary-900: #1b2c68;
-  --color-base-tertiary-800: #2d437e;
-  --color-base-tertiary-700: #48619c;
-  --color-base-tertiary-600: #6985bb;
-  --color-base-tertiary-500: #90acda;
-  --color-base-tertiary-400: #adc6e8;
-  --color-base-tertiary-300: #c2d8f3;
-  --color-base-tertiary-200: #d9eafb;
-  --color-base-tertiary-100: #ebf5fd;
-  --color-base-secondary-900: #4a58fc;
-  --color-base-secondary-800: #4a58fc;
-  --color-base-secondary-700: #4a58fc;
-  --color-base-secondary-600: #4a58fc;
-  --color-base-secondary-500: #7c86fd;
-  --color-base-secondary-400: #7c86fd;
-  --color-base-secondary-300: #7c86fd;
-  --color-base-secondary-200: #7c86fd;
-  --color-base-secondary-100: #7c86fd;
-  --color-base-primary-900: #ae133e;
-  --color-base-primary-800: #ae133e;
-  --color-base-primary-700: #ae133e;
-  --color-base-primary-600: #ae133e;
-  --color-base-primary-500: #ea3d6d;
-  --color-base-primary-400: #ea3d6d;
-  --color-base-primary-300: #ea3d6d;
-  --color-base-primary-200: #ea3d6d;
-  --color-base-primary-100: #ea3d6d;
-  --color-base-dark-shade: #292828;
-  --color-base-dark-main: #292828;
-  --color-base-light-shade: #fafafa;
-  --color-base-light-main: #fafafa;
-  --asset-font-quicksand-weight-700-woff2: "assets/fonts/quicksand-bold.woff2";
-  --asset-font-quicksand-weight-700-woff: "assets/fonts/quicksand-bold.woff";
-  --asset-font-quicksand-weight-700-ttf: "assets/fonts/quicksand-bold.ttf";
-  --asset-font-quicksand-weight-500-woff2: "assets/fonts/quicksand-medium.woff2";
-  --asset-font-quicksand-weight-500-woff: "assets/fonts/quicksand-medium.woff";
-  --asset-font-quicksand-weight-500-ttf: "assets/fonts/quicksand-medium.ttf";
-  --asset-font-quicksand-weight-400-woff2: "assets/fonts/quicksand-regular.woff2";
-  --asset-font-quicksand-weight-400-woff: "assets/fonts/quicksand-regular.woff";
-  --asset-font-quicksand-weight-400-ttf: "assets/fonts/quicksand-regular.ttf";
-  --asset-font-quicksand-weight-300-woff2: "assets/fonts/quicksand-light.woff2";
-  --asset-font-quicksand-weight-300-woff: "assets/fonts/quicksand-light.woff";
-  --asset-font-quicksand-weight-300-ttf: "assets/fonts/quicksand-light.ttf";
-  --asset-font-quicksand-name: "Quicksand";
-  --asset-font-greycliff-weight-900-woff2: "assets/fonts/greycliff-heavy.woff2";
-  --asset-font-greycliff-weight-900-woff: "assets/fonts/greycliff-heavy.woff";
-  --asset-font-greycliff-weight-900-eot: "assets/fonts/greycliff-heavy.eot";
-  --asset-font-greycliff-weight-900-ttf: "assets/fonts/greycliff-heavy.ttf";
-  --asset-font-greycliff-weight-800-woff2: "assets/fonts/greycliff-extra-bold.woff2";
-  --asset-font-greycliff-weight-800-woff: "assets/fonts/greycliff-extra-bold.woff";
-  --asset-font-greycliff-weight-800-eot: "assets/fonts/greycliff-extra-bold.eot";
-  --asset-font-greycliff-weight-800-ttf: "assets/fonts/greycliff-extra-bold.ttf";
-  --asset-font-greycliff-weight-700-woff2: "assets/fonts/greycliff-bold.woff2";
-  --asset-font-greycliff-weight-700-woff: "assets/fonts/greycliff-bold.woff";
-  --asset-font-greycliff-weight-700-eot: "assets/fonts/greycliff-bold.eot";
-  --asset-font-greycliff-weight-700-ttf: "assets/fonts/greycliff-bold.ttf";
-  --asset-font-greycliff-weight-600-woff2: "assets/fonts/greycliff-demi-bold.woff2";
-  --asset-font-greycliff-weight-600-woff: "assets/fonts/greycliff-demi-bold.woff";
-  --asset-font-greycliff-weight-600-eot: "assets/fonts/greycliff-demi-bold.eot";
-  --asset-font-greycliff-weight-600-ttf: "assets/fonts/greycliff-demi-bold.ttf";
-  --asset-font-greycliff-weight-500-woff2: "assets/fonts/greycliff-medium.woff2";
-  --asset-font-greycliff-weight-500-woff: "assets/fonts/greycliff-medium.woff";
-  --asset-font-greycliff-weight-500-eot: "assets/fonts/greycliff-medium.eot";
-  --asset-font-greycliff-weight-500-ttf: "assets/fonts/greycliff-medium.ttf";
-  --asset-font-greycliff-weight-400-woff2: "assets/fonts/greycliff-regular.woff2";
-  --asset-font-greycliff-weight-400-woff: "assets/fonts/greycliff-regular.woff";
-  --asset-font-greycliff-weight-400-eot: "assets/fonts/greycliff-regular.eot";
-  --asset-font-greycliff-weight-400-ttf: "assets/fonts/greycliff-regular.ttf";
-  --asset-font-greycliff-weight-300-woff2: "assets/fonts/greycliff-light.woff2";
-  --asset-font-greycliff-weight-300-woff: "assets/fonts/greycliff-light.woff";
-  --asset-font-greycliff-weight-300-eot: "assets/fonts/greycliff-light.eot";
-  --asset-font-greycliff-weight-300-ttf: "assets/fonts/greycliff-light.ttf";
-  --asset-font-greycliff-weight-200-woff2: "assets/fonts/greycliff-extra-light.woff2";
-  --asset-font-greycliff-weight-200-woff: "assets/fonts/greycliff-extra-light.woff";
-  --asset-font-greycliff-weight-200-eot: "assets/fonts/greycliff-extra-light.eot";
-  --asset-font-greycliff-weight-200-ttf: "assets/fonts/greycliff-extra-light.ttf";
-  --asset-font-greycliff-weight-100-woff2: "assets/fonts/greycliff-thin.woff2";
-  --asset-font-greycliff-weight-100-woff: "assets/fonts/greycliff-thin.woff";
-  --asset-font-greycliff-weight-100-eot: "assets/fonts/greycliff-thin.eot";
-  --asset-font-greycliff-weight-100-ttf: "assets/fonts/greycliff-thin.ttf";
-  --asset-font-greycliff-name: "Greycliff";
-  --component-input-active-box-shadow: var(--component-input-base-box-shadow);
-  --component-input-active-border-color: var(--color-base-primary-500);
-  --component-input-active-color: var(--color-base-dark-main);
-  --component-input-hover-box-shadow: var(--component-input-base-box-shadow);
-  --component-input-hover-border-color: var(--color-base-dark-shade);
-  --component-input-hover-color: var(--color-base-dark-main);
-  --component-input-base-border-width: var(--size-border-width);
-  --component-input-base-border-radius: var(--size-border-radius);
-  --component-input-base-color: var(--color-base-dark-shade);
-  --component-card-border-radius: var(--size-border-radius);
-  --component-card-border-width: var(--size-border-width);
-  --component-card-border-color: var(--color-base-light-shade);
-  --component-card-background: var(--color-base-light-main);
-  --component-card-color: var(--color-base-primary-500);
-  --component-button-active-background: var(--color-base-primary-700);
-  --component-button-hover-box-shadow: var(--component-button-base-box-shadow);
-  --component-button-hover-border-color: var(--component-button-base-border-color);
-  --component-button-hover-background: var(--color-base-primary-600);
-  --component-button-hover-color: var(--color-base-light-main);
-  --component-button-base-border-width: var(--size-border-width);
-  --component-button-base-border-radius: var(--size-border-radius);
-  --component-button-base-background: var(--color-base-primary-500);
-  --component-button-base-color: var(--color-base-light-shade);
-  --font-family-mono: var(--font-family-system-mono);
-  --font-family-body: var(--asset-font-quicksand-name), var(--font-family-system);
-  --font-family-heading: var(--asset-font-quicksand-name), var(--font-family-system);
-  --color-font-base: var(--color-base-dark-main);
-  --color-base-background-shade: var(--color-base-light-shade);
-  --color-base-background-main: var(--color-base-light-main);
-  --component-input-base-border-color: var(--color-base-background-shade);
-  --component-input-base-background: var(--color-base-background-main);
-  --component-button-active-box-shadow: var(--component-button-hover-box-shadow);
-  --component-button-active-border-color: var(--component-button-hover-border-color);
-  --component-button-active-color: var(--component-button-hover-color);
-  --component-input-active-background: var(--component-input-base-background);
-  --component-input-hover-background: var(--component-input-base-background);
-}