uswds-jekyll 4.1.0 → 5.3.0

data/_sass/uswds/src/core/mixins/utilities/_position.scss

@@ -0,0 +1,10 @@
+// Outputs position property
+
+@mixin u-position($value...) {
+  $important: null;
+  @if has-important($value) {
+    $value: remove($value, "!important");
+    $important: " !important";
+  }
+  position: get-uswds-value(position, $value...) #{$important};
+}

data/_sass/uswds/src/core/mixins/utilities/_right.scss

@@ -0,0 +1,10 @@
+// Outputs right
+
+@mixin u-right($value...) {
+  $important: null;
+  @if has-important($value) {
+    $value: remove($value, "!important");
+    $important: " !important";
+  }
+  right: get-uswds-value(right, $value...) #{$important};
+}

data/_sass/uswds/src/core/mixins/utilities/_shadow.scss

@@ -0,0 +1,10 @@
+// Outputs top
+
+@mixin u-shadow($value...) {
+  $important: null;
+  @if has-important($value) {
+    $value: remove($value, "!important");
+    $important: " !important";
+  }
+  box-shadow: get-uswds-value(box-shadow, $value...) #{$important};
+}

data/_sass/uswds/src/core/mixins/utilities/_square.scss

@@ -0,0 +1,7 @@
+// Outputs a square
+@mixin u-square($value...) {
+  $value: unpack($value);
+  $dimension: $value;
+  @include u-height($value);
+  @include u-width($value);
+}

data/_sass/uswds/src/core/mixins/utilities/_text-align.scss

@@ -0,0 +1,10 @@
+// Outputs text-align property
+
+@mixin u-text-align($value...) {
+  $important: null;
+  @if has-important($value) {
+    $value: remove($value, "!important");
+    $important: " !important";
+  }
+  text-align: get-uswds-value(text-align, $value...) #{$important};
+}

data/_sass/uswds/src/core/mixins/utilities/_text-decoration-color.scss

@@ -0,0 +1,10 @@
+// Outputs text-decoration-color
+
+@mixin u-underline($value...) {
+  $important: null;
+  @if has-important($value) {
+    $value: remove($value, "!important");
+    $important: " !important";
+  }
+  text-decoration-color: color($value) #{$important};
+}

data/_sass/uswds/src/core/mixins/utilities/_text-decoration.scss

@@ -0,0 +1,17 @@
+// Outputs text-decoration and color properties
+
+@mixin u-text-decoration($value...) {
+  $important: null;
+  @if has-important($value) {
+    $value: remove($value, "!important");
+    $important: " !important";
+  }
+  @each $this-value in $value {
+    @if map-has-key($all-color-shortcodes, smart-quote($this-value)) {
+      text-decoration-color: color(smart-quote($this-value)) #{$important};
+    } @else {
+      text-decoration: get-uswds-value(text-decoration, $value...)
+        #{$important};
+    }
+  }
+}

data/_sass/uswds/src/core/mixins/utilities/_text-indent.scss

@@ -0,0 +1,10 @@
+// Outputs text-indent property
+
+@mixin u-text-indent($value...) {
+  $important: null;
+  @if has-important($value) {
+    $value: remove($value, "!important");
+    $important: " !important";
+  }
+  text-indent: get-uswds-value("text-indent", $value...) #{$important};
+}

data/_sass/uswds/src/core/mixins/utilities/_text.scss

@@ -0,0 +1,77 @@
+// Outputs properties based on contents of text()
+
+$text-utililies: (
+  font-feature-settings:
+    map-collect(
+      map-deep-get($system-properties, font-feature-settings, standard),
+      map-deep-get($system-properties, font-feature-settings, extended)
+    ),
+  font-style:
+    map-collect(
+      map-deep-get($system-properties, font-style, standard),
+      map-deep-get($system-properties, font-style, extended)
+    ),
+  font-weight:
+    map-collect(
+      map-deep-get($system-properties, font-weight, standard),
+      map-deep-get($system-properties, font-weight, extended)
+    ),
+  letter-spacing:
+    map-collect(
+      map-deep-get($system-properties, letter-spacing, standard),
+      map-deep-get($system-properties, letter-spacing, extended)
+    ),
+  text-align:
+    map-collect(
+      map-deep-get($system-properties, text-align, standard),
+      map-deep-get($system-properties, text-align, extended)
+    ),
+  text-decoration:
+    map-collect(
+      map-deep-get($system-properties, text-decoration, standard),
+      map-deep-get($system-properties, text-decoration, extended)
+    ),
+  text-transform:
+    map-collect(
+      map-deep-get($system-properties, text-transform, standard),
+      map-deep-get($system-properties, text-transform, extended)
+    ),
+  vertical-align:
+    map-collect(
+      map-deep-get($system-properties, vertical-align, standard),
+      map-deep-get($system-properties, vertical-align, extended)
+    ),
+  white-space:
+    map-collect(
+      map-deep-get($system-properties, white-space, standard),
+      map-deep-get($system-properties, white-space, extended)
+    ),
+  color: map-collect($tokens-color-required),
+);
+
+@mixin u-text($value...) {
+  $important: null;
+  @if has-important($value) {
+    $value: remove($value, "!important");
+    $important: " !important";
+  }
+  @each $this-value in $value {
+    $this-value: smart-quote($this-value);
+    $match: false;
+    @if map-has-key($all-color-shortcodes, $this-value) {
+      $match: true;
+      color: color($this-value) #{$important};
+    } @else {
+      @each $property, $map in $text-utililies {
+        @if not $match and map-has-key($map, $this-value) {
+          #{$property}: get-uswds-value($property, $this-value...)
+            #{$important};
+          $match: true;
+        }
+      }
+    }
+    @if not $match {
+      @error '`#{$this-value}` is not a valid `text` value.';
+    }
+  }
+}

data/_sass/uswds/src/core/mixins/utilities/_top.scss

@@ -0,0 +1,10 @@
+// Outputs top
+
+@mixin u-top($value...) {
+  $important: null;
+  @if has-important($value) {
+    $value: remove($value, "!important");
+    $important: " !important";
+  }
+  top: get-uswds-value(top, $value...) #{$important};
+}

data/_sass/uswds/src/core/mixins/utilities/_vertical-align.scss

@@ -0,0 +1,10 @@
+// Outputs vertical-align property
+
+@mixin u-vertical-align($value...) {
+  $important: null;
+  @if has-important($value) {
+    $value: remove($value, "!important");
+    $important: " !important";
+  }
+  vertical-align: get-uswds-value(vertical-align, $value...) #{$important};
+}

data/_sass/uswds/src/core/mixins/utilities/_white-space.scss

@@ -0,0 +1,10 @@
+// Outputs white-space
+
+@mixin u-white-space($value...) {
+  $important: null;
+  @if has-important($value) {
+    $value: remove($value, "!important");
+    $important: " !important";
+  }
+  white-space: get-uswds-value(white-space, $value...) #{$important};
+}

data/_sass/uswds/src/core/mixins/utilities/_width.scss

@@ -0,0 +1,11 @@
+// Outputs width
+
+@mixin u-width($value...) {
+  $value: unpack($value);
+  $important: null;
+  @if has-important($value) {
+    $value: remove($value, "!important");
+    $important: " !important";
+  }
+  width: get-uswds-value(width, $value...) #{$important};
+}

data/_sass/uswds/src/core/mixins/utilities/_z-index.scss

@@ -0,0 +1,10 @@
+// Outputs width
+
+@mixin u-z($value...) {
+  $important: null;
+  @if has-important($value) {
+    $value: remove($value, "!important");
+    $important: " !important";
+  }
+  z-index: get-uswds-value(z-index, $value...) #{$important};
+}

data/_sass/uswds/src/core/placeholders/_all.scss

@@ -0,0 +1,2 @@
+@import "list.scss";
+@import "table.scss";

data/_sass/uswds/src/core/placeholders/_list.scss

@@ -0,0 +1,23 @@
+%usa-list {
+  @include u-margin-y(1em);
+  line-height: line-height($theme-body-font-family, $theme-body-line-height);
+  padding-left: 3ch;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+
+  ul,
+  ol {
+    margin-top: 0.25em;
+  }
+}
+
+%usa-list-item {
+  margin-bottom: 0.25em;
+  max-width: measure($theme-text-measure);
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}

data/_sass/uswds/src/core/placeholders/_table.scss

@@ -0,0 +1,58 @@
+%usa-table {
+  @include border-box-sizing;
+  @include typeset;
+  border-collapse: collapse;
+  border-spacing: 0;
+  margin: units(2.5) 0;
+
+  thead {
+    th {
+      font-weight: $theme-font-weight-bold;
+    }
+
+    th,
+    td {
+      background-color: color("base-lightest");
+    }
+  }
+
+  th {
+    text-align: left;
+  }
+
+  th,
+  td {
+    @include u-border(1px, "base-dark");
+    background-color: color("white");
+    font-weight: $theme-font-weight-normal;
+    padding: units(1) units(2);
+  }
+
+  caption {
+    @include u-font("body", "xs");
+    font-weight: $theme-font-weight-bold;
+    margin-bottom: units(1.5);
+    text-align: left;
+  }
+}
+
+%usa-table--borderless {
+  thead {
+    th {
+      background-color: transparent;
+      border-top: 0;
+    }
+  }
+
+  th,
+  td {
+    border-left: 0;
+    border-right: 0;
+  }
+
+  th {
+    &:first-child {
+      padding-left: 0;
+    }
+  }
+}

data/_sass/uswds/src/core/system-tokens/_blue-cool.scss

@@ -0,0 +1,26 @@
+$system-color-blue-cool: (
+  "blue-cool": (
+    5: #e7f2f5,
+    10: #dae9ee,
+    20: #adcfdc,
+    30: #82b4c9,
+    40: #6499af,
+    50: #3a7d95,
+    60: #2e6276,
+    70: #224a58,
+    80: #14333d,
+    90: #0f191c,
+    "vivid": (
+      5: #e1f3f8,
+      10: #c3ebfa,
+      20: #97d4ea,
+      30: #59b9de,
+      40: #28a0cb,
+      50: #0d7ea2,
+      60: #07648d,
+      70: #074b69,
+      80: #002d3f,
+      90: false,
+    ),
+  ),
+);

data/_sass/uswds/src/core/system-tokens/_blue-warm.scss

@@ -0,0 +1,26 @@
+$system-color-blue-warm: (
+  "blue-warm": (
+    5: #ecf1f7,
+    10: #e1e7f1,
+    20: #bbcae4,
+    30: #98afd2,
+    40: #7292c7,
+    50: #4a77b4,
+    60: #345d96,
+    70: #2f4668,
+    80: #252f3e,
+    90: #13171f,
+    "vivid": (
+      5: #edf5ff,
+      10: #d4e5ff,
+      20: #adcdff,
+      30: #81aefc,
+      40: #5994f6,
+      50: #2672de,
+      60: #0050d8,
+      70: #1a4480,
+      80: #162e51,
+      90: false,
+    ),
+  ),
+);

data/_sass/uswds/src/core/system-tokens/_blue.scss

@@ -0,0 +1,26 @@
+$system-color-blue: (
+  "blue": (
+    5: #eff6fb,
+    10: #d9e8f6,
+    20: #aacdec,
+    30: #73b3e7,
+    40: #4f97d1,
+    50: #2378c3,
+    60: #2c608a,
+    70: #274863,
+    80: #1f303e,
+    90: #11181d,
+    "vivid": (
+      5: #e8f5ff,
+      10: #cfe8ff,
+      20: #a1d3ff,
+      30: #58b4ff,
+      40: #2491ff,
+      50: #0076d6,
+      60: #005ea2,
+      70: #0b4778,
+      80: #112f4e,
+      90: false,
+    ),
+  ),
+);

data/_sass/uswds/src/core/system-tokens/_cyan.scss

@@ -0,0 +1,26 @@
+$system-color-cyan: (
+  "cyan": (
+    5: #e7f6f8,
+    10: #ccecf2,
+    20: #99deea,
+    30: #5dc0d1,
+    40: #449dac,
+    50: #168092,
+    60: #2a646d,
+    70: #2c4a4e,
+    80: #203133,
+    90: #111819,
+    "vivid": (
+      5: #e5faff,
+      10: #a8f2ff,
+      20: #52daf2,
+      30: #00bde3,
+      40: #009ec1,
+      50: #0081a1,
+      60: #00687d,
+      70: #0e4f5c,
+      80: #093b44,
+      90: false,
+    ),
+  ),
+);

data/_sass/uswds/src/core/system-tokens/_gold.scss

@@ -0,0 +1,26 @@
+$system-color-gold: (
+  "gold": (
+    5: #f5f0e6,
+    10: #f1e5cd,
+    20: #dec69a,
+    30: #c7a97b,
+    40: #ad8b65,
+    50: #8e704f,
+    60: #6b5947,
+    70: #4d4438,
+    80: #322d26,
+    90: #191714,
+    "vivid": (
+      5: #fef0c8,
+      10: #ffe396,
+      20: #ffbe2e,
+      30: #e5a000,
+      40: #c2850c,
+      50: #936f38,
+      60: #7a591a,
+      70: #5c410a,
+      80: #3b2b15,
+      90: false,
+    ),
+  ),
+);