@scm-manager/ui-components 2.46.1-20230801-095951 → 2.46.1

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 (10) hide show
  1. package/package.json +8 -10
  2. package/src/__snapshots__/storyshots.test.ts.snap +1159 -876
  3. package/src/layout/GroupEntries.tsx +24 -8
  4. package/src/layout/GroupEntry.stories.tsx +75 -0
  5. package/src/layout/GroupEntry.tsx +122 -0
  6. package/src/layout/index.ts +0 -1
  7. package/src/repos/RepositoryEntry.tsx +110 -83
  8. package/src/repos/RepositoryFlag.tsx +5 -6
  9. package/src/repos/RepositoryFlags.tsx +15 -11
  10. package/src/layout/NamespaceEntries.tsx +0 -66
package/src/__snapshots__/storyshots.test.ts.snap CHANGED
@@ -4450,6 +4450,158 @@ Array [
4450
4450
  ]
4451
4451
  `;
4452
4452
 
4453
+ exports[`Storyshots GroupEntry Default 1`] = `
4454
+ <div
4455
+ className="m-5"
4456
+ >
4457
+ <div
4458
+ className="is-relative"
4459
+ >
4460
+ <a
4461
+ aria-label="overview.ariaLabel"
4462
+ className="GroupEntry__OverlayLink-sc-1f902yu-1 gmDjMM has-hover-background-blue"
4463
+ href="/foo/bar"
4464
+ onClick={[Function]}
4465
+ />
4466
+ <div
4467
+ className="GroupEntry__StyledGroupEntry-sc-1f902yu-0 dOqUmL is-flex is-justify-content-space-between is-align-items-center p-2"
4468
+ >
4469
+ <div
4470
+ className="GroupEntry__ContentLeft-sc-1f902yu-4 dcjjKg is-flex is-flex-grow-1 is-align-items-center"
4471
+ >
4472
+ <div
4473
+ className="GroupEntry__Avatar-sc-1f902yu-2 jCymZj mr-4"
4474
+ >
4475
+ <i
4476
+ aria-label="avatar"
4477
+ className="fas fa-fw fa-icons fa-2x fa-fw has-text-secondary"
4478
+ onKeyPress={[Function]}
4479
+ />
4480
+ </div>
4481
+ <div
4482
+ className="is-flex-grow-1 is-clipped"
4483
+ >
4484
+ <div
4485
+ className="mx-1"
4486
+ >
4487
+ <strong
4488
+ className="m-0"
4489
+ >
4490
+ main content
4491
+ </strong>
4492
+ </div>
4493
+ <p
4494
+ className="GroupEntry__Description-sc-1f902yu-3 jAbhKI mx-1"
4495
+ >
4496
+ <small>
4497
+ more text
4498
+ </small>
4499
+ </p>
4500
+ </div>
4501
+ </div>
4502
+ <div
4503
+ className="GroupEntry__ContentRight-sc-1f902yu-5 enUoHi is-hidden-touch is-flex is-flex-shrink-0 is-justify-content-flex-end pl-5"
4504
+ >
4505
+ <div
4506
+ className="buttons"
4507
+ >
4508
+ <button
4509
+ className="button is-default"
4510
+ onClick={[Function]}
4511
+ title="Copy clone command to clipboard"
4512
+ type="button"
4513
+ >
4514
+ <span>
4515
+ <i
4516
+ className="fas fa-fw fa-download has-text-inherit is-medium"
4517
+ onKeyPress={[Function]}
4518
+ />
4519
+
4520
+ </span>
4521
+ </button>
4522
+ </div>
4523
+ </div>
4524
+ </div>
4525
+ </div>
4526
+ </div>
4527
+ `;
4528
+
4529
+ exports[`Storyshots GroupEntry With long texts 1`] = `
4530
+ <div
4531
+ className="m-5"
4532
+ >
4533
+ <div
4534
+ className="is-relative"
4535
+ >
4536
+ <a
4537
+ aria-label="overview.ariaLabel"
4538
+ className="GroupEntry__OverlayLink-sc-1f902yu-1 gmDjMM has-hover-background-blue"
4539
+ href="/foo/bar"
4540
+ onClick={[Function]}
4541
+ />
4542
+ <div
4543
+ className="GroupEntry__StyledGroupEntry-sc-1f902yu-0 dOqUmL is-flex is-justify-content-space-between is-align-items-center p-2"
4544
+ >
4545
+ <div
4546
+ className="GroupEntry__ContentLeft-sc-1f902yu-4 dcjjKg is-flex is-flex-grow-1 is-align-items-center"
4547
+ >
4548
+ <div
4549
+ className="GroupEntry__Avatar-sc-1f902yu-2 jCymZj mr-4"
4550
+ >
4551
+ <i
4552
+ aria-label="avatar"
4553
+ className="fas fa-fw fa-icons fa-2x fa-fw has-text-secondary"
4554
+ onKeyPress={[Function]}
4555
+ />
4556
+ </div>
4557
+ <div
4558
+ className="is-flex-grow-1 is-clipped"
4559
+ >
4560
+ <div
4561
+ className="mx-1"
4562
+ >
4563
+ <strong
4564
+ className="m-0"
4565
+ >
4566
+ Very-important-repository-with-a-particular-long-but-easily-rememberable-name-which-also-is-written-in-kebab-case
4567
+ </strong>
4568
+ </div>
4569
+ <p
4570
+ className="GroupEntry__Description-sc-1f902yu-3 jAbhKI mx-1"
4571
+ >
4572
+ <small>
4573
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
4574
+ </small>
4575
+ </p>
4576
+ </div>
4577
+ </div>
4578
+ <div
4579
+ className="GroupEntry__ContentRight-sc-1f902yu-5 enUoHi is-hidden-touch is-flex is-flex-shrink-0 is-justify-content-flex-end pl-5"
4580
+ >
4581
+ <div
4582
+ className="buttons"
4583
+ >
4584
+ <button
4585
+ className="button is-default"
4586
+ onClick={[Function]}
4587
+ title="Copy clone command to clipboard"
4588
+ type="button"
4589
+ >
4590
+ <span>
4591
+ <i
4592
+ className="fas fa-fw fa-download has-text-inherit is-medium"
4593
+ onKeyPress={[Function]}
4594
+ />
4595
+
4596
+ </span>
4597
+ </button>
4598
+ </div>
4599
+ </div>
4600
+ </div>
4601
+ </div>
4602
+ </div>
4603
+ `;
4604
+
4453
4605
  exports[`Storyshots Help Default 1`] = `
4454
4606
  <div
4455
4607
  className="m-6"
@@ -70925,122 +71077,137 @@ exports[`Storyshots Repositories/RepositoryEntry Archived 1`] = `
70925
71077
  <div
70926
71078
  className="RepositoryEntrystories__Spacing-sc-toppdg-0 fDFvWg"
70927
71079
  >
70928
- <li
70929
- aria-label="overview.ariaLabel"
70930
- className="is-relative is-flex scmm-card"
71080
+ <div
71081
+ className="is-relative"
70931
71082
  >
71083
+ <a
71084
+ aria-label="overview.ariaLabel"
71085
+ className="GroupEntry__OverlayLink-sc-1f902yu-1 gmDjMM has-hover-background-blue"
71086
+ href="/repo/hitchhiker/heartOfGold/"
71087
+ onClick={[Function]}
71088
+ />
70932
71089
  <div
70933
- className="RepositoryEntry__Avatar-sc-6jys82-0 OJkVA is-align-self-flex-start"
70934
- >
70935
- <div
70936
- className="RepositoryAvatar__Avatar-sc-uh53vb-0 hUnsfF image is-48x48"
70937
- >
70938
- <img
70939
- alt="Logo"
70940
- src="test-file-stub"
70941
- />
70942
- </div>
70943
- </div>
70944
- <div
70945
- className="is-flex is-flex-direction-column is-justify-content-center is-flex-grow-1 is-clipped"
70946
- style={
70947
- Object {
70948
- "gap": "0.25rem",
70949
- }
70950
- }
71090
+ className="GroupEntry__StyledGroupEntry-sc-1f902yu-0 dOqUmL is-flex is-justify-content-space-between is-align-items-center p-2"
70951
71091
  >
70952
71092
  <div
70953
- className="is-flex"
71093
+ className="GroupEntry__ContentLeft-sc-1f902yu-4 dcjjKg is-flex is-flex-grow-1 is-align-items-center"
70954
71094
  >
70955
- <h4>
70956
- <a
70957
- className="RepositoryEntry__StyledLink-sc-6jys82-1 JSZXO"
70958
- href="/repo/hitchhiker/heartOfGold/"
70959
- onClick={[Function]}
71095
+ <div
71096
+ className="GroupEntry__Avatar-sc-1f902yu-2 jCymZj mr-4"
71097
+ >
71098
+ <div
71099
+ className="RepositoryAvatar__Avatar-sc-uh53vb-0 hUnsfF image is-48x48"
70960
71100
  >
70961
- heartOfGold
70962
-
70963
- </a>
70964
- </h4>
70965
- </div>
70966
- <div
70967
- className="RepositoryEntry__DescriptionRow-sc-6jys82-2 dzxasi is-size-7"
70968
- >
70969
- The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
71101
+ <img
71102
+ alt="Logo"
71103
+ src="test-file-stub"
71104
+ />
71105
+ </div>
71106
+ </div>
71107
+ <div
71108
+ className="is-flex-grow-1 is-clipped"
71109
+ >
71110
+ <div
71111
+ className="mx-1"
71112
+ >
71113
+ <div
71114
+ className="is-flex"
71115
+ >
71116
+ <strong
71117
+ className="RepositoryEntry__Name-sc-6jys82-4 fAfLpj"
71118
+ >
71119
+ heartOfGold
71120
+ </strong>
71121
+
71122
+ <div
71123
+ className="is-flex is-align-items-center is-hidden-mobile"
71124
+ >
71125
+ <div />
71126
+ <div
71127
+ style={
71128
+ Object {
71129
+ "borderWidth": "0",
71130
+ "clip": "rect(0, 0, 0, 0)",
71131
+ "display": "none",
71132
+ "height": 1,
71133
+ "margin": -1,
71134
+ "overflow": "hidden",
71135
+ "padding": 0,
71136
+ "position": "absolute",
71137
+ "whiteSpace": "nowrap",
71138
+ "width": 1,
71139
+ }
71140
+ }
71141
+ />
71142
+ <div
71143
+ className="RepositoryFlags__RepositoryFlagContainer-sc-1swhx1t-0 dcQivR"
71144
+ >
71145
+ <div
71146
+ className="Tooltip__TooltipWrapper-sc-fmp853-0 fJWuAF"
71147
+ onClick={[Function]}
71148
+ onMouseEnter={[Function]}
71149
+ onMouseLeave={[Function]}
71150
+ >
71151
+ <span
71152
+ className="tag is-light is-small p-1 is-size-7 has-text-weight-bold"
71153
+ >
71154
+ repository.archived
71155
+ </span>
71156
+ </div>
71157
+ </div>
71158
+ </div>
71159
+ </div>
71160
+ </div>
71161
+ <p
71162
+ className="GroupEntry__Description-sc-1f902yu-3 jAbhKI mx-1"
71163
+ >
71164
+ The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
71165
+ </p>
71166
+ </div>
70970
71167
  </div>
70971
71168
  <div
70972
- className="RepositoryEntry__DetailsRow-sc-6jys82-3 kXjiC is-flex is-align-items-center is-justify-content-space-between is-flex-wrap-wrap"
71169
+ className="GroupEntry__ContentRight-sc-1f902yu-5 enUoHi is-hidden-touch is-flex is-flex-shrink-0 is-justify-content-flex-end pl-5"
70973
71170
  >
70974
- <span
70975
- className="is-size-7 has-text-secondary is-relative"
70976
- >
70977
- overview.lastModified
70978
-
70979
- <time
70980
- className="DateElement-sc-1schp8c-0 cTawvL"
70981
- dateTime="2020-03-23 09:26:01"
70982
- title="2020-03-23 09:26:01"
70983
- >
70984
- 3 days ago
70985
- </time>
70986
- </span>
70987
71171
  <div
70988
- className="RepositoryFlags__GapedContainer-sc-1swhx1t-0 jRZPLm is-flex is-align-items-center is-flex-wrap-wrap"
70989
- >
70990
- <div />
70991
- <div
70992
- style={
70993
- Object {
70994
- "borderWidth": "0",
70995
- "clip": "rect(0, 0, 0, 0)",
70996
- "display": "none",
70997
- "height": 1,
70998
- "margin": -1,
70999
- "overflow": "hidden",
71000
- "padding": 0,
71001
- "position": "absolute",
71002
- "whiteSpace": "nowrap",
71003
- "width": 1,
71004
- }
71005
- }
71006
- />
71172
+ className="RepositoryEntry__ContentRightContainer-sc-6jys82-0 huFTcO is-flex is-flex-direction-column is-justify-content-space-between is-relative mr-4"
71173
+ >
71007
71174
  <span
71008
- className="tag is-rounded is-light is-small is-relative"
71009
- data-state="closed"
71010
- onBlur={[Function]}
71011
- onClick={[Function]}
71012
- onFocus={[Function]}
71013
- onPointerDown={[Function]}
71014
- onPointerLeave={[Function]}
71015
- onPointerMove={[Function]}
71175
+ className="is-flex is-justify-content-flex-end is-align-items-center"
71016
71176
  >
71017
- repository.archived
71177
+ <a
71178
+ className="RepositoryEntry__ContactActionWrapper-sc-6jys82-3 gtjNed is-size-5"
71179
+ href="mailto:heart-of-gold@hitchhiker.com"
71180
+ target="_blank"
71181
+ title="overview.contact"
71182
+ >
71183
+ <i
71184
+ className="fas fa-fw fa-envelope has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 gkmNjW is-clickable has-hover-visible"
71185
+ onKeyPress={[Function]}
71186
+ />
71187
+ </a>
71188
+ <i
71189
+ aria-label="overview.clone"
71190
+ className="fas fa-fw fa-download has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 gkmNjW is-clickable is-size-5 has-hover-visible"
71191
+ onClick={[Function]}
71192
+ onKeyPress={[Function]}
71193
+ title="overview.clone"
71194
+ />
71018
71195
  </span>
71196
+ <small
71197
+ className="pb-1"
71198
+ >
71199
+ <time
71200
+ className="DateElement-sc-1schp8c-0 cTawvL"
71201
+ dateTime="2020-03-23 09:26:01"
71202
+ title="2020-03-23 09:26:01"
71203
+ >
71204
+ 3 days ago
71205
+ </time>
71206
+ </small>
71019
71207
  </div>
71020
71208
  </div>
71021
71209
  </div>
71022
- <button
71023
- aria-expanded={false}
71024
- aria-haspopup="menu"
71025
- aria-label="menu.defaultTriggerLabel"
71026
- className="button is-borderless has-background-transparent has-hover-color-blue px-2"
71027
- data-state="closed"
71028
- disabled={false}
71029
- id="radix-178"
71030
- onKeyDown={[Function]}
71031
- onPointerDown={[Function]}
71032
- type="button"
71033
- >
71034
- <span
71035
- aria-hidden="true"
71036
- className="icon"
71037
- >
71038
- <i
71039
- className="fas fa-fw fa-ellipsis-v"
71040
- />
71041
- </span>
71042
- </button>
71043
- </li>
71210
+ </div>
71044
71211
  </div>
71045
71212
  `;
71046
71213
 
@@ -71048,110 +71215,124 @@ exports[`Storyshots Repositories/RepositoryEntry Avatar EP 1`] = `
71048
71215
  <div
71049
71216
  className="RepositoryEntrystories__Spacing-sc-toppdg-0 fDFvWg"
71050
71217
  >
71051
- <li
71052
- aria-label="overview.ariaLabel"
71053
- className="is-relative is-flex scmm-card"
71218
+ <div
71219
+ className="is-relative"
71054
71220
  >
71221
+ <a
71222
+ aria-label="overview.ariaLabel"
71223
+ className="GroupEntry__OverlayLink-sc-1f902yu-1 gmDjMM has-hover-background-blue"
71224
+ href="/repo/hitchhiker/heartOfGold/"
71225
+ onClick={[Function]}
71226
+ />
71055
71227
  <div
71056
- className="RepositoryEntry__Avatar-sc-6jys82-0 OJkVA is-align-self-flex-start"
71057
- >
71058
- <div
71059
- className="RepositoryAvatar__Avatar-sc-uh53vb-0 hUnsfF image is-48x48"
71060
- >
71061
- <img
71062
- alt="Logo"
71063
- src="test-file-stub"
71064
- />
71065
- </div>
71066
- </div>
71067
- <div
71068
- className="is-flex is-flex-direction-column is-justify-content-center is-flex-grow-1 is-clipped"
71069
- style={
71070
- Object {
71071
- "gap": "0.25rem",
71072
- }
71073
- }
71228
+ className="GroupEntry__StyledGroupEntry-sc-1f902yu-0 dOqUmL is-flex is-justify-content-space-between is-align-items-center p-2"
71074
71229
  >
71075
71230
  <div
71076
- className="is-flex"
71231
+ className="GroupEntry__ContentLeft-sc-1f902yu-4 dcjjKg is-flex is-flex-grow-1 is-align-items-center"
71077
71232
  >
71078
- <h4>
71079
- <a
71080
- className="RepositoryEntry__StyledLink-sc-6jys82-1 JSZXO"
71081
- href="/repo/hitchhiker/heartOfGold/"
71082
- onClick={[Function]}
71233
+ <div
71234
+ className="GroupEntry__Avatar-sc-1f902yu-2 jCymZj mr-4"
71235
+ >
71236
+ <div
71237
+ className="RepositoryAvatar__Avatar-sc-uh53vb-0 hUnsfF image is-48x48"
71083
71238
  >
71084
- heartOfGold
71085
-
71086
- </a>
71087
- </h4>
71088
- </div>
71089
- <div
71090
- className="RepositoryEntry__DescriptionRow-sc-6jys82-2 dzxasi is-size-7"
71091
- >
71092
- The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
71239
+ <img
71240
+ alt="Logo"
71241
+ src="test-file-stub"
71242
+ />
71243
+ </div>
71244
+ </div>
71245
+ <div
71246
+ className="is-flex-grow-1 is-clipped"
71247
+ >
71248
+ <div
71249
+ className="mx-1"
71250
+ >
71251
+ <div
71252
+ className="is-flex"
71253
+ >
71254
+ <strong
71255
+ className="RepositoryEntry__Name-sc-6jys82-4 fAfLpj"
71256
+ >
71257
+ heartOfGold
71258
+ </strong>
71259
+
71260
+ <div
71261
+ className="is-flex is-align-items-center is-hidden-mobile"
71262
+ >
71263
+ <div />
71264
+ <div
71265
+ style={
71266
+ Object {
71267
+ "borderWidth": "0",
71268
+ "clip": "rect(0, 0, 0, 0)",
71269
+ "display": "none",
71270
+ "height": 1,
71271
+ "margin": -1,
71272
+ "overflow": "hidden",
71273
+ "padding": 0,
71274
+ "position": "absolute",
71275
+ "whiteSpace": "nowrap",
71276
+ "width": 1,
71277
+ }
71278
+ }
71279
+ />
71280
+ <div
71281
+ className="RepositoryFlags__RepositoryFlagContainer-sc-1swhx1t-0 dcQivR"
71282
+ />
71283
+ </div>
71284
+ </div>
71285
+ </div>
71286
+ <p
71287
+ className="GroupEntry__Description-sc-1f902yu-3 jAbhKI mx-1"
71288
+ >
71289
+ The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
71290
+ </p>
71291
+ </div>
71093
71292
  </div>
71094
71293
  <div
71095
- className="RepositoryEntry__DetailsRow-sc-6jys82-3 kXjiC is-flex is-align-items-center is-justify-content-space-between is-flex-wrap-wrap"
71294
+ className="GroupEntry__ContentRight-sc-1f902yu-5 enUoHi is-hidden-touch is-flex is-flex-shrink-0 is-justify-content-flex-end pl-5"
71096
71295
  >
71097
- <span
71098
- className="is-size-7 has-text-secondary is-relative"
71296
+ <div
71297
+ className="RepositoryEntry__ContentRightContainer-sc-6jys82-0 huFTcO is-flex is-flex-direction-column is-justify-content-space-between is-relative mr-4"
71099
71298
  >
71100
- overview.lastModified
71101
-
71102
- <time
71103
- className="DateElement-sc-1schp8c-0 cTawvL"
71104
- dateTime="2020-03-23 09:26:01"
71105
- title="2020-03-23 09:26:01"
71299
+ <span
71300
+ className="is-flex is-justify-content-flex-end is-align-items-center"
71106
71301
  >
71107
- 3 days ago
71108
- </time>
71109
- </span>
71110
- <div
71111
- className="RepositoryFlags__GapedContainer-sc-1swhx1t-0 jRZPLm is-flex is-align-items-center is-flex-wrap-wrap"
71112
- >
71113
- <div />
71114
- <div
71115
- style={
71116
- Object {
71117
- "borderWidth": "0",
71118
- "clip": "rect(0, 0, 0, 0)",
71119
- "display": "none",
71120
- "height": 1,
71121
- "margin": -1,
71122
- "overflow": "hidden",
71123
- "padding": 0,
71124
- "position": "absolute",
71125
- "whiteSpace": "nowrap",
71126
- "width": 1,
71127
- }
71128
- }
71129
- />
71302
+ <a
71303
+ className="RepositoryEntry__ContactActionWrapper-sc-6jys82-3 gtjNed is-size-5"
71304
+ href="mailto:heart-of-gold@hitchhiker.com"
71305
+ target="_blank"
71306
+ title="overview.contact"
71307
+ >
71308
+ <i
71309
+ className="fas fa-fw fa-envelope has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 gkmNjW is-clickable has-hover-visible"
71310
+ onKeyPress={[Function]}
71311
+ />
71312
+ </a>
71313
+ <i
71314
+ aria-label="overview.clone"
71315
+ className="fas fa-fw fa-download has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 gkmNjW is-clickable is-size-5 has-hover-visible"
71316
+ onClick={[Function]}
71317
+ onKeyPress={[Function]}
71318
+ title="overview.clone"
71319
+ />
71320
+ </span>
71321
+ <small
71322
+ className="pb-1"
71323
+ >
71324
+ <time
71325
+ className="DateElement-sc-1schp8c-0 cTawvL"
71326
+ dateTime="2020-03-23 09:26:01"
71327
+ title="2020-03-23 09:26:01"
71328
+ >
71329
+ 3 days ago
71330
+ </time>
71331
+ </small>
71130
71332
  </div>
71131
71333
  </div>
71132
71334
  </div>
71133
- <button
71134
- aria-expanded={false}
71135
- aria-haspopup="menu"
71136
- aria-label="menu.defaultTriggerLabel"
71137
- className="button is-borderless has-background-transparent has-hover-color-blue px-2"
71138
- data-state="closed"
71139
- disabled={false}
71140
- id="radix-174"
71141
- onKeyDown={[Function]}
71142
- onPointerDown={[Function]}
71143
- type="button"
71144
- >
71145
- <span
71146
- aria-hidden="true"
71147
- className="icon"
71148
- >
71149
- <i
71150
- className="fas fa-fw fa-ellipsis-v"
71151
- />
71152
- </span>
71153
- </button>
71154
- </li>
71335
+ </div>
71155
71336
  </div>
71156
71337
  `;
71157
71338
 
@@ -71159,113 +71340,127 @@ exports[`Storyshots Repositories/RepositoryEntry Before Title EP 1`] = `
71159
71340
  <div
71160
71341
  className="RepositoryEntrystories__Spacing-sc-toppdg-0 fDFvWg"
71161
71342
  >
71162
- <li
71163
- aria-label="overview.ariaLabel"
71164
- className="is-relative is-flex scmm-card"
71343
+ <div
71344
+ className="is-relative"
71165
71345
  >
71346
+ <a
71347
+ aria-label="overview.ariaLabel"
71348
+ className="GroupEntry__OverlayLink-sc-1f902yu-1 gmDjMM has-hover-background-blue"
71349
+ href="/repo/hitchhiker/heartOfGold/"
71350
+ onClick={[Function]}
71351
+ />
71166
71352
  <div
71167
- className="RepositoryEntry__Avatar-sc-6jys82-0 OJkVA is-align-self-flex-start"
71168
- >
71169
- <div
71170
- className="RepositoryAvatar__Avatar-sc-uh53vb-0 hUnsfF image is-48x48"
71171
- >
71172
- <img
71173
- alt="Logo"
71174
- src="/images/blib.jpg"
71175
- />
71176
- </div>
71177
- </div>
71178
- <div
71179
- className="is-flex is-flex-direction-column is-justify-content-center is-flex-grow-1 is-clipped"
71180
- style={
71181
- Object {
71182
- "gap": "0.25rem",
71183
- }
71184
- }
71353
+ className="GroupEntry__StyledGroupEntry-sc-1f902yu-0 dOqUmL is-flex is-justify-content-space-between is-align-items-center p-2"
71185
71354
  >
71186
71355
  <div
71187
- className="is-flex"
71356
+ className="GroupEntry__ContentLeft-sc-1f902yu-4 dcjjKg is-flex is-flex-grow-1 is-align-items-center"
71188
71357
  >
71189
- <i
71190
- className="far fa-star"
71191
- />
71192
- <h4>
71193
- <a
71194
- className="RepositoryEntry__StyledLink-sc-6jys82-1 JSZXO"
71195
- href="/repo/hitchhiker/heartOfGold/"
71196
- onClick={[Function]}
71358
+ <div
71359
+ className="GroupEntry__Avatar-sc-1f902yu-2 jCymZj mr-4"
71360
+ >
71361
+ <div
71362
+ className="RepositoryAvatar__Avatar-sc-uh53vb-0 hUnsfF image is-48x48"
71197
71363
  >
71198
- heartOfGold
71199
-
71200
- </a>
71201
- </h4>
71202
- </div>
71203
- <div
71204
- className="RepositoryEntry__DescriptionRow-sc-6jys82-2 dzxasi is-size-7"
71205
- >
71206
- The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
71364
+ <img
71365
+ alt="Logo"
71366
+ src="/images/blib.jpg"
71367
+ />
71368
+ </div>
71369
+ </div>
71370
+ <div
71371
+ className="is-flex-grow-1 is-clipped"
71372
+ >
71373
+ <div
71374
+ className="mx-1"
71375
+ >
71376
+ <div
71377
+ className="is-flex"
71378
+ >
71379
+ <i
71380
+ className="far fa-star"
71381
+ />
71382
+ <strong
71383
+ className="RepositoryEntry__Name-sc-6jys82-4 fAfLpj"
71384
+ >
71385
+ heartOfGold
71386
+ </strong>
71387
+
71388
+ <div
71389
+ className="is-flex is-align-items-center is-hidden-mobile"
71390
+ >
71391
+ <div />
71392
+ <div
71393
+ style={
71394
+ Object {
71395
+ "borderWidth": "0",
71396
+ "clip": "rect(0, 0, 0, 0)",
71397
+ "display": "none",
71398
+ "height": 1,
71399
+ "margin": -1,
71400
+ "overflow": "hidden",
71401
+ "padding": 0,
71402
+ "position": "absolute",
71403
+ "whiteSpace": "nowrap",
71404
+ "width": 1,
71405
+ }
71406
+ }
71407
+ />
71408
+ <div
71409
+ className="RepositoryFlags__RepositoryFlagContainer-sc-1swhx1t-0 dcQivR"
71410
+ />
71411
+ </div>
71412
+ </div>
71413
+ </div>
71414
+ <p
71415
+ className="GroupEntry__Description-sc-1f902yu-3 jAbhKI mx-1"
71416
+ >
71417
+ The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
71418
+ </p>
71419
+ </div>
71207
71420
  </div>
71208
71421
  <div
71209
- className="RepositoryEntry__DetailsRow-sc-6jys82-3 kXjiC is-flex is-align-items-center is-justify-content-space-between is-flex-wrap-wrap"
71422
+ className="GroupEntry__ContentRight-sc-1f902yu-5 enUoHi is-hidden-touch is-flex is-flex-shrink-0 is-justify-content-flex-end pl-5"
71210
71423
  >
71211
- <span
71212
- className="is-size-7 has-text-secondary is-relative"
71424
+ <div
71425
+ className="RepositoryEntry__ContentRightContainer-sc-6jys82-0 huFTcO is-flex is-flex-direction-column is-justify-content-space-between is-relative mr-4"
71213
71426
  >
71214
- overview.lastModified
71215
-
71216
- <time
71217
- className="DateElement-sc-1schp8c-0 cTawvL"
71218
- dateTime="2020-03-23 09:26:01"
71219
- title="2020-03-23 09:26:01"
71427
+ <span
71428
+ className="is-flex is-justify-content-flex-end is-align-items-center"
71220
71429
  >
71221
- 3 days ago
71222
- </time>
71223
- </span>
71224
- <div
71225
- className="RepositoryFlags__GapedContainer-sc-1swhx1t-0 jRZPLm is-flex is-align-items-center is-flex-wrap-wrap"
71226
- >
71227
- <div />
71228
- <div
71229
- style={
71230
- Object {
71231
- "borderWidth": "0",
71232
- "clip": "rect(0, 0, 0, 0)",
71233
- "display": "none",
71234
- "height": 1,
71235
- "margin": -1,
71236
- "overflow": "hidden",
71237
- "padding": 0,
71238
- "position": "absolute",
71239
- "whiteSpace": "nowrap",
71240
- "width": 1,
71241
- }
71242
- }
71243
- />
71430
+ <a
71431
+ className="RepositoryEntry__ContactActionWrapper-sc-6jys82-3 gtjNed is-size-5"
71432
+ href="mailto:heart-of-gold@hitchhiker.com"
71433
+ target="_blank"
71434
+ title="overview.contact"
71435
+ >
71436
+ <i
71437
+ className="fas fa-fw fa-envelope has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 gkmNjW is-clickable has-hover-visible"
71438
+ onKeyPress={[Function]}
71439
+ />
71440
+ </a>
71441
+ <i
71442
+ aria-label="overview.clone"
71443
+ className="fas fa-fw fa-download has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 gkmNjW is-clickable is-size-5 has-hover-visible"
71444
+ onClick={[Function]}
71445
+ onKeyPress={[Function]}
71446
+ title="overview.clone"
71447
+ />
71448
+ </span>
71449
+ <small
71450
+ className="pb-1"
71451
+ >
71452
+ <time
71453
+ className="DateElement-sc-1schp8c-0 cTawvL"
71454
+ dateTime="2020-03-23 09:26:01"
71455
+ title="2020-03-23 09:26:01"
71456
+ >
71457
+ 3 days ago
71458
+ </time>
71459
+ </small>
71244
71460
  </div>
71245
71461
  </div>
71246
71462
  </div>
71247
- <button
71248
- aria-expanded={false}
71249
- aria-haspopup="menu"
71250
- aria-label="menu.defaultTriggerLabel"
71251
- className="button is-borderless has-background-transparent has-hover-color-blue px-2"
71252
- data-state="closed"
71253
- disabled={false}
71254
- id="radix-176"
71255
- onKeyDown={[Function]}
71256
- onPointerDown={[Function]}
71257
- type="button"
71258
- >
71259
- <span
71260
- aria-hidden="true"
71261
- className="icon"
71262
- >
71263
- <i
71264
- className="fas fa-fw fa-ellipsis-v"
71265
- />
71266
- </span>
71267
- </button>
71268
- </li>
71463
+ </div>
71269
71464
  </div>
71270
71465
  `;
71271
71466
 
@@ -71273,110 +71468,124 @@ exports[`Storyshots Repositories/RepositoryEntry Default 1`] = `
71273
71468
  <div
71274
71469
  className="RepositoryEntrystories__Spacing-sc-toppdg-0 fDFvWg"
71275
71470
  >
71276
- <li
71277
- aria-label="overview.ariaLabel"
71278
- className="is-relative is-flex scmm-card"
71471
+ <div
71472
+ className="is-relative"
71279
71473
  >
71474
+ <a
71475
+ aria-label="overview.ariaLabel"
71476
+ className="GroupEntry__OverlayLink-sc-1f902yu-1 gmDjMM has-hover-background-blue"
71477
+ href="/repo/hitchhiker/heartOfGold/"
71478
+ onClick={[Function]}
71479
+ />
71280
71480
  <div
71281
- className="RepositoryEntry__Avatar-sc-6jys82-0 OJkVA is-align-self-flex-start"
71282
- >
71283
- <div
71284
- className="RepositoryAvatar__Avatar-sc-uh53vb-0 hUnsfF image is-48x48"
71285
- >
71286
- <img
71287
- alt="Logo"
71288
- src="/images/blib.jpg"
71289
- />
71290
- </div>
71291
- </div>
71292
- <div
71293
- className="is-flex is-flex-direction-column is-justify-content-center is-flex-grow-1 is-clipped"
71294
- style={
71295
- Object {
71296
- "gap": "0.25rem",
71297
- }
71298
- }
71481
+ className="GroupEntry__StyledGroupEntry-sc-1f902yu-0 dOqUmL is-flex is-justify-content-space-between is-align-items-center p-2"
71299
71482
  >
71300
71483
  <div
71301
- className="is-flex"
71484
+ className="GroupEntry__ContentLeft-sc-1f902yu-4 dcjjKg is-flex is-flex-grow-1 is-align-items-center"
71302
71485
  >
71303
- <h4>
71304
- <a
71305
- className="RepositoryEntry__StyledLink-sc-6jys82-1 JSZXO"
71306
- href="/repo/hitchhiker/heartOfGold/"
71307
- onClick={[Function]}
71486
+ <div
71487
+ className="GroupEntry__Avatar-sc-1f902yu-2 jCymZj mr-4"
71488
+ >
71489
+ <div
71490
+ className="RepositoryAvatar__Avatar-sc-uh53vb-0 hUnsfF image is-48x48"
71308
71491
  >
71309
- heartOfGold
71310
-
71311
- </a>
71312
- </h4>
71313
- </div>
71314
- <div
71315
- className="RepositoryEntry__DescriptionRow-sc-6jys82-2 dzxasi is-size-7"
71316
- >
71317
- The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
71492
+ <img
71493
+ alt="Logo"
71494
+ src="/images/blib.jpg"
71495
+ />
71496
+ </div>
71497
+ </div>
71498
+ <div
71499
+ className="is-flex-grow-1 is-clipped"
71500
+ >
71501
+ <div
71502
+ className="mx-1"
71503
+ >
71504
+ <div
71505
+ className="is-flex"
71506
+ >
71507
+ <strong
71508
+ className="RepositoryEntry__Name-sc-6jys82-4 fAfLpj"
71509
+ >
71510
+ heartOfGold
71511
+ </strong>
71512
+
71513
+ <div
71514
+ className="is-flex is-align-items-center is-hidden-mobile"
71515
+ >
71516
+ <div />
71517
+ <div
71518
+ style={
71519
+ Object {
71520
+ "borderWidth": "0",
71521
+ "clip": "rect(0, 0, 0, 0)",
71522
+ "display": "none",
71523
+ "height": 1,
71524
+ "margin": -1,
71525
+ "overflow": "hidden",
71526
+ "padding": 0,
71527
+ "position": "absolute",
71528
+ "whiteSpace": "nowrap",
71529
+ "width": 1,
71530
+ }
71531
+ }
71532
+ />
71533
+ <div
71534
+ className="RepositoryFlags__RepositoryFlagContainer-sc-1swhx1t-0 dcQivR"
71535
+ />
71536
+ </div>
71537
+ </div>
71538
+ </div>
71539
+ <p
71540
+ className="GroupEntry__Description-sc-1f902yu-3 jAbhKI mx-1"
71541
+ >
71542
+ The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
71543
+ </p>
71544
+ </div>
71318
71545
  </div>
71319
71546
  <div
71320
- className="RepositoryEntry__DetailsRow-sc-6jys82-3 kXjiC is-flex is-align-items-center is-justify-content-space-between is-flex-wrap-wrap"
71547
+ className="GroupEntry__ContentRight-sc-1f902yu-5 enUoHi is-hidden-touch is-flex is-flex-shrink-0 is-justify-content-flex-end pl-5"
71321
71548
  >
71322
- <span
71323
- className="is-size-7 has-text-secondary is-relative"
71549
+ <div
71550
+ className="RepositoryEntry__ContentRightContainer-sc-6jys82-0 huFTcO is-flex is-flex-direction-column is-justify-content-space-between is-relative mr-4"
71324
71551
  >
71325
- overview.lastModified
71326
-
71327
- <time
71328
- className="DateElement-sc-1schp8c-0 cTawvL"
71329
- dateTime="2020-03-23 09:26:01"
71330
- title="2020-03-23 09:26:01"
71552
+ <span
71553
+ className="is-flex is-justify-content-flex-end is-align-items-center"
71331
71554
  >
71332
- 3 days ago
71333
- </time>
71334
- </span>
71335
- <div
71336
- className="RepositoryFlags__GapedContainer-sc-1swhx1t-0 jRZPLm is-flex is-align-items-center is-flex-wrap-wrap"
71337
- >
71338
- <div />
71339
- <div
71340
- style={
71341
- Object {
71342
- "borderWidth": "0",
71343
- "clip": "rect(0, 0, 0, 0)",
71344
- "display": "none",
71345
- "height": 1,
71346
- "margin": -1,
71347
- "overflow": "hidden",
71348
- "padding": 0,
71349
- "position": "absolute",
71350
- "whiteSpace": "nowrap",
71351
- "width": 1,
71352
- }
71353
- }
71354
- />
71555
+ <a
71556
+ className="RepositoryEntry__ContactActionWrapper-sc-6jys82-3 gtjNed is-size-5"
71557
+ href="mailto:heart-of-gold@hitchhiker.com"
71558
+ target="_blank"
71559
+ title="overview.contact"
71560
+ >
71561
+ <i
71562
+ className="fas fa-fw fa-envelope has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 gkmNjW is-clickable has-hover-visible"
71563
+ onKeyPress={[Function]}
71564
+ />
71565
+ </a>
71566
+ <i
71567
+ aria-label="overview.clone"
71568
+ className="fas fa-fw fa-download has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 gkmNjW is-clickable is-size-5 has-hover-visible"
71569
+ onClick={[Function]}
71570
+ onKeyPress={[Function]}
71571
+ title="overview.clone"
71572
+ />
71573
+ </span>
71574
+ <small
71575
+ className="pb-1"
71576
+ >
71577
+ <time
71578
+ className="DateElement-sc-1schp8c-0 cTawvL"
71579
+ dateTime="2020-03-23 09:26:01"
71580
+ title="2020-03-23 09:26:01"
71581
+ >
71582
+ 3 days ago
71583
+ </time>
71584
+ </small>
71355
71585
  </div>
71356
71586
  </div>
71357
71587
  </div>
71358
- <button
71359
- aria-expanded={false}
71360
- aria-haspopup="menu"
71361
- aria-label="menu.defaultTriggerLabel"
71362
- className="button is-borderless has-background-transparent has-hover-color-blue px-2"
71363
- data-state="closed"
71364
- disabled={false}
71365
- id="radix-172"
71366
- onKeyDown={[Function]}
71367
- onPointerDown={[Function]}
71368
- type="button"
71369
- >
71370
- <span
71371
- aria-hidden="true"
71372
- className="icon"
71373
- >
71374
- <i
71375
- className="fas fa-fw fa-ellipsis-v"
71376
- />
71377
- </span>
71378
- </button>
71379
- </li>
71588
+ </div>
71380
71589
  </div>
71381
71590
  `;
71382
71591
 
@@ -71384,122 +71593,137 @@ exports[`Storyshots Repositories/RepositoryEntry Exporting 1`] = `
71384
71593
  <div
71385
71594
  className="RepositoryEntrystories__Spacing-sc-toppdg-0 fDFvWg"
71386
71595
  >
71387
- <li
71388
- aria-label="overview.ariaLabel"
71389
- className="is-relative is-flex scmm-card"
71596
+ <div
71597
+ className="is-relative"
71390
71598
  >
71599
+ <a
71600
+ aria-label="overview.ariaLabel"
71601
+ className="GroupEntry__OverlayLink-sc-1f902yu-1 gmDjMM has-hover-background-blue"
71602
+ href="/repo/hitchhiker/heartOfGold/"
71603
+ onClick={[Function]}
71604
+ />
71391
71605
  <div
71392
- className="RepositoryEntry__Avatar-sc-6jys82-0 OJkVA is-align-self-flex-start"
71606
+ className="GroupEntry__StyledGroupEntry-sc-1f902yu-0 dOqUmL is-flex is-justify-content-space-between is-align-items-center p-2"
71393
71607
  >
71394
71608
  <div
71395
- className="RepositoryAvatar__Avatar-sc-uh53vb-0 hUnsfF image is-48x48"
71609
+ className="GroupEntry__ContentLeft-sc-1f902yu-4 dcjjKg is-flex is-flex-grow-1 is-align-items-center"
71396
71610
  >
71397
- <img
71398
- alt="Logo"
71399
- src="test-file-stub"
71400
- />
71401
- </div>
71402
- </div>
71403
- <div
71404
- className="is-flex is-flex-direction-column is-justify-content-center is-flex-grow-1 is-clipped"
71405
- style={
71406
- Object {
71407
- "gap": "0.25rem",
71408
- }
71409
- }
71410
- >
71411
- <div
71412
- className="is-flex"
71413
- >
71414
- <h4>
71415
- <a
71416
- className="RepositoryEntry__StyledLink-sc-6jys82-1 JSZXO"
71417
- href="/repo/hitchhiker/heartOfGold/"
71418
- onClick={[Function]}
71611
+ <div
71612
+ className="GroupEntry__Avatar-sc-1f902yu-2 jCymZj mr-4"
71613
+ >
71614
+ <div
71615
+ className="RepositoryAvatar__Avatar-sc-uh53vb-0 hUnsfF image is-48x48"
71419
71616
  >
71420
- heartOfGold
71421
-
71422
- </a>
71423
- </h4>
71424
- </div>
71425
- <div
71426
- className="RepositoryEntry__DescriptionRow-sc-6jys82-2 dzxasi is-size-7"
71427
- >
71428
- The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
71617
+ <img
71618
+ alt="Logo"
71619
+ src="test-file-stub"
71620
+ />
71621
+ </div>
71622
+ </div>
71623
+ <div
71624
+ className="is-flex-grow-1 is-clipped"
71625
+ >
71626
+ <div
71627
+ className="mx-1"
71628
+ >
71629
+ <div
71630
+ className="is-flex"
71631
+ >
71632
+ <strong
71633
+ className="RepositoryEntry__Name-sc-6jys82-4 fAfLpj"
71634
+ >
71635
+ heartOfGold
71636
+ </strong>
71637
+
71638
+ <div
71639
+ className="is-flex is-align-items-center is-hidden-mobile"
71640
+ >
71641
+ <div />
71642
+ <div
71643
+ style={
71644
+ Object {
71645
+ "borderWidth": "0",
71646
+ "clip": "rect(0, 0, 0, 0)",
71647
+ "display": "none",
71648
+ "height": 1,
71649
+ "margin": -1,
71650
+ "overflow": "hidden",
71651
+ "padding": 0,
71652
+ "position": "absolute",
71653
+ "whiteSpace": "nowrap",
71654
+ "width": 1,
71655
+ }
71656
+ }
71657
+ />
71658
+ <div
71659
+ className="RepositoryFlags__RepositoryFlagContainer-sc-1swhx1t-0 dcQivR"
71660
+ >
71661
+ <div
71662
+ className="Tooltip__TooltipWrapper-sc-fmp853-0 fJWuAF"
71663
+ onClick={[Function]}
71664
+ onMouseEnter={[Function]}
71665
+ onMouseLeave={[Function]}
71666
+ >
71667
+ <span
71668
+ className="tag is-light is-small p-1 is-size-7 has-text-weight-bold"
71669
+ >
71670
+ repository.exporting
71671
+ </span>
71672
+ </div>
71673
+ </div>
71674
+ </div>
71675
+ </div>
71676
+ </div>
71677
+ <p
71678
+ className="GroupEntry__Description-sc-1f902yu-3 jAbhKI mx-1"
71679
+ >
71680
+ The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
71681
+ </p>
71682
+ </div>
71429
71683
  </div>
71430
71684
  <div
71431
- className="RepositoryEntry__DetailsRow-sc-6jys82-3 kXjiC is-flex is-align-items-center is-justify-content-space-between is-flex-wrap-wrap"
71685
+ className="GroupEntry__ContentRight-sc-1f902yu-5 enUoHi is-hidden-touch is-flex is-flex-shrink-0 is-justify-content-flex-end pl-5"
71432
71686
  >
71433
- <span
71434
- className="is-size-7 has-text-secondary is-relative"
71435
- >
71436
- overview.lastModified
71437
-
71438
- <time
71439
- className="DateElement-sc-1schp8c-0 cTawvL"
71440
- dateTime="2020-03-23 09:26:01"
71441
- title="2020-03-23 09:26:01"
71442
- >
71443
- 3 days ago
71444
- </time>
71445
- </span>
71446
71687
  <div
71447
- className="RepositoryFlags__GapedContainer-sc-1swhx1t-0 jRZPLm is-flex is-align-items-center is-flex-wrap-wrap"
71448
- >
71449
- <div />
71450
- <div
71451
- style={
71452
- Object {
71453
- "borderWidth": "0",
71454
- "clip": "rect(0, 0, 0, 0)",
71455
- "display": "none",
71456
- "height": 1,
71457
- "margin": -1,
71458
- "overflow": "hidden",
71459
- "padding": 0,
71460
- "position": "absolute",
71461
- "whiteSpace": "nowrap",
71462
- "width": 1,
71463
- }
71464
- }
71465
- />
71688
+ className="RepositoryEntry__ContentRightContainer-sc-6jys82-0 huFTcO is-flex is-flex-direction-column is-justify-content-space-between is-relative mr-4"
71689
+ >
71466
71690
  <span
71467
- className="tag is-rounded is-light is-small is-relative"
71468
- data-state="closed"
71469
- onBlur={[Function]}
71470
- onClick={[Function]}
71471
- onFocus={[Function]}
71472
- onPointerDown={[Function]}
71473
- onPointerLeave={[Function]}
71474
- onPointerMove={[Function]}
71691
+ className="is-flex is-justify-content-flex-end is-align-items-center"
71475
71692
  >
71476
- repository.exporting
71693
+ <a
71694
+ className="RepositoryEntry__ContactActionWrapper-sc-6jys82-3 gtjNed is-size-5"
71695
+ href="mailto:heart-of-gold@hitchhiker.com"
71696
+ target="_blank"
71697
+ title="overview.contact"
71698
+ >
71699
+ <i
71700
+ className="fas fa-fw fa-envelope has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 gkmNjW is-clickable has-hover-visible"
71701
+ onKeyPress={[Function]}
71702
+ />
71703
+ </a>
71704
+ <i
71705
+ aria-label="overview.clone"
71706
+ className="fas fa-fw fa-download has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 gkmNjW is-clickable is-size-5 has-hover-visible"
71707
+ onClick={[Function]}
71708
+ onKeyPress={[Function]}
71709
+ title="overview.clone"
71710
+ />
71477
71711
  </span>
71712
+ <small
71713
+ className="pb-1"
71714
+ >
71715
+ <time
71716
+ className="DateElement-sc-1schp8c-0 cTawvL"
71717
+ dateTime="2020-03-23 09:26:01"
71718
+ title="2020-03-23 09:26:01"
71719
+ >
71720
+ 3 days ago
71721
+ </time>
71722
+ </small>
71478
71723
  </div>
71479
71724
  </div>
71480
71725
  </div>
71481
- <button
71482
- aria-expanded={false}
71483
- aria-haspopup="menu"
71484
- aria-label="menu.defaultTriggerLabel"
71485
- className="button is-borderless has-background-transparent has-hover-color-blue px-2"
71486
- data-state="closed"
71487
- disabled={false}
71488
- id="radix-181"
71489
- onKeyDown={[Function]}
71490
- onPointerDown={[Function]}
71491
- type="button"
71492
- >
71493
- <span
71494
- aria-hidden="true"
71495
- className="icon"
71496
- >
71497
- <i
71498
- className="fas fa-fw fa-ellipsis-v"
71499
- />
71500
- </span>
71501
- </button>
71502
- </li>
71726
+ </div>
71503
71727
  </div>
71504
71728
  `;
71505
71729
 
@@ -71507,123 +71731,138 @@ exports[`Storyshots Repositories/RepositoryEntry HealthCheck Failure 1`] = `
71507
71731
  <div
71508
71732
  className="RepositoryEntrystories__Spacing-sc-toppdg-0 fDFvWg"
71509
71733
  >
71510
- <li
71511
- aria-label="overview.ariaLabel"
71512
- className="is-relative is-flex scmm-card"
71734
+ <div
71735
+ className="is-relative"
71513
71736
  >
71737
+ <a
71738
+ aria-label="overview.ariaLabel"
71739
+ className="GroupEntry__OverlayLink-sc-1f902yu-1 gmDjMM has-hover-background-blue"
71740
+ href="/repo/hitchhiker/heartOfGold/"
71741
+ onClick={[Function]}
71742
+ />
71514
71743
  <div
71515
- className="RepositoryEntry__Avatar-sc-6jys82-0 OJkVA is-align-self-flex-start"
71516
- >
71517
- <div
71518
- className="RepositoryAvatar__Avatar-sc-uh53vb-0 hUnsfF image is-48x48"
71519
- >
71520
- <img
71521
- alt="Logo"
71522
- src="test-file-stub"
71523
- />
71524
- </div>
71525
- </div>
71526
- <div
71527
- className="is-flex is-flex-direction-column is-justify-content-center is-flex-grow-1 is-clipped"
71528
- style={
71529
- Object {
71530
- "gap": "0.25rem",
71531
- }
71532
- }
71744
+ className="GroupEntry__StyledGroupEntry-sc-1f902yu-0 dOqUmL is-flex is-justify-content-space-between is-align-items-center p-2"
71533
71745
  >
71534
71746
  <div
71535
- className="is-flex"
71747
+ className="GroupEntry__ContentLeft-sc-1f902yu-4 dcjjKg is-flex is-flex-grow-1 is-align-items-center"
71536
71748
  >
71537
- <h4>
71538
- <a
71539
- className="RepositoryEntry__StyledLink-sc-6jys82-1 JSZXO"
71540
- href="/repo/hitchhiker/heartOfGold/"
71541
- onClick={[Function]}
71749
+ <div
71750
+ className="GroupEntry__Avatar-sc-1f902yu-2 jCymZj mr-4"
71751
+ >
71752
+ <div
71753
+ className="RepositoryAvatar__Avatar-sc-uh53vb-0 hUnsfF image is-48x48"
71542
71754
  >
71543
- heartOfGold
71544
-
71545
- </a>
71546
- </h4>
71547
- </div>
71548
- <div
71549
- className="RepositoryEntry__DescriptionRow-sc-6jys82-2 dzxasi is-size-7"
71550
- >
71551
- The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
71755
+ <img
71756
+ alt="Logo"
71757
+ src="test-file-stub"
71758
+ />
71759
+ </div>
71760
+ </div>
71761
+ <div
71762
+ className="is-flex-grow-1 is-clipped"
71763
+ >
71764
+ <div
71765
+ className="mx-1"
71766
+ >
71767
+ <div
71768
+ className="is-flex"
71769
+ >
71770
+ <strong
71771
+ className="RepositoryEntry__Name-sc-6jys82-4 fAfLpj"
71772
+ >
71773
+ heartOfGold
71774
+ </strong>
71775
+
71776
+ <div
71777
+ className="is-flex is-align-items-center is-hidden-mobile"
71778
+ >
71779
+ <div />
71780
+ <div
71781
+ style={
71782
+ Object {
71783
+ "borderWidth": "0",
71784
+ "clip": "rect(0, 0, 0, 0)",
71785
+ "display": "none",
71786
+ "height": 1,
71787
+ "margin": -1,
71788
+ "overflow": "hidden",
71789
+ "padding": 0,
71790
+ "position": "absolute",
71791
+ "whiteSpace": "nowrap",
71792
+ "width": 1,
71793
+ }
71794
+ }
71795
+ />
71796
+ <div
71797
+ className="RepositoryFlags__RepositoryFlagContainer-sc-1swhx1t-0 dcQivR"
71798
+ >
71799
+ <div
71800
+ className="Tooltip__TooltipWrapper-sc-fmp853-0 fJWuAF"
71801
+ onClick={[Function]}
71802
+ onMouseEnter={[Function]}
71803
+ onMouseLeave={[Function]}
71804
+ >
71805
+ <span
71806
+ className="tag is-danger is-small is-clickable p-1 is-size-7 has-text-weight-bold"
71807
+ onClick={[Function]}
71808
+ >
71809
+ repository.healthCheckFailure
71810
+ </span>
71811
+ </div>
71812
+ </div>
71813
+ </div>
71814
+ </div>
71815
+ </div>
71816
+ <p
71817
+ className="GroupEntry__Description-sc-1f902yu-3 jAbhKI mx-1"
71818
+ >
71819
+ The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
71820
+ </p>
71821
+ </div>
71552
71822
  </div>
71553
71823
  <div
71554
- className="RepositoryEntry__DetailsRow-sc-6jys82-3 kXjiC is-flex is-align-items-center is-justify-content-space-between is-flex-wrap-wrap"
71824
+ className="GroupEntry__ContentRight-sc-1f902yu-5 enUoHi is-hidden-touch is-flex is-flex-shrink-0 is-justify-content-flex-end pl-5"
71555
71825
  >
71556
- <span
71557
- className="is-size-7 has-text-secondary is-relative"
71558
- >
71559
- overview.lastModified
71560
-
71561
- <time
71562
- className="DateElement-sc-1schp8c-0 cTawvL"
71563
- dateTime="2020-03-23 09:26:01"
71564
- title="2020-03-23 09:26:01"
71565
- >
71566
- 3 days ago
71567
- </time>
71568
- </span>
71569
71826
  <div
71570
- className="RepositoryFlags__GapedContainer-sc-1swhx1t-0 jRZPLm is-flex is-align-items-center is-flex-wrap-wrap"
71571
- >
71572
- <div />
71573
- <div
71574
- style={
71575
- Object {
71576
- "borderWidth": "0",
71577
- "clip": "rect(0, 0, 0, 0)",
71578
- "display": "none",
71579
- "height": 1,
71580
- "margin": -1,
71581
- "overflow": "hidden",
71582
- "padding": 0,
71583
- "position": "absolute",
71584
- "whiteSpace": "nowrap",
71585
- "width": 1,
71586
- }
71587
- }
71588
- />
71827
+ className="RepositoryEntry__ContentRightContainer-sc-6jys82-0 huFTcO is-flex is-flex-direction-column is-justify-content-space-between is-relative mr-4"
71828
+ >
71589
71829
  <span
71590
- className="tag is-rounded is-light is-small is-relative"
71591
- color="danger"
71592
- data-state="closed"
71593
- onBlur={[Function]}
71594
- onClick={[Function]}
71595
- onFocus={[Function]}
71596
- onPointerDown={[Function]}
71597
- onPointerLeave={[Function]}
71598
- onPointerMove={[Function]}
71830
+ className="is-flex is-justify-content-flex-end is-align-items-center"
71599
71831
  >
71600
- repository.healthCheckFailure
71832
+ <a
71833
+ className="RepositoryEntry__ContactActionWrapper-sc-6jys82-3 gtjNed is-size-5"
71834
+ href="mailto:heart-of-gold@hitchhiker.com"
71835
+ target="_blank"
71836
+ title="overview.contact"
71837
+ >
71838
+ <i
71839
+ className="fas fa-fw fa-envelope has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 gkmNjW is-clickable has-hover-visible"
71840
+ onKeyPress={[Function]}
71841
+ />
71842
+ </a>
71843
+ <i
71844
+ aria-label="overview.clone"
71845
+ className="fas fa-fw fa-download has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 gkmNjW is-clickable is-size-5 has-hover-visible"
71846
+ onClick={[Function]}
71847
+ onKeyPress={[Function]}
71848
+ title="overview.clone"
71849
+ />
71601
71850
  </span>
71851
+ <small
71852
+ className="pb-1"
71853
+ >
71854
+ <time
71855
+ className="DateElement-sc-1schp8c-0 cTawvL"
71856
+ dateTime="2020-03-23 09:26:01"
71857
+ title="2020-03-23 09:26:01"
71858
+ >
71859
+ 3 days ago
71860
+ </time>
71861
+ </small>
71602
71862
  </div>
71603
71863
  </div>
71604
71864
  </div>
71605
- <button
71606
- aria-expanded={false}
71607
- aria-haspopup="menu"
71608
- aria-label="menu.defaultTriggerLabel"
71609
- className="button is-borderless has-background-transparent has-hover-color-blue px-2"
71610
- data-state="closed"
71611
- disabled={false}
71612
- id="radix-184"
71613
- onKeyDown={[Function]}
71614
- onPointerDown={[Function]}
71615
- type="button"
71616
- >
71617
- <span
71618
- aria-hidden="true"
71619
- className="icon"
71620
- >
71621
- <i
71622
- className="fas fa-fw fa-ellipsis-v"
71623
- />
71624
- </span>
71625
- </button>
71626
- </li>
71865
+ </div>
71627
71866
  </div>
71628
71867
  `;
71629
71868
 
@@ -71631,134 +71870,149 @@ exports[`Storyshots Repositories/RepositoryEntry MultiRepositoryTags 1`] = `
71631
71870
  <div
71632
71871
  className="RepositoryEntrystories__Spacing-sc-toppdg-0 fDFvWg"
71633
71872
  >
71634
- <li
71635
- aria-label="overview.ariaLabel"
71636
- className="is-relative is-flex scmm-card"
71873
+ <div
71874
+ className="is-relative"
71637
71875
  >
71876
+ <a
71877
+ aria-label="overview.ariaLabel"
71878
+ className="GroupEntry__OverlayLink-sc-1f902yu-1 gmDjMM has-hover-background-blue"
71879
+ href="/repo/hitchhiker/heartOfGold/"
71880
+ onClick={[Function]}
71881
+ />
71638
71882
  <div
71639
- className="RepositoryEntry__Avatar-sc-6jys82-0 OJkVA is-align-self-flex-start"
71883
+ className="GroupEntry__StyledGroupEntry-sc-1f902yu-0 dOqUmL is-flex is-justify-content-space-between is-align-items-center p-2"
71640
71884
  >
71641
71885
  <div
71642
- className="RepositoryAvatar__Avatar-sc-uh53vb-0 hUnsfF image is-48x48"
71886
+ className="GroupEntry__ContentLeft-sc-1f902yu-4 dcjjKg is-flex is-flex-grow-1 is-align-items-center"
71643
71887
  >
71644
- <img
71645
- alt="Logo"
71646
- src="test-file-stub"
71647
- />
71648
- </div>
71649
- </div>
71650
- <div
71651
- className="is-flex is-flex-direction-column is-justify-content-center is-flex-grow-1 is-clipped"
71652
- style={
71653
- Object {
71654
- "gap": "0.25rem",
71655
- }
71656
- }
71657
- >
71658
- <div
71659
- className="is-flex"
71660
- >
71661
- <h4>
71662
- <a
71663
- className="RepositoryEntry__StyledLink-sc-6jys82-1 JSZXO"
71664
- href="/repo/hitchhiker/heartOfGold/"
71665
- onClick={[Function]}
71888
+ <div
71889
+ className="GroupEntry__Avatar-sc-1f902yu-2 jCymZj mr-4"
71890
+ >
71891
+ <div
71892
+ className="RepositoryAvatar__Avatar-sc-uh53vb-0 hUnsfF image is-48x48"
71666
71893
  >
71667
- heartOfGold
71668
-
71669
- </a>
71670
- </h4>
71671
- </div>
71672
- <div
71673
- className="RepositoryEntry__DescriptionRow-sc-6jys82-2 dzxasi is-size-7"
71674
- >
71675
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
71894
+ <img
71895
+ alt="Logo"
71896
+ src="test-file-stub"
71897
+ />
71898
+ </div>
71899
+ </div>
71900
+ <div
71901
+ className="is-flex-grow-1 is-clipped"
71902
+ >
71903
+ <div
71904
+ className="mx-1"
71905
+ >
71906
+ <div
71907
+ className="is-flex"
71908
+ >
71909
+ <strong
71910
+ className="RepositoryEntry__Name-sc-6jys82-4 fAfLpj"
71911
+ >
71912
+ heartOfGold
71913
+ </strong>
71914
+
71915
+ <div
71916
+ className="is-flex is-align-items-center is-hidden-mobile"
71917
+ >
71918
+ <div />
71919
+ <div
71920
+ style={
71921
+ Object {
71922
+ "borderWidth": "0",
71923
+ "clip": "rect(0, 0, 0, 0)",
71924
+ "display": "none",
71925
+ "height": 1,
71926
+ "margin": -1,
71927
+ "overflow": "hidden",
71928
+ "padding": 0,
71929
+ "position": "absolute",
71930
+ "whiteSpace": "nowrap",
71931
+ "width": 1,
71932
+ }
71933
+ }
71934
+ />
71935
+ <div
71936
+ className="RepositoryFlags__RepositoryFlagContainer-sc-1swhx1t-0 dcQivR"
71937
+ >
71938
+ <div
71939
+ className="Tooltip__TooltipWrapper-sc-fmp853-0 fJWuAF"
71940
+ onClick={[Function]}
71941
+ onMouseEnter={[Function]}
71942
+ onMouseLeave={[Function]}
71943
+ >
71944
+ <span
71945
+ className="tag is-light is-small p-1 is-size-7 has-text-weight-bold"
71946
+ >
71947
+ repository.archived
71948
+ </span>
71949
+ </div>
71950
+ <div
71951
+ className="Tooltip__TooltipWrapper-sc-fmp853-0 fJWuAF"
71952
+ onClick={[Function]}
71953
+ onMouseEnter={[Function]}
71954
+ onMouseLeave={[Function]}
71955
+ >
71956
+ <span
71957
+ className="tag is-light is-small p-1 is-size-7 has-text-weight-bold"
71958
+ >
71959
+ repository.exporting
71960
+ </span>
71961
+ </div>
71962
+ </div>
71963
+ </div>
71964
+ </div>
71965
+ </div>
71966
+ <p
71967
+ className="GroupEntry__Description-sc-1f902yu-3 jAbhKI mx-1"
71968
+ >
71969
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
71970
+ </p>
71971
+ </div>
71676
71972
  </div>
71677
71973
  <div
71678
- className="RepositoryEntry__DetailsRow-sc-6jys82-3 kXjiC is-flex is-align-items-center is-justify-content-space-between is-flex-wrap-wrap"
71974
+ className="GroupEntry__ContentRight-sc-1f902yu-5 enUoHi is-hidden-touch is-flex is-flex-shrink-0 is-justify-content-flex-end pl-5"
71679
71975
  >
71680
- <span
71681
- className="is-size-7 has-text-secondary is-relative"
71682
- >
71683
- overview.lastModified
71684
-
71685
- <time
71686
- className="DateElement-sc-1schp8c-0 cTawvL"
71687
- dateTime="2020-03-23 09:26:01"
71688
- title="2020-03-23 09:26:01"
71689
- >
71690
- 3 days ago
71691
- </time>
71692
- </span>
71693
71976
  <div
71694
- className="RepositoryFlags__GapedContainer-sc-1swhx1t-0 jRZPLm is-flex is-align-items-center is-flex-wrap-wrap"
71695
- >
71696
- <div />
71697
- <div
71698
- style={
71699
- Object {
71700
- "borderWidth": "0",
71701
- "clip": "rect(0, 0, 0, 0)",
71702
- "display": "none",
71703
- "height": 1,
71704
- "margin": -1,
71705
- "overflow": "hidden",
71706
- "padding": 0,
71707
- "position": "absolute",
71708
- "whiteSpace": "nowrap",
71709
- "width": 1,
71710
- }
71711
- }
71712
- />
71977
+ className="RepositoryEntry__ContentRightContainer-sc-6jys82-0 huFTcO is-flex is-flex-direction-column is-justify-content-space-between is-relative mr-4"
71978
+ >
71713
71979
  <span
71714
- className="tag is-rounded is-light is-small is-relative"
71715
- data-state="closed"
71716
- onBlur={[Function]}
71717
- onClick={[Function]}
71718
- onFocus={[Function]}
71719
- onPointerDown={[Function]}
71720
- onPointerLeave={[Function]}
71721
- onPointerMove={[Function]}
71980
+ className="is-flex is-justify-content-flex-end is-align-items-center"
71722
71981
  >
71723
- repository.archived
71982
+ <a
71983
+ className="RepositoryEntry__ContactActionWrapper-sc-6jys82-3 gtjNed is-size-5"
71984
+ href="mailto:heart-of-gold@hitchhiker.com"
71985
+ target="_blank"
71986
+ title="overview.contact"
71987
+ >
71988
+ <i
71989
+ className="fas fa-fw fa-envelope has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 gkmNjW is-clickable has-hover-visible"
71990
+ onKeyPress={[Function]}
71991
+ />
71992
+ </a>
71993
+ <i
71994
+ aria-label="overview.clone"
71995
+ className="fas fa-fw fa-download has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 gkmNjW is-clickable is-size-5 has-hover-visible"
71996
+ onClick={[Function]}
71997
+ onKeyPress={[Function]}
71998
+ title="overview.clone"
71999
+ />
71724
72000
  </span>
71725
- <span
71726
- className="tag is-rounded is-light is-small is-relative"
71727
- data-state="closed"
71728
- onBlur={[Function]}
71729
- onClick={[Function]}
71730
- onFocus={[Function]}
71731
- onPointerDown={[Function]}
71732
- onPointerLeave={[Function]}
71733
- onPointerMove={[Function]}
72001
+ <small
72002
+ className="pb-1"
71734
72003
  >
71735
- repository.exporting
71736
- </span>
72004
+ <time
72005
+ className="DateElement-sc-1schp8c-0 cTawvL"
72006
+ dateTime="2020-03-23 09:26:01"
72007
+ title="2020-03-23 09:26:01"
72008
+ >
72009
+ 3 days ago
72010
+ </time>
72011
+ </small>
71737
72012
  </div>
71738
72013
  </div>
71739
72014
  </div>
71740
- <button
71741
- aria-expanded={false}
71742
- aria-haspopup="menu"
71743
- aria-label="menu.defaultTriggerLabel"
71744
- className="button is-borderless has-background-transparent has-hover-color-blue px-2"
71745
- data-state="closed"
71746
- disabled={false}
71747
- id="radix-190"
71748
- onKeyDown={[Function]}
71749
- onPointerDown={[Function]}
71750
- type="button"
71751
- >
71752
- <span
71753
- aria-hidden="true"
71754
- className="icon"
71755
- >
71756
- <i
71757
- className="fas fa-fw fa-ellipsis-v"
71758
- />
71759
- </span>
71760
- </button>
71761
- </li>
72015
+ </div>
71762
72016
  </div>
71763
72017
  `;
71764
72018
 
@@ -71766,123 +72020,138 @@ exports[`Storyshots Repositories/RepositoryEntry RepositoryFlag EP 1`] = `
71766
72020
  <div
71767
72021
  className="RepositoryEntrystories__Spacing-sc-toppdg-0 fDFvWg"
71768
72022
  >
71769
- <li
71770
- aria-label="overview.ariaLabel"
71771
- className="is-relative is-flex scmm-card"
72023
+ <div
72024
+ className="is-relative"
71772
72025
  >
72026
+ <a
72027
+ aria-label="overview.ariaLabel"
72028
+ className="GroupEntry__OverlayLink-sc-1f902yu-1 gmDjMM has-hover-background-blue"
72029
+ href="/repo/hitchhiker/heartOfGold/"
72030
+ onClick={[Function]}
72031
+ />
71773
72032
  <div
71774
- className="RepositoryEntry__Avatar-sc-6jys82-0 OJkVA is-align-self-flex-start"
71775
- >
71776
- <div
71777
- className="RepositoryAvatar__Avatar-sc-uh53vb-0 hUnsfF image is-48x48"
71778
- >
71779
- <img
71780
- alt="Logo"
71781
- src="test-file-stub"
71782
- />
71783
- </div>
71784
- </div>
71785
- <div
71786
- className="is-flex is-flex-direction-column is-justify-content-center is-flex-grow-1 is-clipped"
71787
- style={
71788
- Object {
71789
- "gap": "0.25rem",
71790
- }
71791
- }
72033
+ className="GroupEntry__StyledGroupEntry-sc-1f902yu-0 dOqUmL is-flex is-justify-content-space-between is-align-items-center p-2"
71792
72034
  >
71793
72035
  <div
71794
- className="is-flex"
72036
+ className="GroupEntry__ContentLeft-sc-1f902yu-4 dcjjKg is-flex is-flex-grow-1 is-align-items-center"
71795
72037
  >
71796
- <h4>
71797
- <a
71798
- className="RepositoryEntry__StyledLink-sc-6jys82-1 JSZXO"
71799
- href="/repo/hitchhiker/heartOfGold/"
71800
- onClick={[Function]}
72038
+ <div
72039
+ className="GroupEntry__Avatar-sc-1f902yu-2 jCymZj mr-4"
72040
+ >
72041
+ <div
72042
+ className="RepositoryAvatar__Avatar-sc-uh53vb-0 hUnsfF image is-48x48"
71801
72043
  >
71802
- heartOfGold
71803
-
71804
- </a>
71805
- </h4>
71806
- </div>
71807
- <div
71808
- className="RepositoryEntry__DescriptionRow-sc-6jys82-2 dzxasi is-size-7"
71809
- >
71810
- The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
72044
+ <img
72045
+ alt="Logo"
72046
+ src="test-file-stub"
72047
+ />
72048
+ </div>
72049
+ </div>
72050
+ <div
72051
+ className="is-flex-grow-1 is-clipped"
72052
+ >
72053
+ <div
72054
+ className="mx-1"
72055
+ >
72056
+ <div
72057
+ className="is-flex"
72058
+ >
72059
+ <strong
72060
+ className="RepositoryEntry__Name-sc-6jys82-4 fAfLpj"
72061
+ >
72062
+ heartOfGold
72063
+ </strong>
72064
+
72065
+ <div
72066
+ className="is-flex is-align-items-center is-hidden-mobile"
72067
+ >
72068
+ <div />
72069
+ <div
72070
+ style={
72071
+ Object {
72072
+ "borderWidth": "0",
72073
+ "clip": "rect(0, 0, 0, 0)",
72074
+ "display": "none",
72075
+ "height": 1,
72076
+ "margin": -1,
72077
+ "overflow": "hidden",
72078
+ "padding": 0,
72079
+ "position": "absolute",
72080
+ "whiteSpace": "nowrap",
72081
+ "width": 1,
72082
+ }
72083
+ }
72084
+ />
72085
+ <div
72086
+ className="RepositoryFlags__RepositoryFlagContainer-sc-1swhx1t-0 dcQivR"
72087
+ >
72088
+ <div
72089
+ className="Tooltip__TooltipWrapper-sc-fmp853-0 fJWuAF"
72090
+ onClick={[Function]}
72091
+ onMouseEnter={[Function]}
72092
+ onMouseLeave={[Function]}
72093
+ >
72094
+ <span
72095
+ className="tag is-danger is-small is-clickable p-1 is-size-7 has-text-weight-bold"
72096
+ onClick={[Function]}
72097
+ >
72098
+ repository.healthCheckFailure
72099
+ </span>
72100
+ </div>
72101
+ </div>
72102
+ </div>
72103
+ </div>
72104
+ </div>
72105
+ <p
72106
+ className="GroupEntry__Description-sc-1f902yu-3 jAbhKI mx-1"
72107
+ >
72108
+ The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
72109
+ </p>
72110
+ </div>
71811
72111
  </div>
71812
72112
  <div
71813
- className="RepositoryEntry__DetailsRow-sc-6jys82-3 kXjiC is-flex is-align-items-center is-justify-content-space-between is-flex-wrap-wrap"
72113
+ className="GroupEntry__ContentRight-sc-1f902yu-5 enUoHi is-hidden-touch is-flex is-flex-shrink-0 is-justify-content-flex-end pl-5"
71814
72114
  >
71815
- <span
71816
- className="is-size-7 has-text-secondary is-relative"
71817
- >
71818
- overview.lastModified
71819
-
71820
- <time
71821
- className="DateElement-sc-1schp8c-0 cTawvL"
71822
- dateTime="2020-03-23 09:26:01"
71823
- title="2020-03-23 09:26:01"
71824
- >
71825
- 3 days ago
71826
- </time>
71827
- </span>
71828
72115
  <div
71829
- className="RepositoryFlags__GapedContainer-sc-1swhx1t-0 jRZPLm is-flex is-align-items-center is-flex-wrap-wrap"
71830
- >
71831
- <div />
71832
- <div
71833
- style={
71834
- Object {
71835
- "borderWidth": "0",
71836
- "clip": "rect(0, 0, 0, 0)",
71837
- "display": "none",
71838
- "height": 1,
71839
- "margin": -1,
71840
- "overflow": "hidden",
71841
- "padding": 0,
71842
- "position": "absolute",
71843
- "whiteSpace": "nowrap",
71844
- "width": 1,
71845
- }
71846
- }
71847
- />
72116
+ className="RepositoryEntry__ContentRightContainer-sc-6jys82-0 huFTcO is-flex is-flex-direction-column is-justify-content-space-between is-relative mr-4"
72117
+ >
71848
72118
  <span
71849
- className="tag is-rounded is-light is-small is-relative"
71850
- color="danger"
71851
- data-state="closed"
71852
- onBlur={[Function]}
71853
- onClick={[Function]}
71854
- onFocus={[Function]}
71855
- onPointerDown={[Function]}
71856
- onPointerLeave={[Function]}
71857
- onPointerMove={[Function]}
72119
+ className="is-flex is-justify-content-flex-end is-align-items-center"
71858
72120
  >
71859
- repository.healthCheckFailure
72121
+ <a
72122
+ className="RepositoryEntry__ContactActionWrapper-sc-6jys82-3 gtjNed is-size-5"
72123
+ href="mailto:heart-of-gold@hitchhiker.com"
72124
+ target="_blank"
72125
+ title="overview.contact"
72126
+ >
72127
+ <i
72128
+ className="fas fa-fw fa-envelope has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 gkmNjW is-clickable has-hover-visible"
72129
+ onKeyPress={[Function]}
72130
+ />
72131
+ </a>
72132
+ <i
72133
+ aria-label="overview.clone"
72134
+ className="fas fa-fw fa-download has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 gkmNjW is-clickable is-size-5 has-hover-visible"
72135
+ onClick={[Function]}
72136
+ onKeyPress={[Function]}
72137
+ title="overview.clone"
72138
+ />
71860
72139
  </span>
72140
+ <small
72141
+ className="pb-1"
72142
+ >
72143
+ <time
72144
+ className="DateElement-sc-1schp8c-0 cTawvL"
72145
+ dateTime="2020-03-23 09:26:01"
72146
+ title="2020-03-23 09:26:01"
72147
+ >
72148
+ 3 days ago
72149
+ </time>
72150
+ </small>
71861
72151
  </div>
71862
72152
  </div>
71863
72153
  </div>
71864
- <button
71865
- aria-expanded={false}
71866
- aria-haspopup="menu"
71867
- aria-label="menu.defaultTriggerLabel"
71868
- className="button is-borderless has-background-transparent has-hover-color-blue px-2"
71869
- data-state="closed"
71870
- disabled={false}
71871
- id="radix-187"
71872
- onKeyDown={[Function]}
71873
- onPointerDown={[Function]}
71874
- type="button"
71875
- >
71876
- <span
71877
- aria-hidden="true"
71878
- className="icon"
71879
- >
71880
- <i
71881
- className="fas fa-fw fa-ellipsis-v"
71882
- />
71883
- </span>
71884
- </button>
71885
- </li>
72154
+ </div>
71886
72155
  </div>
71887
72156
  `;
71888
72157
 
@@ -71890,110 +72159,124 @@ exports[`Storyshots Repositories/RepositoryEntry With long texts 1`] = `
71890
72159
  <div
71891
72160
  className="RepositoryEntrystories__Spacing-sc-toppdg-0 fDFvWg"
71892
72161
  >
71893
- <li
71894
- aria-label="overview.ariaLabel"
71895
- className="is-relative is-flex scmm-card"
72162
+ <div
72163
+ className="is-relative"
71896
72164
  >
72165
+ <a
72166
+ aria-label="overview.ariaLabel"
72167
+ className="GroupEntry__OverlayLink-sc-1f902yu-1 gmDjMM has-hover-background-blue"
72168
+ href="/repo/hitchhiker/veeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeery-loooooooooooooooooooooooooooooooooooooooooooooooooooong-repooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo-naaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaame/"
72169
+ onClick={[Function]}
72170
+ />
71897
72171
  <div
71898
- className="RepositoryEntry__Avatar-sc-6jys82-0 OJkVA is-align-self-flex-start"
71899
- >
71900
- <div
71901
- className="RepositoryAvatar__Avatar-sc-uh53vb-0 hUnsfF image is-48x48"
71902
- >
71903
- <img
71904
- alt="Logo"
71905
- src="/images/blib.jpg"
71906
- />
71907
- </div>
71908
- </div>
71909
- <div
71910
- className="is-flex is-flex-direction-column is-justify-content-center is-flex-grow-1 is-clipped"
71911
- style={
71912
- Object {
71913
- "gap": "0.25rem",
71914
- }
71915
- }
72172
+ className="GroupEntry__StyledGroupEntry-sc-1f902yu-0 dOqUmL is-flex is-justify-content-space-between is-align-items-center p-2"
71916
72173
  >
71917
72174
  <div
71918
- className="is-flex"
72175
+ className="GroupEntry__ContentLeft-sc-1f902yu-4 dcjjKg is-flex is-flex-grow-1 is-align-items-center"
71919
72176
  >
71920
- <h4>
71921
- <a
71922
- className="RepositoryEntry__StyledLink-sc-6jys82-1 JSZXO"
71923
- href="/repo/hitchhiker/veeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeery-loooooooooooooooooooooooooooooooooooooooooooooooooooong-repooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo-naaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaame/"
71924
- onClick={[Function]}
72177
+ <div
72178
+ className="GroupEntry__Avatar-sc-1f902yu-2 jCymZj mr-4"
72179
+ >
72180
+ <div
72181
+ className="RepositoryAvatar__Avatar-sc-uh53vb-0 hUnsfF image is-48x48"
71925
72182
  >
71926
- veeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeery-loooooooooooooooooooooooooooooooooooooooooooooooooooong-repooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo-naaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaame
71927
-
71928
- </a>
71929
- </h4>
71930
- </div>
71931
- <div
71932
- className="RepositoryEntry__DescriptionRow-sc-6jys82-2 dzxasi is-size-7"
71933
- >
71934
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
72183
+ <img
72184
+ alt="Logo"
72185
+ src="/images/blib.jpg"
72186
+ />
72187
+ </div>
72188
+ </div>
72189
+ <div
72190
+ className="is-flex-grow-1 is-clipped"
72191
+ >
72192
+ <div
72193
+ className="mx-1"
72194
+ >
72195
+ <div
72196
+ className="is-flex"
72197
+ >
72198
+ <strong
72199
+ className="RepositoryEntry__Name-sc-6jys82-4 fAfLpj"
72200
+ >
72201
+ veeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeery-loooooooooooooooooooooooooooooooooooooooooooooooooooong-repooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo-naaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaame
72202
+ </strong>
72203
+
72204
+ <div
72205
+ className="is-flex is-align-items-center is-hidden-mobile"
72206
+ >
72207
+ <div />
72208
+ <div
72209
+ style={
72210
+ Object {
72211
+ "borderWidth": "0",
72212
+ "clip": "rect(0, 0, 0, 0)",
72213
+ "display": "none",
72214
+ "height": 1,
72215
+ "margin": -1,
72216
+ "overflow": "hidden",
72217
+ "padding": 0,
72218
+ "position": "absolute",
72219
+ "whiteSpace": "nowrap",
72220
+ "width": 1,
72221
+ }
72222
+ }
72223
+ />
72224
+ <div
72225
+ className="RepositoryFlags__RepositoryFlagContainer-sc-1swhx1t-0 dcQivR"
72226
+ />
72227
+ </div>
72228
+ </div>
72229
+ </div>
72230
+ <p
72231
+ className="GroupEntry__Description-sc-1f902yu-3 jAbhKI mx-1"
72232
+ >
72233
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
72234
+ </p>
72235
+ </div>
71935
72236
  </div>
71936
72237
  <div
71937
- className="RepositoryEntry__DetailsRow-sc-6jys82-3 kXjiC is-flex is-align-items-center is-justify-content-space-between is-flex-wrap-wrap"
72238
+ className="GroupEntry__ContentRight-sc-1f902yu-5 enUoHi is-hidden-touch is-flex is-flex-shrink-0 is-justify-content-flex-end pl-5"
71938
72239
  >
71939
- <span
71940
- className="is-size-7 has-text-secondary is-relative"
72240
+ <div
72241
+ className="RepositoryEntry__ContentRightContainer-sc-6jys82-0 huFTcO is-flex is-flex-direction-column is-justify-content-space-between is-relative mr-4"
71941
72242
  >
71942
- overview.lastModified
71943
-
71944
- <time
71945
- className="DateElement-sc-1schp8c-0 cTawvL"
71946
- dateTime="2020-03-23 09:26:01"
71947
- title="2020-03-23 09:26:01"
72243
+ <span
72244
+ className="is-flex is-justify-content-flex-end is-align-items-center"
71948
72245
  >
71949
- 3 days ago
71950
- </time>
71951
- </span>
71952
- <div
71953
- className="RepositoryFlags__GapedContainer-sc-1swhx1t-0 jRZPLm is-flex is-align-items-center is-flex-wrap-wrap"
71954
- >
71955
- <div />
71956
- <div
71957
- style={
71958
- Object {
71959
- "borderWidth": "0",
71960
- "clip": "rect(0, 0, 0, 0)",
71961
- "display": "none",
71962
- "height": 1,
71963
- "margin": -1,
71964
- "overflow": "hidden",
71965
- "padding": 0,
71966
- "position": "absolute",
71967
- "whiteSpace": "nowrap",
71968
- "width": 1,
71969
- }
71970
- }
71971
- />
72246
+ <a
72247
+ className="RepositoryEntry__ContactActionWrapper-sc-6jys82-3 gtjNed is-size-5"
72248
+ href="mailto:heart-of-gold@hitchhiker.com"
72249
+ target="_blank"
72250
+ title="overview.contact"
72251
+ >
72252
+ <i
72253
+ className="fas fa-fw fa-envelope has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 gkmNjW is-clickable has-hover-visible"
72254
+ onKeyPress={[Function]}
72255
+ />
72256
+ </a>
72257
+ <i
72258
+ aria-label="overview.clone"
72259
+ className="fas fa-fw fa-download has-text-info RepositoryEntry__QuickAction-sc-6jys82-1 gkmNjW is-clickable is-size-5 has-hover-visible"
72260
+ onClick={[Function]}
72261
+ onKeyPress={[Function]}
72262
+ title="overview.clone"
72263
+ />
72264
+ </span>
72265
+ <small
72266
+ className="pb-1"
72267
+ >
72268
+ <time
72269
+ className="DateElement-sc-1schp8c-0 cTawvL"
72270
+ dateTime="2020-03-23 09:26:01"
72271
+ title="2020-03-23 09:26:01"
72272
+ >
72273
+ 3 days ago
72274
+ </time>
72275
+ </small>
71972
72276
  </div>
71973
72277
  </div>
71974
72278
  </div>
71975
- <button
71976
- aria-expanded={false}
71977
- aria-haspopup="menu"
71978
- aria-label="menu.defaultTriggerLabel"
71979
- className="button is-borderless has-background-transparent has-hover-color-blue px-2"
71980
- data-state="closed"
71981
- disabled={false}
71982
- id="radix-194"
71983
- onKeyDown={[Function]}
71984
- onPointerDown={[Function]}
71985
- type="button"
71986
- >
71987
- <span
71988
- aria-hidden="true"
71989
- className="icon"
71990
- >
71991
- <i
71992
- className="fas fa-fw fa-ellipsis-v"
71993
- />
71994
- </span>
71995
- </button>
71996
- </li>
72279
+ </div>
71997
72280
  </div>
71998
72281
  `;
71999
72282