uswds-jekyll 4.1.0 → 5.3.0

data/_sass/uswds/src/packages/_form-controls.scss

@@ -0,0 +1,4 @@
+// dependencies
+
+// src
+@import "../elements/form-controls/all";

data/_sass/uswds/src/packages/_form-templates.scss

@@ -0,0 +1,8 @@
+// dependencies
+@import "layout-grid";
+@import "usa-alert";
+@import "usa-button";
+@import "form-controls";
+
+// component
+@import "../components/forms";

data/_sass/uswds/src/packages/_global.scss

@@ -0,0 +1,7 @@
+// Global
+// -------------------------------------
+@import "../lib/normalize";
+@import "../global/font-face";
+@import "../global/focus";
+@import "../global/sizing";
+@import "../global/typography";

data/_sass/uswds/src/packages/_layout-grid.scss

@@ -0,0 +1,4 @@
+// dependencies
+
+// src
+@import "../elements/layout-grid";

data/_sass/uswds/src/packages/_required.scss

@@ -0,0 +1,21 @@
+// Settings
+// -------------------------------------
+@import "../settings/settings-general";
+@import "../settings/settings-typography";
+@import "../settings/settings-color";
+@import "../settings/settings-spacing";
+@import "../settings/settings-utilities";
+
+// components import needs to be last
+@import "../settings/settings-components";
+
+@import "../core/functions";
+@import "../core/system-tokens";
+@import "../core/variables";
+@import "../core/properties";
+@import "../core/mixins/all";
+@import "../core/placeholders/all";
+
+// deprecated import needs to be last
+@import "../core/deprecated";
+@import "../core/notifications";

data/_sass/uswds/src/packages/_typography.scss

@@ -0,0 +1,7 @@
+// dependencies
+
+// src
+@import "../elements/typography/links";
+@import "../elements/typography/list";
+@import "../elements/typography/prose";
+@import "../elements/typography/content";

data/_sass/uswds/src/packages/_usa-accordion.scss

@@ -0,0 +1,4 @@
+// dependencies
+
+// src
+@import "../components/accordions";

data/_sass/uswds/src/packages/_usa-alert.scss

@@ -0,0 +1,4 @@
+// dependencies
+
+// src
+@import "../components/alerts";

data/_sass/uswds/src/packages/_usa-banner.scss

@@ -0,0 +1,7 @@
+// dependencies
+@import "layout-grid";
+@import "usa-accordion";
+@import "usa-media-block";
+
+// src
+@import "../components/banner";

data/_sass/uswds/src/packages/_usa-breadcrumb.scss

@@ -0,0 +1,4 @@
+// dependencies
+
+// src
+@import "../components/breadcrumb";

data/_sass/uswds/src/packages/_usa-button-group.scss

@@ -0,0 +1,2 @@
+// src
+@import "../components/button-groups";

data/_sass/uswds/src/packages/_usa-button.scss

@@ -0,0 +1,4 @@
+// dependencies
+
+// src
+@import "../elements/buttons";

data/_sass/uswds/src/packages/_usa-card.scss

@@ -0,0 +1,4 @@
+@import "../elements/typography/links";
+@import "usa-button";
+
+@import "../components/card";

data/_sass/uswds/src/packages/_usa-checklist.scss

@@ -0,0 +1,4 @@
+// dependencies
+
+// src
+@import "../components/checklist";

data/_sass/uswds/src/packages/_usa-footer.scss

@@ -0,0 +1,10 @@
+// dependencies
+@import "../elements/layout-grid";
+@import "../elements/form-controls/global";
+@import "../elements/form-controls/text-input";
+@import "../elements/typography/list";
+@import "../components/forms";
+@import "usa-button";
+
+// component
+@import "../components/footer";

data/_sass/uswds/src/packages/_usa-header.scss

@@ -0,0 +1,13 @@
+// dependencies
+@import "../base/accessibility";
+@import "layout-grid";
+@import "usa-accordion";
+@import "usa-banner";
+@import "usa-nav";
+@import "usa-nav-container";
+@import "usa-navbar";
+@import "usa-search";
+@import "usa-skipnav";
+
+// src
+@import "../components/header";

data/_sass/uswds/src/packages/_usa-hero.scss

@@ -0,0 +1,6 @@
+// dependencies
+@import "../elements/layout-grid";
+@import "usa-button";
+
+// src
+@import "../components/hero";

data/_sass/uswds/src/packages/_usa-identifier.scss

@@ -0,0 +1 @@
+@import "../components/identifier";

data/_sass/uswds/src/packages/_usa-media-block.scss

@@ -0,0 +1,5 @@
+// dependencies
+@import "../elements/figure";
+
+// src
+@import "../components/media-block";

data/_sass/uswds/src/packages/_usa-megamenu.scss

@@ -0,0 +1,4 @@
+// dependencies
+
+// src
+@import "../components/megamenu";

data/_sass/uswds/src/packages/_usa-nav-container.scss

@@ -0,0 +1,4 @@
+// dependencies
+
+// src
+@import "../components/nav-container";

data/_sass/uswds/src/packages/_usa-nav.scss

@@ -0,0 +1,5 @@
+// dependencies
+@import "usa-megamenu";
+
+// src
+@import "../components/navigation";

data/_sass/uswds/src/packages/_usa-navbar.scss

@@ -0,0 +1,4 @@
+// dependencies
+
+// src
+@import "../components/navbar";

data/_sass/uswds/src/packages/_usa-search.scss

@@ -0,0 +1,8 @@
+// dependencies
+@import "../base/accessibility";
+@import "../elements/form-controls/global";
+@import "../elements/form-controls/text-input";
+@import "usa-button";
+
+// src
+@import "../components/search";

data/_sass/uswds/src/packages/_usa-sidenav.scss

@@ -0,0 +1,4 @@
+// dependencies
+
+// src
+@import "../components/sidenav";

data/_sass/uswds/src/packages/_usa-skipnav.scss

@@ -0,0 +1,4 @@
+// dependencies
+
+// src
+@import "../components/skipnav";

data/_sass/uswds/src/packages/_usa-step-indicator.scss

@@ -0,0 +1,2 @@
+// src
+@import "../components/step-indicator";

data/_sass/uswds/src/packages/_usa-table.scss

@@ -0,0 +1,4 @@
+// dependencies
+
+// src
+@import "../elements/table";

data/_sass/uswds/src/packages/_usa-tag.scss

@@ -0,0 +1,4 @@
+// dependencies
+
+// src
+@import "../elements/tags";

data/_sass/uswds/src/packages/_usa-tooltip.scss

@@ -0,0 +1,2 @@
+// src
+@import "../components/tooltip";

data/_sass/uswds/src/packages/_uswds-components.scss

@@ -0,0 +1,48 @@
+/*! uswds @version */
+
+// Base
+// -------------------------------------
+@import "../base/body";
+@import "../base/accessibility";
+
+// Elements
+// -------------------------------------
+@import "../elements/buttons";
+@import "../elements/embed";
+@import "../elements/figure";
+@import "../elements/form-controls/all";
+@import "../elements/layout-grid";
+@import "../elements/table";
+@import "../elements/tags";
+@import "../elements/typography/content";
+@import "../elements/typography/links";
+@import "../elements/typography/list";
+@import "../elements/typography/prose";
+
+// Components
+// -------------------------------------
+@import "../components/accordions";
+@import "../components/alerts";
+@import "../components/identifier";
+@import "../components/banner";
+@import "../components/breadcrumb";
+@import "../components/button-groups";
+@import "../components/card";
+@import "../components/checklist";
+@import "../components/footer";
+@import "../components/forms";
+@import "../components/graphic-list";
+@import "../components/header";
+@import "../components/hero";
+@import "../components/layout";
+@import "../components/media-block";
+@import "../components/megamenu";
+@import "../components/nav-container";
+@import "../components/navbar";
+@import "../components/navigation";
+@import "../components/step-indicator";
+@import "../components/search";
+@import "../components/section";
+@import "../components/sidenav";
+@import "../components/skipnav";
+@import "../components/tooltip";

data/_sass/uswds/src/packages/_uswds-fonts.scss

@@ -0,0 +1,2 @@
+// src
+@import "../global/font-face";

data/_sass/uswds/src/packages/_uswds-utilities.scss

@@ -0,0 +1,6 @@
+// src
+@import "../utilities/utility-fonts";
+@import "../utilities/palettes/all";
+@import "../utilities/rules/all";
+@import "../utilities/rules/package";
+@include render-utilities-in($utilities-package);

data/_sass/uswds/src/packages/_validation.scss

@@ -0,0 +1,8 @@
+// dependencies
+@import "../elements/form-controls/all";
+@import "usa-checklist";
+@import "usa-alert";
+@import "usa-button";
+
+// src
+@import "../components/forms";

data/_sass/uswds/src/settings/_settings-color.scss

@@ -0,0 +1,138 @@
+/*
+* * * * * ==============================
+* * * * * ==============================
+* * * * * ==============================
+* * * * * ==============================
+========================================
+========================================
+========================================
+----------------------------------------
+USWDS 2.9.0
+----------------------------------------
+COLOR SETTINGS
+----------------------------------------
+Read more about settings and
+USWDS color tokens in the documentation:
+https://designsystem.digital.gov/design-tokens/color
+----------------------------------------
+*/
+
+$test-system-color-tokens: false !default;
+
+/*
+----------------------------------------
+Theme palette colors
+----------------------------------------
+*/
+
+// Base colors
+$theme-color-base-family: "gray-cool" !default;
+$theme-color-base-lightest: "gray-5" !default;
+$theme-color-base-lighter: "gray-cool-10" !default;
+$theme-color-base-light: "gray-cool-30" !default;
+$theme-color-base: "gray-cool-50" !default;
+$theme-color-base-dark: "gray-cool-60" !default;
+$theme-color-base-darker: "gray-cool-70" !default;
+$theme-color-base-darkest: "gray-90" !default;
+$theme-color-base-ink: "gray-90" !default;
+
+// Primary colors
+$theme-color-primary-family: "blue" !default;
+$theme-color-primary-lightest: false !default;
+$theme-color-primary-lighter: "blue-10" !default;
+$theme-color-primary-light: "blue-30" !default;
+$theme-color-primary: "blue-60v" !default;
+$theme-color-primary-vivid: "blue-warm-60v" !default;
+$theme-color-primary-dark: "blue-warm-70v" !default;
+$theme-color-primary-darker: "blue-warm-80v" !default;
+$theme-color-primary-darkest: false !default;
+
+// Secondary colors
+$theme-color-secondary-family: "red" !default;
+$theme-color-secondary-lightest: false !default;
+$theme-color-secondary-lighter: "red-cool-10" !default;
+$theme-color-secondary-light: "red-30" !default;
+$theme-color-secondary: "red-50" !default;
+$theme-color-secondary-vivid: "red-cool-50v" !default;
+$theme-color-secondary-dark: "red-60v" !default;
+$theme-color-secondary-darker: "red-70v" !default;
+$theme-color-secondary-darkest: false !default;
+
+// Accent warm colors
+$theme-color-accent-warm-family: "orange" !default;
+$theme-color-accent-warm-lightest: false !default;
+$theme-color-accent-warm-lighter: "orange-10" !default;
+$theme-color-accent-warm-light: "orange-20v" !default;
+$theme-color-accent-warm: "orange-30v" !default;
+$theme-color-accent-warm-dark: "orange-50v" !default;
+$theme-color-accent-warm-darker: "orange-60" !default;
+$theme-color-accent-warm-darkest: false !default;
+
+// Accent cool colors
+$theme-color-accent-cool-family: "blue-cool" !default;
+$theme-color-accent-cool-lightest: false !default;
+$theme-color-accent-cool-lighter: "blue-cool-5v" !default;
+$theme-color-accent-cool-light: "blue-cool-20v" !default;
+$theme-color-accent-cool: "cyan-30v" !default;
+$theme-color-accent-cool-dark: "blue-cool-40v" !default;
+$theme-color-accent-cool-darker: "blue-cool-60v" !default;
+$theme-color-accent-cool-darkest: false !default;
+
+/*
+----------------------------------------
+State palette colors
+----------------------------------------
+*/
+
+// Error colors
+$theme-color-error-family: "red-warm" !default;
+$theme-color-error-lighter: "red-warm-10" !default;
+$theme-color-error-light: "red-warm-30v" !default;
+$theme-color-error: "red-warm-50v" !default;
+$theme-color-error-dark: "red-60v" !default;
+$theme-color-error-darker: "red-70" !default;
+
+// Warning colors
+$theme-color-warning-family: "gold" !default;
+$theme-color-warning-lighter: "yellow-5" !default;
+$theme-color-warning-light: "yellow-10v" !default;
+$theme-color-warning: "gold-20v" !default;
+$theme-color-warning-dark: "gold-30v" !default;
+$theme-color-warning-darker: "gold-50v" !default;
+
+// Success colors
+$theme-color-success-family: "green-cool" !default;
+$theme-color-success-lighter: "green-cool-5" !default;
+$theme-color-success-light: "green-cool-20v" !default;
+$theme-color-success: "green-cool-40v" !default;
+$theme-color-success-dark: "green-cool-50" !default;
+$theme-color-success-darker: "green-cool-60" !default;
+
+// Info colors
+$theme-color-info-family: "cyan" !default;
+$theme-color-info-lighter: "cyan-5" !default;
+$theme-color-info-light: "cyan-20" !default;
+$theme-color-info: "cyan-30v" !default;
+$theme-color-info-dark: "cyan-40v" !default;
+$theme-color-info-darker: "blue-cool-60" !default;
+
+// Disabled colors
+$theme-color-disabled-family: "gray" !default;
+$theme-color-disabled-light: "gray-10" !default;
+$theme-color-disabled: "gray-20" !default;
+$theme-color-disabled-dark: "gray-30" !default;
+
+/*
+----------------------------------------
+General colors
+----------------------------------------
+*/
+
+// Links
+$theme-link-color: "primary" !default;
+$theme-link-visited-color: "violet-70v" !default;
+$theme-link-hover-color: "primary-dark" !default;
+$theme-link-active-color: "primary-darker" !default;
+$theme-link-reverse-color: "base-lighter" !default;
+$theme-link-reverse-hover-color: "base-lightest" !default;
+$theme-link-reverse-active-color: "white" !default;

data/_sass/uswds/src/settings/_settings-components.scss

@@ -0,0 +1,129 @@
+/*
+* * * * * ==============================
+* * * * * ==============================
+* * * * * ==============================
+* * * * * ==============================
+========================================
+========================================
+========================================
+----------------------------------------
+USWDS 2.9.0
+----------------------------------------
+COMPONENT SETTINGS
+----------------------------------------
+Read more about settings and
+USWDS style tokens in the documentation:
+https://designsystem.digital.gov/design-tokens
+----------------------------------------
+*/
+
+// Accordion
+$theme-accordion-border-width: 0.5 !default;
+$theme-accordion-border-color: "base-lightest" !default;
+$theme-accordion-font-family: "body" !default;
+
+// Alert
+$theme-alert-bar-width: 1 !default;
+$theme-alert-font-family: "ui" !default;
+$theme-alert-icon-size: 4 !default;
+$theme-alert-padding-x: 2.5 !default;
+
+// Banner
+$theme-banner-background-color: "base-lightest" !default;
+$theme-banner-font-family: "ui" !default;
+$theme-banner-link-color: default !default;
+$theme-banner-max-width: "desktop" !default;
+
+// Breadcrumb
+$theme-breadcrumb-background-color: "white" !default;
+$theme-breadcrumb-font-size: "sm" !default;
+$theme-breadcrumb-font-family: "body" !default;
+$theme-breadcrumb-link-color: default !default;
+$theme-breadcrumb-min-width: "mobile-lg" !default;
+$theme-breadcrumb-padding-bottom: 2 !default;
+$theme-breadcrumb-padding-top: 2 !default;
+$theme-breadcrumb-padding-x: 0 !default;
+$theme-breadcrumb-separator-color: "base" !default;
+
+// Button
+$theme-button-font-family: "ui" !default;
+$theme-button-border-radius: "md" !default;
+$theme-button-small-width: 6 !default;
+$theme-button-stroke-width: 2px !default;
+
+// Card
+$theme-card-border-color: "base-lighter" !default;
+$theme-card-border-radius: "lg" !default;
+$theme-card-border-width: 2px !default;
+$theme-card-gap: 2 !default;
+$theme-card-flag-min-width: "tablet" !default;
+$theme-card-flag-image-width: "card-lg" !default;
+$theme-card-font-family: "body" !default;
+$theme-card-header-typeset: "heading", "lg", 2 !default;
+$theme-card-margin-bottom: 4 !default;
+$theme-card-padding-perimeter: 3 !default;
+$theme-card-padding-y: 2 !default;
+
+// Footer
+$theme-footer-font-family: "body" !default;
+$theme-footer-max-width: "desktop" !default;
+
+// Form and input
+$theme-checkbox-border-radius: "sm" !default;
+$theme-form-font-family: "ui" !default;
+$theme-input-line-height: 3 !default;
+$theme-input-max-width: "mobile-lg" !default;
+$theme-input-select-border-width: 2px !default;
+$theme-input-select-size: 2.5 !default;
+$theme-input-state-border-width: 0.5 !default;
+
+// Header
+$theme-header-font-family: "ui" !default;
+$theme-header-logo-text-width: 33% !default;
+$theme-header-max-width: "desktop" !default;
+$theme-header-min-width: "desktop" !default;
+
+// Hero
+$theme-hero-image: "#{$theme-image-path}/hero.png" !default;
+
+// Identifier
+$theme-identifier-font-family: "ui" !default;
+$theme-identifier-background-color: "base-darkest" !default;
+$theme-identifier-identity-domain-color: "base-light" !default;
+$theme-identifier-max-width: "desktop" !default;
+$theme-identifier-secondary-link-color: "base-light" !default;
+
+// Navigation
+$theme-navigation-font-family: "ui" !default;
+$theme-megamenu-columns: 3 !default;
+
+// Search
+$theme-search-font-family: "ui" !default;
+$theme-search-min-width: 27ch !default;
+
+// Sidenav
+$theme-sidenav-current-border-width: 0.5 !default;
+$theme-sidenav-font-family: "ui" !default;
+
+// Step indicator
+$step-indicator-background-color: "white" !default;
+$theme-step-indicator-counter-gap: 0.5 !default;
+$theme-step-indicator-counter-border-width: 0.5 !default;
+$theme-step-indicator-font-family: "ui" !default;
+$theme-step-indicator-heading-color: "ink" !default;
+$theme-step-indicator-heading-font-family: "ui" !default;
+$theme-step-indicator-heading-font-size: "lg" !default;
+$theme-step-indicator-heading-font-size-small: "md" !default;
+$theme-step-indicator-label-font-size: "sm" !default;
+$theme-step-indicator-min-width: "tablet" !default;
+$theme-step-indicator-segment-color-pending: "base-lighter" !default;
+$theme-step-indicator-segment-color-complete: "primary-darker" !default;
+$theme-step-indicator-segment-color-current: "primary" !default;
+$theme-step-indicator-segment-gap: 2px !default;
+$theme-step-indicator-segment-height: 1 !default;
+$theme-step-indicator-text-pending-color: "base-dark" !default;
+
+// Tooltips
+$theme-tooltip-background-color: "ink" !default;
+$theme-tooltip-font-color: "base-lightest" !default;
+$theme-tooltip-font-size: "xs" !default;