uswds-jekyll 5.0.1 → 5.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (205) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +52 -93
  3. data/_includes/components/banner.html +11 -9
  4. data/_sass/uswds/components/_header.scss +1 -1
  5. data/_sass/uswds/components/_nav-buttons.scss +4 -4
  6. data/_sass/uswds/src/components/_alerts.scss +8 -9
  7. data/_sass/uswds/src/components/_banner.scss +102 -31
  8. data/_sass/uswds/src/components/_breadcrumb.scss +168 -0
  9. data/_sass/uswds/src/components/_footer.scss +14 -4
  10. data/_sass/uswds/src/components/_header.scss +1 -1
  11. data/_sass/uswds/src/components/_identifier.scss +146 -0
  12. data/_sass/uswds/src/components/_media-block.scss +6 -1
  13. data/_sass/uswds/src/components/_megamenu.scss +4 -1
  14. data/_sass/uswds/src/components/_section.scss +6 -2
  15. data/_sass/uswds/src/components/_skipnav.scss +2 -2
  16. data/_sass/uswds/src/components/_step-indicator.scss +444 -0
  17. data/_sass/uswds/src/components/_tooltip.scss +114 -0
  18. data/_sass/uswds/src/core/_functions.scss +631 -0
  19. data/_sass/uswds/src/core/_notifications.scss +14 -0
  20. data/_sass/uswds/src/core/_properties.scss +120 -108
  21. data/_sass/uswds/src/core/_system-tokens.scss +140 -155
  22. data/_sass/uswds/src/core/_variables.scss +134 -32
  23. data/_sass/uswds/src/core/mixins/_add-link-styles.scss +20 -0
  24. data/_sass/uswds/src/core/mixins/_all.scss +4 -0
  25. data/_sass/uswds/src/core/mixins/_font-face.scss +1 -1
  26. data/_sass/uswds/src/core/mixins/_icon.scss +119 -0
  27. data/_sass/uswds/src/core/mixins/_media-block-img.scss +1 -1
  28. data/_sass/uswds/src/core/mixins/_set-link-from-bg.scss +30 -0
  29. data/_sass/uswds/src/core/mixins/_set-text-from-bg.scss +28 -0
  30. data/_sass/uswds/src/core/mixins/utilities/_align-self.scss +11 -0
  31. data/_sass/uswds/src/core/mixins/utilities/_border.scss +1 -1
  32. data/_sass/uswds/src/core/mixins/utilities/_flex.scss +6 -1
  33. data/_sass/uswds/src/core/mixins/utilities/_text.scss +6 -1
  34. data/_sass/uswds/src/core/placeholders/_list.scss +5 -0
  35. data/_sass/uswds/src/core/system-tokens/_blue-cool.scss +3 -3
  36. data/_sass/uswds/src/core/system-tokens/_blue-warm.scss +3 -3
  37. data/_sass/uswds/src/core/system-tokens/_blue.scss +3 -3
  38. data/_sass/uswds/src/core/system-tokens/_cyan.scss +3 -3
  39. data/_sass/uswds/src/core/system-tokens/_gold.scss +3 -3
  40. data/_sass/uswds/src/core/system-tokens/_gray-cool.scss +2 -2
  41. data/_sass/uswds/src/core/system-tokens/_gray-warm.scss +2 -2
  42. data/_sass/uswds/src/core/system-tokens/_gray.scss +2 -2
  43. data/_sass/uswds/src/core/system-tokens/_green-cool.scss +3 -3
  44. data/_sass/uswds/src/core/system-tokens/_green-warm.scss +3 -3
  45. data/_sass/uswds/src/core/system-tokens/_green.scss +3 -3
  46. data/_sass/uswds/src/core/system-tokens/_indigo-cool.scss +6 -6
  47. data/_sass/uswds/src/core/system-tokens/_indigo-warm.scss +3 -3
  48. data/_sass/uswds/src/core/system-tokens/_indigo.scss +3 -3
  49. data/_sass/uswds/src/core/system-tokens/_magenta.scss +3 -3
  50. data/_sass/uswds/src/core/system-tokens/_mint-cool.scss +3 -3
  51. data/_sass/uswds/src/core/system-tokens/_mint.scss +3 -3
  52. data/_sass/uswds/src/core/system-tokens/_orange-warm.scss +3 -3
  53. data/_sass/uswds/src/core/system-tokens/_orange.scss +3 -3
  54. data/_sass/uswds/src/core/system-tokens/_red-cool.scss +3 -3
  55. data/_sass/uswds/src/core/system-tokens/_red-warm.scss +3 -3
  56. data/_sass/uswds/src/core/system-tokens/_red.scss +3 -3
  57. data/_sass/uswds/src/core/system-tokens/_violet-warm.scss +3 -3
  58. data/_sass/uswds/src/core/system-tokens/_violet.scss +3 -3
  59. data/_sass/uswds/src/core/system-tokens/_yellow.scss +3 -3
  60. data/_sass/uswds/src/elements/_buttons.scss +31 -24
  61. data/_sass/uswds/src/elements/form-controls/_all.scss +2 -0
  62. data/_sass/uswds/src/elements/form-controls/_checkbox-and-radio.scss +4 -2
  63. data/_sass/uswds/src/elements/form-controls/_combo-box.scss +80 -9
  64. data/_sass/uswds/src/elements/form-controls/_date-picker.scss +325 -0
  65. data/_sass/uswds/src/elements/form-controls/_file-input.scss +195 -0
  66. data/_sass/uswds/src/elements/form-controls/_global.scss +10 -3
  67. data/_sass/uswds/src/elements/form-controls/_time-picker.scss +3 -0
  68. data/_sass/uswds/src/packages/_usa-breadcrumb.scss +4 -0
  69. data/_sass/uswds/src/packages/_usa-identifier.scss +1 -0
  70. data/_sass/uswds/src/packages/_usa-step-indicator.scss +2 -0
  71. data/_sass/uswds/src/packages/_usa-tooltip.scss +2 -0
  72. data/_sass/uswds/src/packages/_uswds-components.scss +4 -0
  73. data/_sass/uswds/src/settings/_settings-color.scss +6 -1
  74. data/_sass/uswds/src/settings/_settings-components.scss +45 -1
  75. data/_sass/uswds/src/settings/_settings-general.scss +4 -4
  76. data/_sass/uswds/src/settings/_settings-typography.scss +5 -5
  77. data/_sass/uswds/src/settings/_settings-utilities.scss +89 -75
  78. data/_sass/uswds/src/theme/_uswds-theme-color.scss +4 -1
  79. data/_sass/uswds/src/theme/_uswds-theme-components.scss +45 -1
  80. data/_sass/uswds/src/theme/_uswds-theme-general.scss +4 -4
  81. data/_sass/uswds/src/theme/_uswds-theme-typography.scss +5 -5
  82. data/_sass/uswds/src/theme/_uswds-theme-utilities.scss +90 -77
  83. data/_sass/uswds/src/theme/styles.scss +5 -1
  84. data/_sass/uswds/src/utilities/palettes/_default-palettes.scss +2 -1
  85. data/_sass/uswds/src/utilities/palettes/_font-palettes.scss +478 -478
  86. data/_sass/uswds/src/utilities/palettes/_spacing-palettes.scss +7 -7
  87. data/_sass/uswds/src/utilities/palettes/colors/_all-colors-palettes.scss +2 -2
  88. data/_sass/uswds/src/utilities/palettes/colors/_black-transparent-palettes.scss +2 -2
  89. data/_sass/uswds/src/utilities/palettes/colors/_blue-cool-palettes.scss +7 -7
  90. data/_sass/uswds/src/utilities/palettes/colors/_blue-palettes.scss +7 -7
  91. data/_sass/uswds/src/utilities/palettes/colors/_blue-warm-palettes.scss +7 -7
  92. data/_sass/uswds/src/utilities/palettes/colors/_cyan-palettes.scss +7 -7
  93. data/_sass/uswds/src/utilities/palettes/colors/_gold-palettes.scss +7 -7
  94. data/_sass/uswds/src/utilities/palettes/colors/_gray-cool-palettes.scss +5 -5
  95. data/_sass/uswds/src/utilities/palettes/colors/_gray-palettes.scss +5 -5
  96. data/_sass/uswds/src/utilities/palettes/colors/_gray-warm-palettes.scss +5 -5
  97. data/_sass/uswds/src/utilities/palettes/colors/_green-cool-palettes.scss +7 -7
  98. data/_sass/uswds/src/utilities/palettes/colors/_green-palettes.scss +7 -7
  99. data/_sass/uswds/src/utilities/palettes/colors/_green-warm-palettes.scss +7 -7
  100. data/_sass/uswds/src/utilities/palettes/colors/_indigo-cool-palettes.scss +7 -7
  101. data/_sass/uswds/src/utilities/palettes/colors/_indigo-palettes.scss +7 -7
  102. data/_sass/uswds/src/utilities/palettes/colors/_indigo-warm-palettes.scss +7 -7
  103. data/_sass/uswds/src/utilities/palettes/colors/_magenta-palettes.scss +7 -7
  104. data/_sass/uswds/src/utilities/palettes/colors/_mint-cool-palettes.scss +7 -7
  105. data/_sass/uswds/src/utilities/palettes/colors/_mint-palettes.scss +7 -7
  106. data/_sass/uswds/src/utilities/palettes/colors/_orange-palettes.scss +7 -7
  107. data/_sass/uswds/src/utilities/palettes/colors/_orange-warm-palettes.scss +7 -7
  108. data/_sass/uswds/src/utilities/palettes/colors/_red-cool-palettes.scss +7 -7
  109. data/_sass/uswds/src/utilities/palettes/colors/_red-palettes.scss +7 -7
  110. data/_sass/uswds/src/utilities/palettes/colors/_red-warm-palettes.scss +7 -7
  111. data/_sass/uswds/src/utilities/palettes/colors/_violet-palettes.scss +7 -7
  112. data/_sass/uswds/src/utilities/palettes/colors/_violet-warm-palettes.scss +7 -7
  113. data/_sass/uswds/src/utilities/palettes/colors/_white-transparent-palettes.scss +2 -2
  114. data/_sass/uswds/src/utilities/palettes/colors/_yellow-palettes.scss +7 -7
  115. data/_sass/uswds/src/utilities/rules/_all.scss +1 -0
  116. data/_sass/uswds/src/utilities/rules/_package.scss +1 -0
  117. data/_sass/uswds/src/utilities/rules/add-aspect.scss +13 -13
  118. data/_sass/uswds/src/utilities/rules/add-list-reset.scss +5 -5
  119. data/_sass/uswds/src/utilities/rules/align-items.scss +2 -2
  120. data/_sass/uswds/src/utilities/rules/align-self.scss +27 -0
  121. data/_sass/uswds/src/utilities/rules/background-color.scss +2 -2
  122. data/_sass/uswds/src/utilities/rules/border-color.scss +2 -2
  123. data/_sass/uswds/src/utilities/rules/border-radius.scss +7 -7
  124. data/_sass/uswds/src/utilities/rules/border-style.scss +2 -2
  125. data/_sass/uswds/src/utilities/rules/border-width.scss +5 -5
  126. data/_sass/uswds/src/utilities/rules/border.scss +5 -5
  127. data/_sass/uswds/src/utilities/rules/bottom.scss +2 -2
  128. data/_sass/uswds/src/utilities/rules/box-shadow.scss +2 -2
  129. data/_sass/uswds/src/utilities/rules/circle.scss +4 -4
  130. data/_sass/uswds/src/utilities/rules/clearfix.scss +5 -5
  131. data/_sass/uswds/src/utilities/rules/color.scss +2 -2
  132. data/_sass/uswds/src/utilities/rules/cursor.scss +2 -2
  133. data/_sass/uswds/src/utilities/rules/display.scss +2 -2
  134. data/_sass/uswds/src/utilities/rules/flex-direction.scss +2 -2
  135. data/_sass/uswds/src/utilities/rules/flex-wrap.scss +2 -2
  136. data/_sass/uswds/src/utilities/rules/flex.scss +2 -2
  137. data/_sass/uswds/src/utilities/rules/float.scss +2 -2
  138. data/_sass/uswds/src/utilities/rules/font-family.scss +2 -2
  139. data/_sass/uswds/src/utilities/rules/font-feature.scss +2 -2
  140. data/_sass/uswds/src/utilities/rules/font-style.scss +2 -2
  141. data/_sass/uswds/src/utilities/rules/font-weight.scss +2 -2
  142. data/_sass/uswds/src/utilities/rules/font.scss +2 -2
  143. data/_sass/uswds/src/utilities/rules/height.scss +2 -2
  144. data/_sass/uswds/src/utilities/rules/justify-content.scss +2 -2
  145. data/_sass/uswds/src/utilities/rules/left.scss +2 -2
  146. data/_sass/uswds/src/utilities/rules/letter-spacing.scss +2 -2
  147. data/_sass/uswds/src/utilities/rules/line-height.scss +2 -2
  148. data/_sass/uswds/src/utilities/rules/margin.scss +9 -9
  149. data/_sass/uswds/src/utilities/rules/max-height.scss +2 -2
  150. data/_sass/uswds/src/utilities/rules/max-width.scss +2 -2
  151. data/_sass/uswds/src/utilities/rules/measure.scss +2 -2
  152. data/_sass/uswds/src/utilities/rules/min-height.scss +2 -2
  153. data/_sass/uswds/src/utilities/rules/min-width.scss +2 -2
  154. data/_sass/uswds/src/utilities/rules/opacity.scss +3 -5
  155. data/_sass/uswds/src/utilities/rules/order.scss +2 -2
  156. data/_sass/uswds/src/utilities/rules/outline-color.scss +2 -2
  157. data/_sass/uswds/src/utilities/rules/outline.scss +2 -2
  158. data/_sass/uswds/src/utilities/rules/overflow.scss +3 -3
  159. data/_sass/uswds/src/utilities/rules/padding.scss +5 -5
  160. data/_sass/uswds/src/utilities/rules/pin.scss +19 -19
  161. data/_sass/uswds/src/utilities/rules/position.scss +2 -2
  162. data/_sass/uswds/src/utilities/rules/right.scss +2 -2
  163. data/_sass/uswds/src/utilities/rules/square.scss +4 -4
  164. data/_sass/uswds/src/utilities/rules/text-align.scss +2 -2
  165. data/_sass/uswds/src/utilities/rules/text-decoration-color.scss +2 -2
  166. data/_sass/uswds/src/utilities/rules/text-decoration.scss +2 -2
  167. data/_sass/uswds/src/utilities/rules/text-indent.scss +2 -2
  168. data/_sass/uswds/src/utilities/rules/text-transform.scss +2 -2
  169. data/_sass/uswds/src/utilities/rules/top.scss +2 -2
  170. data/_sass/uswds/src/utilities/rules/vertical-align.scss +2 -2
  171. data/_sass/uswds/src/utilities/rules/whitespace.scss +2 -2
  172. data/_sass/uswds/src/utilities/rules/width.scss +2 -2
  173. data/_sass/uswds/src/utilities/rules/z-index.scss +2 -2
  174. data/assets/uswds/img/angle-arrow-down-gray-90.svg +1 -0
  175. data/assets/uswds/img/angle-arrow-right-white.svg +1 -0
  176. data/assets/uswds/img/angle-arrow-right.svg +1 -0
  177. data/assets/uswds/img/angle-double-left-solid.svg +1 -0
  178. data/assets/uswds/img/angle-double-right-solid.svg +1 -0
  179. data/assets/uswds/img/angle-left-solid.svg +1 -0
  180. data/assets/uswds/img/angle-right-solid.svg +1 -0
  181. data/assets/uswds/img/arrow-down-gray-60.svg +1 -0
  182. data/assets/uswds/img/arrow-left-indigo-cool-50v.svg +1 -0
  183. data/assets/uswds/img/arrow-left-white.svg +1 -0
  184. data/assets/uswds/img/arrow-left.svg +1 -0
  185. data/assets/uswds/img/calendar-alt-solid.svg +1 -0
  186. data/assets/uswds/img/chevron-right-white.svg +1 -0
  187. data/assets/uswds/img/chevron-right.svg +1 -0
  188. data/assets/uswds/img/chevron-white.svg +1 -0
  189. data/assets/uswds/img/chevron.svg +1 -0
  190. data/assets/uswds/img/circle-gray-20.svg +1 -0
  191. data/assets/uswds/img/close-alt-blue-60v.svg +3 -0
  192. data/assets/uswds/img/close-alt.svg +3 -0
  193. data/assets/uswds/img/close-gray-60.svg +1 -0
  194. data/assets/uswds/img/file-excel.svg +1 -0
  195. data/assets/uswds/img/file-pdf.svg +1 -0
  196. data/assets/uswds/img/file-video.svg +1 -0
  197. data/assets/uswds/img/file-word.svg +1 -0
  198. data/assets/uswds/img/file.svg +1 -0
  199. data/assets/uswds/img/loader.gif +0 -0
  200. data/assets/uswds/img/loader.svg +1 -0
  201. data/assets/uswds/img/lock.svg +1 -0
  202. data/assets/uswds/js/uswds.js +3570 -216
  203. data/assets/uswds/js/uswds.min.js +1 -1
  204. data/assets/uswds/js/uswds.min.js.map +1 -1
  205. metadata +59 -2
@@ -2,38 +2,38 @@ $tokens-color-orange-light: (
2
2
  "orange-5": $color-orange-5,
3
3
  "orange-10": $color-orange-10,
4
4
  "orange-20": $color-orange-20,
5
- "orange-30": $color-orange-30
5
+ "orange-30": $color-orange-30,
6
6
  );
7
7
 
8
8
  $tokens-color-orange-medium: (
9
9
  "orange-40": $color-orange-40,
10
10
  "orange-50": $color-orange-50,
11
- "orange-60": $color-orange-60
11
+ "orange-60": $color-orange-60,
12
12
  );
13
13
 
14
14
  $tokens-color-orange-dark: (
15
15
  "orange-70": $color-orange-70,
16
16
  "orange-80": $color-orange-80,
17
- "orange-90": $color-orange-90
17
+ "orange-90": $color-orange-90,
18
18
  );
19
19
 
20
20
  $tokens-color-orange-light-vivid: (
21
21
  "orange-5v": $color-orange-5v,
22
22
  "orange-10v": $color-orange-10v,
23
23
  "orange-20v": $color-orange-20v,
24
- "orange-30v": $color-orange-30v
24
+ "orange-30v": $color-orange-30v,
25
25
  );
26
26
 
27
27
  $tokens-color-orange-medium-vivid: (
28
28
  "orange-40v": $color-orange-40v,
29
29
  "orange-50v": $color-orange-50v,
30
- "orange-60v": $color-orange-60v
30
+ "orange-60v": $color-orange-60v,
31
31
  );
32
32
 
33
33
  $tokens-color-orange-dark-vivid: (
34
34
  "orange-70v": $color-orange-70v,
35
35
  "orange-80v": $color-orange-80v,
36
- "orange-90v": $color-orange-90v
36
+ "orange-90v": $color-orange-90v,
37
37
  );
38
38
 
39
39
  $tokens-color-orange-standard: map-collect(
@@ -62,5 +62,5 @@ $palettes-color-orange: (
62
62
  "palette-color-system-orange-dark-vivid": $tokens-color-orange-dark-vivid,
63
63
  "palette-color-system-orange-standard": $tokens-color-orange-standard,
64
64
  "palette-color-system-orange-vivid": $tokens-color-orange-vivid,
65
- "palette-color-system-orange": $tokens-color-orange
65
+ "palette-color-system-orange": $tokens-color-orange,
66
66
  );
@@ -2,38 +2,38 @@ $tokens-color-orange-warm-light: (
2
2
  "orange-warm-5": $color-orange-warm-5,
3
3
  "orange-warm-10": $color-orange-warm-10,
4
4
  "orange-warm-20": $color-orange-warm-20,
5
- "orange-warm-30": $color-orange-warm-30
5
+ "orange-warm-30": $color-orange-warm-30,
6
6
  );
7
7
 
8
8
  $tokens-color-orange-warm-medium: (
9
9
  "orange-warm-40": $color-orange-warm-40,
10
10
  "orange-warm-50": $color-orange-warm-50,
11
- "orange-warm-60": $color-orange-warm-60
11
+ "orange-warm-60": $color-orange-warm-60,
12
12
  );
13
13
 
14
14
  $tokens-color-orange-warm-dark: (
15
15
  "orange-warm-70": $color-orange-warm-70,
16
16
  "orange-warm-80": $color-orange-warm-80,
17
- "orange-warm-90": $color-orange-warm-90
17
+ "orange-warm-90": $color-orange-warm-90,
18
18
  );
19
19
 
20
20
  $tokens-color-orange-warm-light-vivid: (
21
21
  "orange-warm-5v": $color-orange-warm-5v,
22
22
  "orange-warm-10v": $color-orange-warm-10v,
23
23
  "orange-warm-20v": $color-orange-warm-20v,
24
- "orange-warm-30v": $color-orange-warm-30v
24
+ "orange-warm-30v": $color-orange-warm-30v,
25
25
  );
26
26
 
27
27
  $tokens-color-orange-warm-medium-vivid: (
28
28
  "orange-warm-40v": $color-orange-warm-40v,
29
29
  "orange-warm-50v": $color-orange-warm-50v,
30
- "orange-warm-60v": $color-orange-warm-60v
30
+ "orange-warm-60v": $color-orange-warm-60v,
31
31
  );
32
32
 
33
33
  $tokens-color-orange-warm-dark-vivid: (
34
34
  "orange-warm-70v": $color-orange-warm-70v,
35
35
  "orange-warm-80v": $color-orange-warm-80v,
36
- "orange-warm-90v": $color-orange-warm-90v
36
+ "orange-warm-90v": $color-orange-warm-90v,
37
37
  );
38
38
 
39
39
  $tokens-color-orange-warm-standard: map-collect(
@@ -66,5 +66,5 @@ $palettes-color-orange-warm: (
66
66
  "palette-color-system-orange-warm-standard":
67
67
  $tokens-color-orange-warm-standard,
68
68
  "palette-color-system-orange-warm-vivid": $tokens-color-orange-warm-vivid,
69
- "palette-color-system-orange-warm": $tokens-color-orange-warm
69
+ "palette-color-system-orange-warm": $tokens-color-orange-warm,
70
70
  );
@@ -2,38 +2,38 @@ $tokens-color-red-cool-light: (
2
2
  "red-cool-5": $color-red-cool-5,
3
3
  "red-cool-10": $color-red-cool-10,
4
4
  "red-cool-20": $color-red-cool-20,
5
- "red-cool-30": $color-red-cool-30
5
+ "red-cool-30": $color-red-cool-30,
6
6
  );
7
7
 
8
8
  $tokens-color-red-cool-medium: (
9
9
  "red-cool-40": $color-red-cool-40,
10
10
  "red-cool-50": $color-red-cool-50,
11
- "red-cool-60": $color-red-cool-60
11
+ "red-cool-60": $color-red-cool-60,
12
12
  );
13
13
 
14
14
  $tokens-color-red-cool-dark: (
15
15
  "red-cool-70": $color-red-cool-70,
16
16
  "red-cool-80": $color-red-cool-80,
17
- "red-cool-90": $color-red-cool-90
17
+ "red-cool-90": $color-red-cool-90,
18
18
  );
19
19
 
20
20
  $tokens-color-red-cool-light-vivid: (
21
21
  "red-cool-5v": $color-red-cool-5v,
22
22
  "red-cool-10v": $color-red-cool-10v,
23
23
  "red-cool-20v": $color-red-cool-20v,
24
- "red-cool-30v": $color-red-cool-30v
24
+ "red-cool-30v": $color-red-cool-30v,
25
25
  );
26
26
 
27
27
  $tokens-color-red-cool-medium-vivid: (
28
28
  "red-cool-40v": $color-red-cool-40v,
29
29
  "red-cool-50v": $color-red-cool-50v,
30
- "red-cool-60v": $color-red-cool-60v
30
+ "red-cool-60v": $color-red-cool-60v,
31
31
  );
32
32
 
33
33
  $tokens-color-red-cool-dark-vivid: (
34
34
  "red-cool-70v": $color-red-cool-70v,
35
35
  "red-cool-80v": $color-red-cool-80v,
36
- "red-cool-90v": $color-red-cool-90v
36
+ "red-cool-90v": $color-red-cool-90v,
37
37
  );
38
38
 
39
39
  $tokens-color-red-cool-standard: map-collect(
@@ -64,5 +64,5 @@ $palettes-color-red-cool: (
64
64
  "palette-color-system-red-cool-dark-vivid": $tokens-color-red-cool-dark-vivid,
65
65
  "palette-color-system-red-cool-standard": $tokens-color-red-cool-standard,
66
66
  "palette-color-system-red-cool-vivid": $tokens-color-red-cool-vivid,
67
- "palette-color-system-red-cool": $tokens-color-red-cool
67
+ "palette-color-system-red-cool": $tokens-color-red-cool,
68
68
  );
@@ -2,38 +2,38 @@ $tokens-color-red-light: (
2
2
  "red-5": $color-red-5,
3
3
  "red-10": $color-red-10,
4
4
  "red-20": $color-red-20,
5
- "red-30": $color-red-30
5
+ "red-30": $color-red-30,
6
6
  );
7
7
 
8
8
  $tokens-color-red-medium: (
9
9
  "red-40": $color-red-40,
10
10
  "red-50": $color-red-50,
11
- "red-60": $color-red-60
11
+ "red-60": $color-red-60,
12
12
  );
13
13
 
14
14
  $tokens-color-red-dark: (
15
15
  "red-70": $color-red-70,
16
16
  "red-80": $color-red-80,
17
- "red-90": $color-red-90
17
+ "red-90": $color-red-90,
18
18
  );
19
19
 
20
20
  $tokens-color-red-light-vivid: (
21
21
  "red-5v": $color-red-5v,
22
22
  "red-10v": $color-red-10v,
23
23
  "red-20v": $color-red-20v,
24
- "red-30v": $color-red-30v
24
+ "red-30v": $color-red-30v,
25
25
  );
26
26
 
27
27
  $tokens-color-red-medium-vivid: (
28
28
  "red-40v": $color-red-40v,
29
29
  "red-50v": $color-red-50v,
30
- "red-60v": $color-red-60v
30
+ "red-60v": $color-red-60v,
31
31
  );
32
32
 
33
33
  $tokens-color-red-dark-vivid: (
34
34
  "red-70v": $color-red-70v,
35
35
  "red-80v": $color-red-80v,
36
- "red-90v": $color-red-90v
36
+ "red-90v": $color-red-90v,
37
37
  );
38
38
 
39
39
  $tokens-color-red-standard: map-collect(
@@ -62,5 +62,5 @@ $palettes-color-red: (
62
62
  "palette-color-system-red-dark-vivid": $tokens-color-red-dark-vivid,
63
63
  "palette-color-system-red-standard": $tokens-color-red-standard,
64
64
  "palette-color-system-red-vivid": $tokens-color-red-vivid,
65
- "palette-color-system-red": $tokens-color-red
65
+ "palette-color-system-red": $tokens-color-red,
66
66
  );
@@ -2,38 +2,38 @@ $tokens-color-red-warm-light: (
2
2
  "red-warm-5": $color-red-warm-5,
3
3
  "red-warm-10": $color-red-warm-10,
4
4
  "red-warm-20": $color-red-warm-20,
5
- "red-warm-30": $color-red-warm-30
5
+ "red-warm-30": $color-red-warm-30,
6
6
  );
7
7
 
8
8
  $tokens-color-red-warm-medium: (
9
9
  "red-warm-40": $color-red-warm-40,
10
10
  "red-warm-50": $color-red-warm-50,
11
- "red-warm-60": $color-red-warm-60
11
+ "red-warm-60": $color-red-warm-60,
12
12
  );
13
13
 
14
14
  $tokens-color-red-warm-dark: (
15
15
  "red-warm-70": $color-red-warm-70,
16
16
  "red-warm-80": $color-red-warm-80,
17
- "red-warm-90": $color-red-warm-90
17
+ "red-warm-90": $color-red-warm-90,
18
18
  );
19
19
 
20
20
  $tokens-color-red-warm-light-vivid: (
21
21
  "red-warm-5v": $color-red-warm-5v,
22
22
  "red-warm-10v": $color-red-warm-10v,
23
23
  "red-warm-20v": $color-red-warm-20v,
24
- "red-warm-30v": $color-red-warm-30v
24
+ "red-warm-30v": $color-red-warm-30v,
25
25
  );
26
26
 
27
27
  $tokens-color-red-warm-medium-vivid: (
28
28
  "red-warm-40v": $color-red-warm-40v,
29
29
  "red-warm-50v": $color-red-warm-50v,
30
- "red-warm-60v": $color-red-warm-60v
30
+ "red-warm-60v": $color-red-warm-60v,
31
31
  );
32
32
 
33
33
  $tokens-color-red-warm-dark-vivid: (
34
34
  "red-warm-70v": $color-red-warm-70v,
35
35
  "red-warm-80v": $color-red-warm-80v,
36
- "red-warm-90v": $color-red-warm-90v
36
+ "red-warm-90v": $color-red-warm-90v,
37
37
  );
38
38
 
39
39
  $tokens-color-red-warm-standard: map-collect(
@@ -64,5 +64,5 @@ $palettes-color-red-warm: (
64
64
  "palette-color-system-red-warm-dark-vivid": $tokens-color-red-warm-dark-vivid,
65
65
  "palette-color-system-red-warm-standard": $tokens-color-red-warm-standard,
66
66
  "palette-color-system-red-warm-vivid": $tokens-color-red-warm-vivid,
67
- "palette-color-system-red-warm": $tokens-color-red-warm
67
+ "palette-color-system-red-warm": $tokens-color-red-warm,
68
68
  );
@@ -2,38 +2,38 @@ $tokens-color-violet-light: (
2
2
  "violet-5": $color-violet-5,
3
3
  "violet-10": $color-violet-10,
4
4
  "violet-20": $color-violet-20,
5
- "violet-30": $color-violet-30
5
+ "violet-30": $color-violet-30,
6
6
  );
7
7
 
8
8
  $tokens-color-violet-medium: (
9
9
  "violet-40": $color-violet-40,
10
10
  "violet-50": $color-violet-50,
11
- "violet-60": $color-violet-60
11
+ "violet-60": $color-violet-60,
12
12
  );
13
13
 
14
14
  $tokens-color-violet-dark: (
15
15
  "violet-70": $color-violet-70,
16
16
  "violet-80": $color-violet-80,
17
- "violet-90": $color-violet-90
17
+ "violet-90": $color-violet-90,
18
18
  );
19
19
 
20
20
  $tokens-color-violet-light-vivid: (
21
21
  "violet-5v": $color-violet-5v,
22
22
  "violet-10v": $color-violet-10v,
23
23
  "violet-20v": $color-violet-20v,
24
- "violet-30v": $color-violet-30v
24
+ "violet-30v": $color-violet-30v,
25
25
  );
26
26
 
27
27
  $tokens-color-violet-medium-vivid: (
28
28
  "violet-40v": $color-violet-40v,
29
29
  "violet-50v": $color-violet-50v,
30
- "violet-60v": $color-violet-60v
30
+ "violet-60v": $color-violet-60v,
31
31
  );
32
32
 
33
33
  $tokens-color-violet-dark-vivid: (
34
34
  "violet-70v": $color-violet-70v,
35
35
  "violet-80v": $color-violet-80v,
36
- "violet-90v": $color-violet-90v
36
+ "violet-90v": $color-violet-90v,
37
37
  );
38
38
 
39
39
  $tokens-color-violet-standard: map-collect(
@@ -62,5 +62,5 @@ $palettes-color-violet: (
62
62
  "palette-color-system-violet-dark-vivid": $tokens-color-violet-dark-vivid,
63
63
  "palette-color-system-violet-standard": $tokens-color-violet-standard,
64
64
  "palette-color-system-violet-vivid": $tokens-color-violet-vivid,
65
- "palette-color-system-violet": $tokens-color-violet
65
+ "palette-color-system-violet": $tokens-color-violet,
66
66
  );
@@ -2,38 +2,38 @@ $tokens-color-violet-warm-light: (
2
2
  "violet-warm-5": $color-violet-warm-5,
3
3
  "violet-warm-10": $color-violet-warm-10,
4
4
  "violet-warm-20": $color-violet-warm-20,
5
- "violet-warm-30": $color-violet-warm-30
5
+ "violet-warm-30": $color-violet-warm-30,
6
6
  );
7
7
 
8
8
  $tokens-color-violet-warm-medium: (
9
9
  "violet-warm-40": $color-violet-warm-40,
10
10
  "violet-warm-50": $color-violet-warm-50,
11
- "violet-warm-60": $color-violet-warm-60
11
+ "violet-warm-60": $color-violet-warm-60,
12
12
  );
13
13
 
14
14
  $tokens-color-violet-warm-dark: (
15
15
  "violet-warm-70": $color-violet-warm-70,
16
16
  "violet-warm-80": $color-violet-warm-80,
17
- "violet-warm-90": $color-violet-warm-90
17
+ "violet-warm-90": $color-violet-warm-90,
18
18
  );
19
19
 
20
20
  $tokens-color-violet-warm-light-vivid: (
21
21
  "violet-warm-5v": $color-violet-warm-5v,
22
22
  "violet-warm-10v": $color-violet-warm-10v,
23
23
  "violet-warm-20v": $color-violet-warm-20v,
24
- "violet-warm-30v": $color-violet-warm-30v
24
+ "violet-warm-30v": $color-violet-warm-30v,
25
25
  );
26
26
 
27
27
  $tokens-color-violet-warm-medium-vivid: (
28
28
  "violet-warm-40v": $color-violet-warm-40v,
29
29
  "violet-warm-50v": $color-violet-warm-50v,
30
- "violet-warm-60v": $color-violet-warm-60v
30
+ "violet-warm-60v": $color-violet-warm-60v,
31
31
  );
32
32
 
33
33
  $tokens-color-violet-warm-dark-vivid: (
34
34
  "violet-warm-70v": $color-violet-warm-70v,
35
35
  "violet-warm-80v": $color-violet-warm-80v,
36
- "violet-warm-90v": $color-violet-warm-90v
36
+ "violet-warm-90v": $color-violet-warm-90v,
37
37
  );
38
38
 
39
39
  $tokens-color-violet-warm-standard: map-collect(
@@ -66,5 +66,5 @@ $palettes-color-violet-warm: (
66
66
  "palette-color-system-violet-warm-standard":
67
67
  $tokens-color-violet-warm-standard,
68
68
  "palette-color-system-violet-warm-vivid": $tokens-color-violet-warm-vivid,
69
- "palette-color-system-violet-warm": $tokens-color-violet-warm
69
+ "palette-color-system-violet-warm": $tokens-color-violet-warm,
70
70
  );
@@ -8,9 +8,9 @@ $tokens-color-white-transparent: (
8
8
  "white-transparent-60": $color-white-transparent-60,
9
9
  "white-transparent-70": $color-white-transparent-70,
10
10
  "white-transparent-80": $color-white-transparent-80,
11
- "white-transparent-90": $color-white-transparent-90
11
+ "white-transparent-90": $color-white-transparent-90,
12
12
  );
13
13
 
14
14
  $palettes-color-white-transparent: (
15
- "palette-color-system-white-transparent": $tokens-color-white-transparent
15
+ "palette-color-system-white-transparent": $tokens-color-white-transparent,
16
16
  );
@@ -2,38 +2,38 @@ $tokens-color-yellow-light: (
2
2
  "yellow-5": $color-yellow-5,
3
3
  "yellow-10": $color-yellow-10,
4
4
  "yellow-20": $color-yellow-20,
5
- "yellow-30": $color-yellow-30
5
+ "yellow-30": $color-yellow-30,
6
6
  );
7
7
 
8
8
  $tokens-color-yellow-medium: (
9
9
  "yellow-40": $color-yellow-40,
10
10
  "yellow-50": $color-yellow-50,
11
- "yellow-60": $color-yellow-60
11
+ "yellow-60": $color-yellow-60,
12
12
  );
13
13
 
14
14
  $tokens-color-yellow-dark: (
15
15
  "yellow-70": $color-yellow-70,
16
16
  "yellow-80": $color-yellow-80,
17
- "yellow-90": $color-yellow-90
17
+ "yellow-90": $color-yellow-90,
18
18
  );
19
19
 
20
20
  $tokens-color-yellow-light-vivid: (
21
21
  "yellow-5v": $color-yellow-5v,
22
22
  "yellow-10v": $color-yellow-10v,
23
23
  "yellow-20v": $color-yellow-20v,
24
- "yellow-30v": $color-yellow-30v
24
+ "yellow-30v": $color-yellow-30v,
25
25
  );
26
26
 
27
27
  $tokens-color-yellow-medium-vivid: (
28
28
  "yellow-40v": $color-yellow-40v,
29
29
  "yellow-50v": $color-yellow-50v,
30
- "yellow-60v": $color-yellow-60v
30
+ "yellow-60v": $color-yellow-60v,
31
31
  );
32
32
 
33
33
  $tokens-color-yellow-dark-vivid: (
34
34
  "yellow-70v": $color-yellow-70v,
35
35
  "yellow-80v": $color-yellow-80v,
36
- "yellow-90v": $color-yellow-90v
36
+ "yellow-90v": $color-yellow-90v,
37
37
  );
38
38
 
39
39
  $tokens-color-yellow-standard: map-collect(
@@ -62,5 +62,5 @@ $palettes-color-yellow: (
62
62
  "palette-color-system-yellow-dark-vivid": $tokens-color-yellow-dark-vivid,
63
63
  "palette-color-system-yellow-standard": $tokens-color-yellow-standard,
64
64
  "palette-color-system-yellow-vivid": $tokens-color-yellow-vivid,
65
- "palette-color-system-yellow": $tokens-color-yellow
65
+ "palette-color-system-yellow": $tokens-color-yellow,
66
66
  );
@@ -1,6 +1,7 @@
1
1
  @import "add-aspect";
2
2
  @import "add-list-reset";
3
3
  @import "align-items";
4
+ @import "align-self";
4
5
  @import "background-color";
5
6
  @import "border";
6
7
  @import "border-color";
@@ -5,6 +5,7 @@ $utilities-package: map-collect(
5
5
  $add-aspect,
6
6
  $add-list-reset,
7
7
  $u-align-items,
8
+ $u-align-self,
8
9
  $u-background-color,
9
10
  $u-border,
10
11
  $u-border-color,
@@ -29,8 +29,8 @@ $add-aspect: (
29
29
  "box-sizing": border-box,
30
30
  "height": 0,
31
31
  "overflow": hidden,
32
- "padding": 0 0 177.77778%
33
- )
32
+ "padding": 0 0 177.77778%,
33
+ ),
34
34
  ),
35
35
  1x1: (
36
36
  slug: "1x1",
@@ -40,8 +40,8 @@ $add-aspect: (
40
40
  "box-sizing": border-box,
41
41
  "height": 0,
42
42
  "overflow": hidden,
43
- "padding": 0 0 100%
44
- )
43
+ "padding": 0 0 100%,
44
+ ),
45
45
  ),
46
46
  4x3: (
47
47
  slug: "4x3",
@@ -51,8 +51,8 @@ $add-aspect: (
51
51
  "box-sizing": border-box,
52
52
  "height": 0,
53
53
  "overflow": hidden,
54
- "padding": 0 0 75%
55
- )
54
+ "padding": 0 0 75%,
55
+ ),
56
56
  ),
57
57
  16x9: (
58
58
  slug: "16x9",
@@ -62,8 +62,8 @@ $add-aspect: (
62
62
  "box-sizing": border-box,
63
63
  "height": 0,
64
64
  "overflow": hidden,
65
- "padding": 0 0 56.25%
66
- )
65
+ "padding": 0 0 56.25%,
66
+ ),
67
67
  ),
68
68
  2x1: (
69
69
  slug: "2x1",
@@ -73,12 +73,12 @@ $add-aspect: (
73
73
  "box-sizing": border-box,
74
74
  "height": 0,
75
75
  "overflow": hidden,
76
- "padding": 0 0 50%
77
- )
78
- )
76
+ "padding": 0 0 50%,
77
+ ),
78
+ ),
79
79
  ),
80
80
  settings: $add-aspect-settings,
81
81
  property: "position",
82
- type: "object"
83
- )
82
+ type: "object",
83
+ ),
84
84
  );