@primer/react-brand 0.2.0-rc.c749f63 → 0.2.1-rc.66a41f5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/CHANGELOG.md +8 -2
  2. package/lib/css/main.css +84 -82
  3. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
  4. package/lib/design-tokens/css/tokens/base/colors/color-scales.css +1 -1
  5. package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
  6. package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
  7. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +1 -1
  8. package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
  9. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
  10. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
  11. package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
  12. package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
  13. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  14. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  15. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  16. package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
  17. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
  18. package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
  19. package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +1 -1
  20. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  21. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
  22. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +1 -1
  23. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
  24. package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
  25. package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
  26. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  27. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  28. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  29. package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
  30. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  31. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
  32. package/lib/design-tokens/js/tokens/base/colors/color-scales.js +1 -1
  33. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  34. package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
  35. package/lib/design-tokens/js/tokens/functional/colors/global.js +1 -1
  36. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
  37. package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
  38. package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
  39. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  40. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  41. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  42. package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
  43. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  44. package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
  45. package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +1 -1
  46. package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +1 -1
  47. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  48. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  49. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
  50. package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
  51. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
  52. package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
  53. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
  54. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
  55. package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
  56. package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
  57. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
  58. package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
  59. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  60. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  61. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  62. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  63. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  64. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  65. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
  66. package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
  67. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  68. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  69. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
  70. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
  71. package/lib/index.js +1 -1
  72. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @primer/react-brand
2
2
 
3
+ ## 0.2.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#38](https://github.com/primer/react-brand/pull/38) [`b0c9293`](https://github.com/primer/react-brand/commit/b0c929389d62f184e5ae447c0b00e351cb2d1c6e) Thanks [@rezrah](https://github.com/rezrah)! - updated `css-loader` to generate valid (escaped) class names
8
+
3
9
  ## 0.2.0
4
10
 
5
11
  ### Minor Changes
@@ -22,9 +28,9 @@
22
28
  <td valign="top">
23
29
 
24
30
  ```jsx
25
- import {River} from '@primer/react-brand'
31
+ // import {River} from "@primer/react-brand";
26
32
 
27
- ;<River>
33
+ <River>
28
34
  <River.Visual>
29
35
  <img
30
36
  src="https://via.placeholder.com/600x400/f5f5f5/f5f5f5.png"
package/lib/css/main.css CHANGED
@@ -91,7 +91,7 @@ select {
91
91
 
92
92
  /**
93
93
  * Do not edit directly
94
- * Generated on Fri, 10 Jun 2022 11:52:56 GMT
94
+ * Generated on Thu, 16 Jun 2022 14:28:12 GMT
95
95
  */
96
96
 
97
97
  :root {
@@ -897,7 +897,7 @@ select {
897
897
 
898
898
  /**
899
899
  * Do not edit directly
900
- * Generated on Fri, 10 Jun 2022 11:52:56 GMT
900
+ * Generated on Thu, 16 Jun 2022 14:28:12 GMT
901
901
  */
902
902
 
903
903
  :root {
@@ -922,7 +922,7 @@ select {
922
922
 
923
923
  /**
924
924
  * Do not edit directly
925
- * Generated on Fri, 10 Jun 2022 11:52:56 GMT
925
+ * Generated on Thu, 16 Jun 2022 14:28:12 GMT
926
926
  */
927
927
 
928
928
  :root {
@@ -1089,7 +1089,7 @@ select {
1089
1089
 
1090
1090
  /**
1091
1091
  * Do not edit directly
1092
- * Generated on Fri, 10 Jun 2022 11:52:56 GMT
1092
+ * Generated on Thu, 16 Jun 2022 14:28:12 GMT
1093
1093
  */
1094
1094
 
1095
1095
  :root {
@@ -1103,7 +1103,7 @@ select {
1103
1103
 
1104
1104
  /**
1105
1105
  * Do not edit directly
1106
- * Generated on Fri, 10 Jun 2022 11:52:57 GMT
1106
+ * Generated on Thu, 16 Jun 2022 14:28:12 GMT
1107
1107
  */
1108
1108
 
1109
1109
  :root {
@@ -1160,33 +1160,33 @@ select {
1160
1160
  --brand-color-border-subtle: hsl(var(--base-color-scale-gray-0-hsl) / 99.9%);
1161
1161
  }
1162
1162
 
1163
- .Hero-module__Hero___-LIGB {
1163
+ .Primer_Brand__Hero-module__Hero___EM3jf {
1164
1164
  padding: var(--brand-Hero-narrow-padding);
1165
1165
  display: flex;
1166
1166
  flex-direction: column;
1167
1167
  }
1168
1168
 
1169
- .Hero-module__Hero--align-start___\+ux3o {
1169
+ .Primer_Brand__Hero-module__Hero--align-start___m8GEr {
1170
1170
  align-items: start;
1171
1171
  text-align: left;
1172
1172
  }
1173
1173
 
1174
- .Hero-module__Hero--align-center___L5ing {
1174
+ .Primer_Brand__Hero-module__Hero--align-center___HUXm3 {
1175
1175
  align-items: center;
1176
1176
  text-align: center;
1177
1177
  }
1178
1178
 
1179
- .Hero-module__Hero-heading___Ns\+oe {
1179
+ .Primer_Brand__Hero-module__Hero-heading___QuVBH {
1180
1180
  margin: 0;
1181
1181
  max-width: 18ch;
1182
1182
  }
1183
1183
 
1184
- .Hero-module__Hero-description___5DYuI {
1184
+ .Primer_Brand__Hero-module__Hero-description___vG4iA {
1185
1185
  margin: 1.5rem 0 0;
1186
1186
  max-width: 50ch;
1187
1187
  }
1188
1188
 
1189
- .Hero-module__Hero-actions___TSUhJ {
1189
+ .Primer_Brand__Hero-module__Hero-actions___oH1NT {
1190
1190
  margin-top: 2rem;
1191
1191
  display: flex;
1192
1192
  flex-direction: column;
@@ -1194,95 +1194,95 @@ select {
1194
1194
  width: 100%;
1195
1195
  }
1196
1196
 
1197
- .Hero-module__Hero-actions___TSUhJ > :not(:last-child) {
1197
+ .Primer_Brand__Hero-module__Hero-actions___oH1NT > :not(:last-child) {
1198
1198
  margin: 0 0 1rem;
1199
1199
  }
1200
1200
 
1201
1201
  /* Small breakpoint and up */
1202
1202
  @media screen and (min-width: 544px) {
1203
- .Hero-module__Hero___-LIGB {
1203
+ .Primer_Brand__Hero-module__Hero___EM3jf {
1204
1204
  padding: var(--brand-Hero-regular-padding);
1205
1205
  }
1206
1206
 
1207
- .Hero-module__Hero-actions___TSUhJ {
1207
+ .Primer_Brand__Hero-module__Hero-actions___oH1NT {
1208
1208
  flex-direction: row;
1209
1209
  width: auto;
1210
1210
  }
1211
1211
 
1212
- .Hero-module__Hero-actions___TSUhJ > :not(:last-child) {
1212
+ .Primer_Brand__Hero-module__Hero-actions___oH1NT > :not(:last-child) {
1213
1213
  margin: 0 1rem 0 0;
1214
1214
  }
1215
1215
  }
1216
1216
 
1217
- .ExpandableArrow-module__ExpandableArrow___Zzb6R {
1217
+ .Primer_Brand__ExpandableArrow-module__ExpandableArrow___rkfek {
1218
1218
  transition: transform 200ms;
1219
1219
  transform: translateX(0);
1220
1220
  }
1221
1221
 
1222
- .ExpandableArrow-module__ExpandableArrow--expanded___02I33 {
1222
+ .Primer_Brand__ExpandableArrow-module__ExpandableArrow--expanded___gajDr {
1223
1223
  transform: translateX(4px);
1224
1224
  }
1225
1225
 
1226
- .ExpandableArrow-module__ExpandableArrow-stem___o-Z1H {
1226
+ .Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem___g4mdy {
1227
1227
  stroke-dasharray: 10;
1228
1228
  stroke-dashoffset: 10;
1229
1229
  transition: stroke-dashoffset 200ms;
1230
1230
  }
1231
1231
 
1232
- .ExpandableArrow-module__ExpandableArrow-stem--expanded___omLNO {
1232
+ .Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem--expanded___KwI_9 {
1233
1233
  stroke-dashoffset: 20;
1234
1234
  }
1235
1235
 
1236
- .Text-module__Text___TZM3g {
1236
+ .Primer_Brand__Text-module__Text___pecHN {
1237
1237
  font-family: var(--brand-body-fontFamily);
1238
1238
  }
1239
1239
 
1240
- .Text-module__Text--default___cDtXM {
1240
+ .Primer_Brand__Text-module__Text--default___DChoE {
1241
1241
  color: var(--brand-color-text-default);
1242
1242
  }
1243
1243
 
1244
- .Text-module__Text--muted___\+aYSJ {
1244
+ .Primer_Brand__Text-module__Text--muted___lTaVa {
1245
1245
  color: var(--brand-color-text-muted);
1246
1246
  }
1247
1247
 
1248
- .Text-module__Text--700___K4B6u {
1248
+ .Primer_Brand__Text-module__Text--700___cOggy {
1249
1249
  font-weight: var(--brand-text-weight-700);
1250
1250
  font-size: var(--brand-text-size-700);
1251
1251
  line-height: var(--brand-text-lineHeight-700);
1252
1252
  letter-spacing: var(--brand-text-body-letterSpacing-100);
1253
1253
  }
1254
1254
 
1255
- .Text-module__Text--600___GROsL {
1255
+ .Primer_Brand__Text-module__Text--600___ThppA {
1256
1256
  font-weight: var(--brand-text-weight-600);
1257
1257
  font-size: var(--brand-text-size-600);
1258
1258
  line-height: var(--brand-text-lineHeight-600);
1259
1259
  }
1260
1260
 
1261
- .Text-module__Text--500___ljKQp {
1261
+ .Primer_Brand__Text-module__Text--500___orDRu {
1262
1262
  font-weight: var(--brand-text-weight-500);
1263
1263
  font-size: var(--brand-text-size-500);
1264
1264
  line-height: var(--brand-text-lineHeight-500);
1265
1265
  }
1266
1266
 
1267
- .Text-module__Text--400___jiw28 {
1267
+ .Primer_Brand__Text-module__Text--400___y7m4l {
1268
1268
  font-weight: var(--brand-text-weight-400);
1269
1269
  font-size: var(--brand-text-size-400);
1270
1270
  line-height: var(--brand-text-lineHeight-400);
1271
1271
  }
1272
1272
 
1273
- .Text-module__Text--300___iZZEy {
1273
+ .Primer_Brand__Text-module__Text--300___TBQTB {
1274
1274
  font-weight: var(--brand-text-weight-300);
1275
1275
  font-size: var(--brand-text-size-300);
1276
1276
  line-height: var(--brand-text-lineHeight-300);
1277
1277
  }
1278
1278
 
1279
- .Text-module__Text--200___EUSWb {
1279
+ .Primer_Brand__Text-module__Text--200___XAIGT {
1280
1280
  font-weight: var(--brand-text-weight-200);
1281
1281
  font-size: var(--brand-text-size-200);
1282
1282
  line-height: var(--brand-text-lineHeight-200);
1283
1283
  }
1284
1284
 
1285
- .Text-module__Text--100___kOhhP {
1285
+ .Primer_Brand__Text-module__Text--100___csEom {
1286
1286
  font-weight: var(--brand-text-weight-100);
1287
1287
  font-size: var(--brand-text-size-100);
1288
1288
  line-height: var(--brand-text-lineHeight-100);
@@ -1290,7 +1290,7 @@ select {
1290
1290
 
1291
1291
  /**
1292
1292
  * Do not edit directly
1293
- * Generated on Fri, 10 Jun 2022 11:52:57 GMT
1293
+ * Generated on Thu, 16 Jun 2022 14:28:12 GMT
1294
1294
  */
1295
1295
 
1296
1296
  :root {
@@ -1317,7 +1317,7 @@ select {
1317
1317
  --brand-Button-shadow-focus: hsl(var(--base-color-scale-white-0-hsl) / 25%) 0 0 0 4px;
1318
1318
  }
1319
1319
 
1320
- .Button-module__Button___Ky\+-Z {
1320
+ .Primer_Brand__Button-module__Button___lDruK {
1321
1321
  -webkit-appearance: none;
1322
1322
  -moz-appearance: none;
1323
1323
  appearance: none;
@@ -1338,48 +1338,48 @@ select {
1338
1338
  background: none;
1339
1339
  }
1340
1340
 
1341
- .Button-module__Button___Ky\+-Z:focus {
1341
+ .Primer_Brand__Button-module__Button___lDruK:focus {
1342
1342
  outline: 0;
1343
1343
  box-shadow: var(--brand-Button-shadow-focus), var(--brand-Button-shadow-hover);
1344
1344
  }
1345
1345
 
1346
- .Button-module__Button--label___YPITC {
1346
+ .Primer_Brand__Button-module__Button--label___lUBc0 {
1347
1347
  font-weight: var(--base-text-weight-semibold);
1348
1348
  }
1349
1349
 
1350
- .Button-module__Button-arrow___8MSd\+ {
1350
+ .Primer_Brand__Button-module__Button-arrow___SkJXQ {
1351
1351
  margin-left: 4px;
1352
1352
  }
1353
1353
 
1354
- .Button-module__Button--primary___bMjrR {
1354
+ .Primer_Brand__Button-module__Button--primary___xIC7G {
1355
1355
  color: var(--brand-color-text-onEmphasis);
1356
1356
  background-color: var(--brand-Button-background-base);
1357
1357
  background: var(--brand-Button-background-overlay);
1358
1358
  }
1359
1359
 
1360
- .Button-module__Button--primary___bMjrR:hover {
1360
+ .Primer_Brand__Button-module__Button--primary___xIC7G:hover {
1361
1361
  box-shadow: var(--brand-Button-shadow-hover);
1362
1362
  }
1363
1363
 
1364
- .Button-module__Button--label-primary___1iRqu {
1364
+ .Primer_Brand__Button-module__Button--label-primary___Leisi {
1365
1365
  color: var(--brand-color-text-onEmphasis);
1366
1366
  }
1367
1367
 
1368
- .Button-module__Button--secondary___gq64j {
1368
+ .Primer_Brand__Button-module__Button--secondary___akMC2 {
1369
1369
  color: var(--brand-color-text-default);
1370
1370
  box-shadow: inset 0 0 0 1px var(--brand-color-border-default);
1371
1371
  transition: box-shadow 200ms;
1372
1372
  }
1373
1373
 
1374
- .Button-module__Button--secondary___gq64j:hover {
1374
+ .Primer_Brand__Button-module__Button--secondary___akMC2:hover {
1375
1375
  box-shadow: inset 0 0 0 2px var(--brand-color-neutral-emphasisPlus);
1376
1376
  }
1377
1377
 
1378
- .Heading-module__Heading___D-P9Z {
1378
+ .Primer_Brand__Heading-module__Heading___IVpmp {
1379
1379
  color: var(--brand-color-text-default);
1380
1380
  }
1381
1381
 
1382
- .Heading-module__Heading--1___2biru {
1382
+ .Primer_Brand__Heading-module__Heading--1___Ufc7G {
1383
1383
  font-weight: var(--brand-text-weight-900);
1384
1384
  font-size: var(--brand-text-size-900);
1385
1385
  line-height: var(--brand-text-lineHeight-900);
@@ -1387,7 +1387,7 @@ select {
1387
1387
  letter-spacing: var(--brand-text-letterSpacing-900);
1388
1388
  }
1389
1389
 
1390
- .Heading-module__Heading--2___7UT78 {
1390
+ .Primer_Brand__Heading-module__Heading--2___TFg09 {
1391
1391
  font-weight: var(--brand-text-weight-800);
1392
1392
  font-size: var(--brand-text-size-800);
1393
1393
  line-height: var(--brand-text-lineHeight-800);
@@ -1395,7 +1395,7 @@ select {
1395
1395
  letter-spacing: var(--brand-text-letterSpacing-800);
1396
1396
  }
1397
1397
 
1398
- .Heading-module__Heading--3___zFRZy {
1398
+ .Primer_Brand__Heading-module__Heading--3___wsITu {
1399
1399
  font-weight: var(--brand-heading-weight-700);
1400
1400
  font-size: var(--brand-text-size-700);
1401
1401
  line-height: var(--brand-text-lineHeight-700);
@@ -1403,7 +1403,7 @@ select {
1403
1403
  letter-spacing: var(--brand-heading-letterSpacing-700);
1404
1404
  }
1405
1405
 
1406
- .Heading-module__Heading--4___6NI2U {
1406
+ .Primer_Brand__Heading-module__Heading--4___C9jDG {
1407
1407
  font-weight: var(--brand-heading-weight-600);
1408
1408
  font-size: var(--brand-text-size-600);
1409
1409
  line-height: var(--brand-text-lineHeight-600);
@@ -1411,7 +1411,7 @@ select {
1411
1411
  letter-spacing: var(--brand-heading-letterSpacing-600);
1412
1412
  }
1413
1413
 
1414
- .Heading-module__Heading--5___Wb4zR {
1414
+ .Primer_Brand__Heading-module__Heading--5___HgypG {
1415
1415
  font-weight: var(--brand-heading-weight-500);
1416
1416
  font-size: var(--brand-text-size-500);
1417
1417
  line-height: var(--brand-text-lineHeight-500);
@@ -1419,7 +1419,7 @@ select {
1419
1419
  letter-spacing: var(--brand-heading-letterSpacing-500);
1420
1420
  }
1421
1421
 
1422
- .Heading-module__Heading--6___6GNA5 {
1422
+ .Primer_Brand__Heading-module__Heading--6___FEQ_V {
1423
1423
  font-weight: var(--brand-heading-weight-400);
1424
1424
  font-size: var(--brand-text-size-400);
1425
1425
  line-height: var(--brand-text-lineHeight-400);
@@ -1429,7 +1429,7 @@ select {
1429
1429
 
1430
1430
  /**
1431
1431
  * Do not edit directly
1432
- * Generated on Fri, 10 Jun 2022 11:52:56 GMT
1432
+ * Generated on Thu, 16 Jun 2022 14:28:12 GMT
1433
1433
  */
1434
1434
 
1435
1435
  :root {
@@ -1439,7 +1439,7 @@ select {
1439
1439
 
1440
1440
  /**
1441
1441
  * Do not edit directly
1442
- * Generated on Fri, 10 Jun 2022 11:52:56 GMT
1442
+ * Generated on Thu, 16 Jun 2022 14:28:12 GMT
1443
1443
  */
1444
1444
 
1445
1445
  :root {
@@ -1450,7 +1450,7 @@ select {
1450
1450
  --brand-River-layout-margin-vertical: var(--base-size-48) 0;
1451
1451
  }
1452
1452
 
1453
- .River-module__River___JrRJn {
1453
+ .Primer_Brand__River-module__River___VHPl5 {
1454
1454
  display: grid;
1455
1455
  grid-gap: var(--brand-River-gap-column-medium);
1456
1456
  gap: var(--brand-River-gap-column-medium);
@@ -1459,106 +1459,108 @@ select {
1459
1459
  margin: var(--brand-River-layout-margin-vertical);
1460
1460
  }
1461
1461
 
1462
- .River-module__River__visual___FPRmp {
1462
+ .Primer_Brand__River-module__River__visual___sTe_U {
1463
1463
  position: relative;
1464
+ order: 2;
1464
1465
  }
1465
1466
 
1466
- .River-module__River--align-center___v9wmC {
1467
+ .Primer_Brand__River-module__River--align-center___TH7xI {
1467
1468
  text-align: center;
1468
1469
  }
1469
1470
 
1470
- .River-module__River__visual___FPRmp img,
1471
- .River-module__River__visual___FPRmp video {
1471
+ .Primer_Brand__River-module__River__visual___sTe_U img,
1472
+ .Primer_Brand__River-module__River__visual___sTe_U video {
1472
1473
  width: 100%;
1473
1474
  height: 100%;
1474
1475
  -o-object-fit: cover;
1475
1476
  object-fit: cover;
1476
1477
  }
1477
1478
 
1478
- .River-module__River__visual--has-shadow___VCNVf {
1479
+ .Primer_Brand__River-module__River__visual--has-shadow___cL9nP {
1479
1480
  box-shadow: var(--brand-River-visual-shadow);
1480
1481
  }
1481
1482
 
1482
- .River-module__River__heading___1vglW {
1483
+ .Primer_Brand__River-module__River__heading___pwKXi {
1483
1484
  margin-bottom: var(--brand-River-gap-heading-bottom);
1484
1485
  }
1485
1486
 
1486
- .River-module__River__call-to-action___pr7tp {
1487
+ .Primer_Brand__River-module__River__call-to-action___GIOCe {
1487
1488
  margin-top: var(--base-size-24);
1488
1489
  }
1489
1490
 
1490
- .River-module__River__text___jFOLz strong {
1491
+ .Primer_Brand__River-module__River__text___ZlR1K strong {
1491
1492
  color: var(--brand-color-text-default);
1492
1493
  }
1493
1494
 
1494
1495
  /* Small breakpoint and up */
1495
1496
  @media screen and (min-width: 34rem) {
1496
- .River-module__River___JrRJn {
1497
+ .Primer_Brand__River-module__River___VHPl5 {
1497
1498
  grid-template-rows: initial;
1498
1499
  }
1499
- .River-module__River--50-50___ShFNW {
1500
+ .Primer_Brand__River-module__River--50-50___cpSFU {
1500
1501
  grid-template-columns: [content] 1fr [visual] 1fr;
1501
1502
  }
1502
1503
 
1503
- .River-module__River--60-40___9LI6h {
1504
+ .Primer_Brand__River-module__River--60-40___XDKAU {
1504
1505
  grid-template-columns: [content] calc(40% - var(--base-size-12)) [visual] calc(60% - var(--base-size-12));
1505
1506
  }
1506
1507
 
1507
- .River-module__River--align-left___x8Qd1 {
1508
+ .Primer_Brand__River-module__River--align-left___sOE5L {
1508
1509
  grid-template-areas: 'content visual';
1509
1510
  }
1510
1511
 
1511
- .River-module__River--align-right___Mx1m- {
1512
+ .Primer_Brand__River-module__River--align-right___J45pe {
1512
1513
  grid-template-areas: 'visual content';
1513
1514
  }
1514
1515
 
1515
- .River-module__River--align-right___Mx1m-.River-module__River--60-40___9LI6h {
1516
+ .Primer_Brand__River-module__River--align-right___J45pe.Primer_Brand__River-module__River--60-40___XDKAU {
1516
1517
  grid-template-columns: [visual] calc(60% - var(--base-size-12)) [content] calc(40% - var(--base-size-12));
1517
1518
  }
1518
1519
 
1519
- .River-module__River__content___hRRqX {
1520
+ .Primer_Brand__River-module__River__content___opQUA {
1520
1521
  display: grid;
1521
1522
  align-content: center;
1522
1523
  grid-area: content;
1523
1524
  }
1524
1525
 
1525
- .River-module__River__visual___FPRmp {
1526
+ .Primer_Brand__River-module__River__visual___sTe_U {
1526
1527
  grid-area: visual;
1528
+ order: initial;
1527
1529
  }
1528
1530
 
1529
- .River-module__River--align-center___v9wmC {
1531
+ .Primer_Brand__River-module__River--align-center___TH7xI {
1530
1532
  grid-auto-rows: -webkit-min-content;
1531
1533
  grid-auto-rows: min-content;
1532
1534
  grid-template-columns: initial;
1533
1535
  }
1534
1536
 
1535
- .River-module__River--align-center___v9wmC .River-module__River__content___hRRqX,
1536
- .River-module__River--align-center___v9wmC .River-module__River__visual___FPRmp {
1537
+ .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__content___opQUA,
1538
+ .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__visual___sTe_U {
1537
1539
  grid-area: unset;
1538
1540
  justify-self: center;
1539
1541
  }
1540
1542
 
1541
- .River-module__River--align-center___v9wmC .River-module__River__body-text___0BbuA {
1543
+ .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__body-text___tt2Yf {
1542
1544
  max-width: 600px;
1543
1545
  justify-self: center;
1544
1546
  }
1545
1547
 
1546
- .River-module__River--align-center___v9wmC .River-module__River__visual___FPRmp {
1548
+ .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__visual___sTe_U {
1547
1549
  margin-bottom: var(--base-size-48);
1548
1550
  }
1549
- .River-module__River--align-center___v9wmC .River-module__River__content___hRRqX {
1551
+ .Primer_Brand__River-module__River--align-center___TH7xI .Primer_Brand__River-module__River__content___opQUA {
1550
1552
  margin-top: var(--base-size-48);
1551
1553
  }
1552
1554
  }
1553
1555
 
1554
1556
  /* Large breakpoint and up */
1555
1557
  @media screen and (min-width: 63.25rem) {
1556
- .River-module__River___JrRJn {
1558
+ .Primer_Brand__River-module__River___VHPl5 {
1557
1559
  gap: var(--brand-River-gap-column-large);
1558
1560
  }
1559
1561
  }
1560
1562
 
1561
- .Link-module__Link___I46Yd {
1563
+ .Primer_Brand__Link-module__Link___lvKjM {
1562
1564
  position: relative;
1563
1565
  display: inline-flex;
1564
1566
  align-items: center;
@@ -1569,7 +1571,7 @@ select {
1569
1571
  color: var(--brand-color-text-default);
1570
1572
  }
1571
1573
 
1572
- .Link-module__Link___I46Yd::after {
1574
+ .Primer_Brand__Link-module__Link___lvKjM::after {
1573
1575
  position: absolute;
1574
1576
  bottom: -0.15em;
1575
1577
  left: 0;
@@ -1583,30 +1585,30 @@ select {
1583
1585
  }
1584
1586
 
1585
1587
  @media screen and (prefers-reduced-motion: no-preference) {
1586
- .Link-module__Link___I46Yd::after {
1588
+ .Primer_Brand__Link-module__Link___lvKjM::after {
1587
1589
  transition: transform 0.3s ease;
1588
1590
  }
1589
1591
  }
1590
1592
 
1591
- .Link-module__Link___I46Yd:active:after,
1592
- .Link-module__Link___I46Yd:hover:after,
1593
- .Link-module__Link___I46Yd:focus:after {
1593
+ .Primer_Brand__Link-module__Link___lvKjM:active:after,
1594
+ .Primer_Brand__Link-module__Link___lvKjM:hover:after,
1595
+ .Primer_Brand__Link-module__Link___lvKjM:focus:after {
1594
1596
  transform: scaleX(1);
1595
1597
  }
1596
1598
 
1597
- .Link-module__Link___I46Yd:focus {
1599
+ .Primer_Brand__Link-module__Link___lvKjM:focus {
1598
1600
  outline: 0;
1599
1601
  }
1600
1602
 
1601
- .Link-module__Link--label___N2WtW {
1603
+ .Primer_Brand__Link-module__Link--label___j8etE {
1602
1604
  font-weight: var(--base-text-weight-semibold);
1603
1605
  }
1604
1606
 
1605
- .Link-module__Link-arrow___Y1IN9 {
1607
+ .Primer_Brand__Link-module__Link-arrow___HBMJ9 {
1606
1608
  margin-left: 4px;
1607
1609
  }
1608
1610
 
1609
- .Link-module__Link--large___CIEbO .Link-module__Link-arrow___Y1IN9 {
1611
+ .Primer_Brand__Link-module__Link--large___cXMt5 .Primer_Brand__Link-module__Link-arrow___HBMJ9 {
1610
1612
  width: 20px;
1611
1613
  height: 20px;
1612
1614
  }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 10 Jun 2022 11:52:56 GMT
3
+ * Generated on Thu, 16 Jun 2022 14:28:12 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 10 Jun 2022 11:52:56 GMT
3
+ * Generated on Thu, 16 Jun 2022 14:28:12 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 10 Jun 2022 11:52:56 GMT
3
+ * Generated on Thu, 16 Jun 2022 14:28:12 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 10 Jun 2022 11:52:56 GMT
3
+ * Generated on Thu, 16 Jun 2022 14:28:12 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 10 Jun 2022 11:52:57 GMT
3
+ * Generated on Thu, 16 Jun 2022 14:28:12 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 10 Jun 2022 11:52:56 GMT
3
+ * Generated on Thu, 16 Jun 2022 14:28:12 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 10 Jun 2022 11:52:57 GMT
3
+ * Generated on Thu, 16 Jun 2022 14:28:12 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 10 Jun 2022 11:52:56 GMT
3
+ * Generated on Thu, 16 Jun 2022 14:28:12 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 10 Jun 2022 11:52:56 GMT
3
+ * Generated on Thu, 16 Jun 2022 14:28:12 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 10 Jun 2022 11:52:56 GMT
3
+ * Generated on Thu, 16 Jun 2022 14:28:12 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 10 Jun 2022 11:52:56 GMT
3
+ * Generated on Thu, 16 Jun 2022 14:28:12 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 10 Jun 2022 11:52:56 GMT
3
+ * Generated on Thu, 16 Jun 2022 14:28:12 GMT
4
4
  */
5
5
 
6
6
  @media (pointer: coarse) { :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 10 Jun 2022 11:52:56 GMT
3
+ * Generated on Thu, 16 Jun 2022 14:28:12 GMT
4
4
  */
5
5
 
6
6
  @media (pointer: fine) { :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 10 Jun 2022 11:52:56 GMT
3
+ * Generated on Thu, 16 Jun 2022 14:28:12 GMT
4
4
  */
5
5
 
6
6
  :root {