@scm-manager/ui-components 2.46.1 → 2.46.2-20230804-103817

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 -8
  2. package/src/__snapshots__/storyshots.test.ts.snap +876 -1159
  3. package/src/layout/GroupEntries.tsx +8 -24
  4. package/src/layout/NamespaceEntries.tsx +66 -0
  5. package/src/layout/index.ts +1 -0
  6. package/src/repos/RepositoryEntry.tsx +83 -110
  7. package/src/repos/RepositoryFlag.tsx +6 -5
  8. package/src/repos/RepositoryFlags.tsx +11 -15
  9. package/src/layout/GroupEntry.stories.tsx +0 -75
  10. package/src/layout/GroupEntry.tsx +0 -122
package/src/__snapshots__/storyshots.test.ts.snap CHANGED
@@ -4450,158 +4450,6 @@ 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
-
4605
4453
  exports[`Storyshots Help Default 1`] = `
4606
4454
  <div
4607
4455
  className="m-6"
@@ -71077,137 +70925,122 @@ exports[`Storyshots Repositories/RepositoryEntry Archived 1`] = `
71077
70925
  <div
71078
70926
  className="RepositoryEntrystories__Spacing-sc-toppdg-0 fDFvWg"
71079
70927
  >
71080
- <div
71081
- className="is-relative"
70928
+ <li
70929
+ aria-label="overview.ariaLabel"
70930
+ className="is-relative is-flex scmm-card"
71082
70931
  >
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
- />
71089
70932
  <div
71090
- className="GroupEntry__StyledGroupEntry-sc-1f902yu-0 dOqUmL is-flex is-justify-content-space-between is-align-items-center p-2"
70933
+ className="RepositoryEntry__Avatar-sc-6jys82-0 OJkVA is-align-self-flex-start"
71091
70934
  >
71092
70935
  <div
71093
- className="GroupEntry__ContentLeft-sc-1f902yu-4 dcjjKg is-flex is-flex-grow-1 is-align-items-center"
70936
+ className="RepositoryAvatar__Avatar-sc-uh53vb-0 hUnsfF image is-48x48"
71094
70937
  >
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"
71100
- >
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"
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
+ }
70951
+ >
70952
+ <div
70953
+ className="is-flex"
70954
+ >
70955
+ <h4>
70956
+ <a
70957
+ className="RepositoryEntry__StyledLink-sc-6jys82-1 JSZXO"
70958
+ href="/repo/hitchhiker/heartOfGold/"
70959
+ onClick={[Function]}
71163
70960
  >
71164
- The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
71165
- </p>
71166
- </div>
70961
+ heartOfGold
70962
+
70963
+ </a>
70964
+ </h4>
71167
70965
  </div>
71168
70966
  <div
71169
- className="GroupEntry__ContentRight-sc-1f902yu-5 enUoHi is-hidden-touch is-flex is-flex-shrink-0 is-justify-content-flex-end pl-5"
70967
+ className="RepositoryEntry__DescriptionRow-sc-6jys82-2 dzxasi is-size-7"
71170
70968
  >
71171
- <div
71172
- className="RepositoryEntry__ContentRightContainer-sc-6jys82-0 huFTcO is-flex is-flex-direction-column is-justify-content-space-between is-relative mr-4"
70969
+ The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
70970
+ </div>
70971
+ <div
70972
+ className="RepositoryEntry__DetailsRow-sc-6jys82-3 kXjiC is-flex is-align-items-center is-justify-content-space-between is-flex-wrap-wrap"
70973
+ >
70974
+ <span
70975
+ className="is-size-7 has-text-secondary is-relative"
71173
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
+ <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
+ />
71174
71007
  <span
71175
- className="is-flex is-justify-content-flex-end is-align-items-center"
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]}
71176
71016
  >
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
- />
71017
+ repository.archived
71195
71018
  </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>
71207
71019
  </div>
71208
71020
  </div>
71209
71021
  </div>
71210
- </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>
71211
71044
  </div>
71212
71045
  `;
71213
71046
 
@@ -71215,124 +71048,110 @@ exports[`Storyshots Repositories/RepositoryEntry Avatar EP 1`] = `
71215
71048
  <div
71216
71049
  className="RepositoryEntrystories__Spacing-sc-toppdg-0 fDFvWg"
71217
71050
  >
71218
- <div
71219
- className="is-relative"
71051
+ <li
71052
+ aria-label="overview.ariaLabel"
71053
+ className="is-relative is-flex scmm-card"
71220
71054
  >
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
- />
71227
71055
  <div
71228
- className="GroupEntry__StyledGroupEntry-sc-1f902yu-0 dOqUmL is-flex is-justify-content-space-between is-align-items-center p-2"
71056
+ className="RepositoryEntry__Avatar-sc-6jys82-0 OJkVA is-align-self-flex-start"
71229
71057
  >
71230
71058
  <div
71231
- className="GroupEntry__ContentLeft-sc-1f902yu-4 dcjjKg is-flex is-flex-grow-1 is-align-items-center"
71059
+ className="RepositoryAvatar__Avatar-sc-uh53vb-0 hUnsfF image is-48x48"
71232
71060
  >
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"
71238
- >
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"
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
+ }
71074
+ >
71075
+ <div
71076
+ className="is-flex"
71077
+ >
71078
+ <h4>
71079
+ <a
71080
+ className="RepositoryEntry__StyledLink-sc-6jys82-1 JSZXO"
71081
+ href="/repo/hitchhiker/heartOfGold/"
71082
+ onClick={[Function]}
71288
71083
  >
71289
- The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
71290
- </p>
71291
- </div>
71084
+ heartOfGold
71085
+
71086
+ </a>
71087
+ </h4>
71292
71088
  </div>
71293
71089
  <div
71294
- className="GroupEntry__ContentRight-sc-1f902yu-5 enUoHi is-hidden-touch is-flex is-flex-shrink-0 is-justify-content-flex-end pl-5"
71090
+ className="RepositoryEntry__DescriptionRow-sc-6jys82-2 dzxasi is-size-7"
71295
71091
  >
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"
71092
+ The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
71093
+ </div>
71094
+ <div
71095
+ className="RepositoryEntry__DetailsRow-sc-6jys82-3 kXjiC is-flex is-align-items-center is-justify-content-space-between is-flex-wrap-wrap"
71096
+ >
71097
+ <span
71098
+ className="is-size-7 has-text-secondary is-relative"
71298
71099
  >
71299
- <span
71300
- className="is-flex is-justify-content-flex-end is-align-items-center"
71301
- >
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"
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"
71323
71106
  >
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>
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
+ />
71332
71130
  </div>
71333
71131
  </div>
71334
71132
  </div>
71335
- </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>
71336
71155
  </div>
71337
71156
  `;
71338
71157
 
@@ -71340,127 +71159,113 @@ exports[`Storyshots Repositories/RepositoryEntry Before Title EP 1`] = `
71340
71159
  <div
71341
71160
  className="RepositoryEntrystories__Spacing-sc-toppdg-0 fDFvWg"
71342
71161
  >
71343
- <div
71344
- className="is-relative"
71162
+ <li
71163
+ aria-label="overview.ariaLabel"
71164
+ className="is-relative is-flex scmm-card"
71345
71165
  >
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
- />
71352
71166
  <div
71353
- className="GroupEntry__StyledGroupEntry-sc-1f902yu-0 dOqUmL is-flex is-justify-content-space-between is-align-items-center p-2"
71167
+ className="RepositoryEntry__Avatar-sc-6jys82-0 OJkVA is-align-self-flex-start"
71354
71168
  >
71355
71169
  <div
71356
- className="GroupEntry__ContentLeft-sc-1f902yu-4 dcjjKg is-flex is-flex-grow-1 is-align-items-center"
71170
+ className="RepositoryAvatar__Avatar-sc-uh53vb-0 hUnsfF image is-48x48"
71357
71171
  >
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"
71363
- >
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"
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
+ }
71185
+ >
71186
+ <div
71187
+ className="is-flex"
71188
+ >
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]}
71416
71197
  >
71417
- The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
71418
- </p>
71419
- </div>
71198
+ heartOfGold
71199
+
71200
+ </a>
71201
+ </h4>
71420
71202
  </div>
71421
71203
  <div
71422
- className="GroupEntry__ContentRight-sc-1f902yu-5 enUoHi is-hidden-touch is-flex is-flex-shrink-0 is-justify-content-flex-end pl-5"
71204
+ className="RepositoryEntry__DescriptionRow-sc-6jys82-2 dzxasi is-size-7"
71423
71205
  >
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"
71206
+ The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
71207
+ </div>
71208
+ <div
71209
+ className="RepositoryEntry__DetailsRow-sc-6jys82-3 kXjiC is-flex is-align-items-center is-justify-content-space-between is-flex-wrap-wrap"
71210
+ >
71211
+ <span
71212
+ className="is-size-7 has-text-secondary is-relative"
71426
71213
  >
71427
- <span
71428
- className="is-flex is-justify-content-flex-end is-align-items-center"
71429
- >
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"
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"
71451
71220
  >
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>
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
+ />
71460
71244
  </div>
71461
71245
  </div>
71462
71246
  </div>
71463
- </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>
71464
71269
  </div>
71465
71270
  `;
71466
71271
 
@@ -71468,124 +71273,110 @@ exports[`Storyshots Repositories/RepositoryEntry Default 1`] = `
71468
71273
  <div
71469
71274
  className="RepositoryEntrystories__Spacing-sc-toppdg-0 fDFvWg"
71470
71275
  >
71471
- <div
71472
- className="is-relative"
71276
+ <li
71277
+ aria-label="overview.ariaLabel"
71278
+ className="is-relative is-flex scmm-card"
71473
71279
  >
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
- />
71480
71280
  <div
71481
- className="GroupEntry__StyledGroupEntry-sc-1f902yu-0 dOqUmL is-flex is-justify-content-space-between is-align-items-center p-2"
71281
+ className="RepositoryEntry__Avatar-sc-6jys82-0 OJkVA is-align-self-flex-start"
71482
71282
  >
71483
71283
  <div
71484
- className="GroupEntry__ContentLeft-sc-1f902yu-4 dcjjKg is-flex is-flex-grow-1 is-align-items-center"
71284
+ className="RepositoryAvatar__Avatar-sc-uh53vb-0 hUnsfF image is-48x48"
71485
71285
  >
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"
71491
- >
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"
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
+ }
71299
+ >
71300
+ <div
71301
+ className="is-flex"
71302
+ >
71303
+ <h4>
71304
+ <a
71305
+ className="RepositoryEntry__StyledLink-sc-6jys82-1 JSZXO"
71306
+ href="/repo/hitchhiker/heartOfGold/"
71307
+ onClick={[Function]}
71541
71308
  >
71542
- The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
71543
- </p>
71544
- </div>
71309
+ heartOfGold
71310
+
71311
+ </a>
71312
+ </h4>
71545
71313
  </div>
71546
71314
  <div
71547
- className="GroupEntry__ContentRight-sc-1f902yu-5 enUoHi is-hidden-touch is-flex is-flex-shrink-0 is-justify-content-flex-end pl-5"
71315
+ className="RepositoryEntry__DescriptionRow-sc-6jys82-2 dzxasi is-size-7"
71548
71316
  >
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"
71317
+ The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
71318
+ </div>
71319
+ <div
71320
+ className="RepositoryEntry__DetailsRow-sc-6jys82-3 kXjiC is-flex is-align-items-center is-justify-content-space-between is-flex-wrap-wrap"
71321
+ >
71322
+ <span
71323
+ className="is-size-7 has-text-secondary is-relative"
71551
71324
  >
71552
- <span
71553
- className="is-flex is-justify-content-flex-end is-align-items-center"
71554
- >
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"
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"
71576
71331
  >
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>
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
+ />
71585
71355
  </div>
71586
71356
  </div>
71587
71357
  </div>
71588
- </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>
71589
71380
  </div>
71590
71381
  `;
71591
71382
 
@@ -71593,137 +71384,122 @@ exports[`Storyshots Repositories/RepositoryEntry Exporting 1`] = `
71593
71384
  <div
71594
71385
  className="RepositoryEntrystories__Spacing-sc-toppdg-0 fDFvWg"
71595
71386
  >
71596
- <div
71597
- className="is-relative"
71387
+ <li
71388
+ aria-label="overview.ariaLabel"
71389
+ className="is-relative is-flex scmm-card"
71598
71390
  >
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
- />
71605
71391
  <div
71606
- className="GroupEntry__StyledGroupEntry-sc-1f902yu-0 dOqUmL is-flex is-justify-content-space-between is-align-items-center p-2"
71392
+ className="RepositoryEntry__Avatar-sc-6jys82-0 OJkVA is-align-self-flex-start"
71607
71393
  >
71608
71394
  <div
71609
- className="GroupEntry__ContentLeft-sc-1f902yu-4 dcjjKg is-flex is-flex-grow-1 is-align-items-center"
71395
+ className="RepositoryAvatar__Avatar-sc-uh53vb-0 hUnsfF image is-48x48"
71610
71396
  >
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"
71616
- >
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"
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]}
71679
71419
  >
71680
- The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
71681
- </p>
71682
- </div>
71420
+ heartOfGold
71421
+
71422
+ </a>
71423
+ </h4>
71683
71424
  </div>
71684
71425
  <div
71685
- className="GroupEntry__ContentRight-sc-1f902yu-5 enUoHi is-hidden-touch is-flex is-flex-shrink-0 is-justify-content-flex-end pl-5"
71426
+ className="RepositoryEntry__DescriptionRow-sc-6jys82-2 dzxasi is-size-7"
71686
71427
  >
71687
- <div
71688
- className="RepositoryEntry__ContentRightContainer-sc-6jys82-0 huFTcO is-flex is-flex-direction-column is-justify-content-space-between is-relative mr-4"
71428
+ The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
71429
+ </div>
71430
+ <div
71431
+ className="RepositoryEntry__DetailsRow-sc-6jys82-3 kXjiC is-flex is-align-items-center is-justify-content-space-between is-flex-wrap-wrap"
71432
+ >
71433
+ <span
71434
+ className="is-size-7 has-text-secondary is-relative"
71689
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
+ <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
+ />
71690
71466
  <span
71691
- className="is-flex is-justify-content-flex-end is-align-items-center"
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]}
71692
71475
  >
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
- />
71476
+ repository.exporting
71711
71477
  </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>
71723
71478
  </div>
71724
71479
  </div>
71725
71480
  </div>
71726
- </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>
71727
71503
  </div>
71728
71504
  `;
71729
71505
 
@@ -71731,138 +71507,123 @@ exports[`Storyshots Repositories/RepositoryEntry HealthCheck Failure 1`] = `
71731
71507
  <div
71732
71508
  className="RepositoryEntrystories__Spacing-sc-toppdg-0 fDFvWg"
71733
71509
  >
71734
- <div
71735
- className="is-relative"
71510
+ <li
71511
+ aria-label="overview.ariaLabel"
71512
+ className="is-relative is-flex scmm-card"
71736
71513
  >
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
- />
71743
71514
  <div
71744
- className="GroupEntry__StyledGroupEntry-sc-1f902yu-0 dOqUmL is-flex is-justify-content-space-between is-align-items-center p-2"
71515
+ className="RepositoryEntry__Avatar-sc-6jys82-0 OJkVA is-align-self-flex-start"
71745
71516
  >
71746
71517
  <div
71747
- className="GroupEntry__ContentLeft-sc-1f902yu-4 dcjjKg is-flex is-flex-grow-1 is-align-items-center"
71518
+ className="RepositoryAvatar__Avatar-sc-uh53vb-0 hUnsfF image is-48x48"
71748
71519
  >
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"
71754
- >
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"
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
+ }
71533
+ >
71534
+ <div
71535
+ className="is-flex"
71536
+ >
71537
+ <h4>
71538
+ <a
71539
+ className="RepositoryEntry__StyledLink-sc-6jys82-1 JSZXO"
71540
+ href="/repo/hitchhiker/heartOfGold/"
71541
+ onClick={[Function]}
71818
71542
  >
71819
- The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
71820
- </p>
71821
- </div>
71543
+ heartOfGold
71544
+
71545
+ </a>
71546
+ </h4>
71822
71547
  </div>
71823
71548
  <div
71824
- className="GroupEntry__ContentRight-sc-1f902yu-5 enUoHi is-hidden-touch is-flex is-flex-shrink-0 is-justify-content-flex-end pl-5"
71549
+ className="RepositoryEntry__DescriptionRow-sc-6jys82-2 dzxasi is-size-7"
71825
71550
  >
71826
- <div
71827
- className="RepositoryEntry__ContentRightContainer-sc-6jys82-0 huFTcO is-flex is-flex-direction-column is-justify-content-space-between is-relative mr-4"
71551
+ The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
71552
+ </div>
71553
+ <div
71554
+ className="RepositoryEntry__DetailsRow-sc-6jys82-3 kXjiC is-flex is-align-items-center is-justify-content-space-between is-flex-wrap-wrap"
71555
+ >
71556
+ <span
71557
+ className="is-size-7 has-text-secondary is-relative"
71828
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
+ <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
+ />
71829
71589
  <span
71830
- className="is-flex is-justify-content-flex-end is-align-items-center"
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]}
71831
71599
  >
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
- />
71600
+ repository.healthCheckFailure
71850
71601
  </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>
71862
71602
  </div>
71863
71603
  </div>
71864
71604
  </div>
71865
- </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>
71866
71627
  </div>
71867
71628
  `;
71868
71629
 
@@ -71870,149 +71631,134 @@ exports[`Storyshots Repositories/RepositoryEntry MultiRepositoryTags 1`] = `
71870
71631
  <div
71871
71632
  className="RepositoryEntrystories__Spacing-sc-toppdg-0 fDFvWg"
71872
71633
  >
71873
- <div
71874
- className="is-relative"
71634
+ <li
71635
+ aria-label="overview.ariaLabel"
71636
+ className="is-relative is-flex scmm-card"
71875
71637
  >
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
- />
71882
71638
  <div
71883
- className="GroupEntry__StyledGroupEntry-sc-1f902yu-0 dOqUmL is-flex is-justify-content-space-between is-align-items-center p-2"
71639
+ className="RepositoryEntry__Avatar-sc-6jys82-0 OJkVA is-align-self-flex-start"
71884
71640
  >
71885
71641
  <div
71886
- className="GroupEntry__ContentLeft-sc-1f902yu-4 dcjjKg is-flex is-flex-grow-1 is-align-items-center"
71642
+ className="RepositoryAvatar__Avatar-sc-uh53vb-0 hUnsfF image is-48x48"
71887
71643
  >
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"
71893
- >
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"
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]}
71968
71666
  >
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>
71667
+ heartOfGold
71668
+
71669
+ </a>
71670
+ </h4>
71972
71671
  </div>
71973
71672
  <div
71974
- className="GroupEntry__ContentRight-sc-1f902yu-5 enUoHi is-hidden-touch is-flex is-flex-shrink-0 is-justify-content-flex-end pl-5"
71673
+ className="RepositoryEntry__DescriptionRow-sc-6jys82-2 dzxasi is-size-7"
71975
71674
  >
71976
- <div
71977
- className="RepositoryEntry__ContentRightContainer-sc-6jys82-0 huFTcO is-flex is-flex-direction-column is-justify-content-space-between is-relative mr-4"
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.
71676
+ </div>
71677
+ <div
71678
+ className="RepositoryEntry__DetailsRow-sc-6jys82-3 kXjiC is-flex is-align-items-center is-justify-content-space-between is-flex-wrap-wrap"
71679
+ >
71680
+ <span
71681
+ className="is-size-7 has-text-secondary is-relative"
71978
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
+ <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
+ />
71979
71713
  <span
71980
- className="is-flex is-justify-content-flex-end is-align-items-center"
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]}
71981
71722
  >
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
- />
71723
+ repository.archived
72000
71724
  </span>
72001
- <small
72002
- className="pb-1"
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]}
72003
71734
  >
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>
71735
+ repository.exporting
71736
+ </span>
72012
71737
  </div>
72013
71738
  </div>
72014
71739
  </div>
72015
- </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>
72016
71762
  </div>
72017
71763
  `;
72018
71764
 
@@ -72020,138 +71766,123 @@ exports[`Storyshots Repositories/RepositoryEntry RepositoryFlag EP 1`] = `
72020
71766
  <div
72021
71767
  className="RepositoryEntrystories__Spacing-sc-toppdg-0 fDFvWg"
72022
71768
  >
72023
- <div
72024
- className="is-relative"
71769
+ <li
71770
+ aria-label="overview.ariaLabel"
71771
+ className="is-relative is-flex scmm-card"
72025
71772
  >
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
- />
72032
71773
  <div
72033
- className="GroupEntry__StyledGroupEntry-sc-1f902yu-0 dOqUmL is-flex is-justify-content-space-between is-align-items-center p-2"
71774
+ className="RepositoryEntry__Avatar-sc-6jys82-0 OJkVA is-align-self-flex-start"
72034
71775
  >
72035
71776
  <div
72036
- className="GroupEntry__ContentLeft-sc-1f902yu-4 dcjjKg is-flex is-flex-grow-1 is-align-items-center"
71777
+ className="RepositoryAvatar__Avatar-sc-uh53vb-0 hUnsfF image is-48x48"
72037
71778
  >
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"
72043
- >
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"
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
+ }
71792
+ >
71793
+ <div
71794
+ className="is-flex"
71795
+ >
71796
+ <h4>
71797
+ <a
71798
+ className="RepositoryEntry__StyledLink-sc-6jys82-1 JSZXO"
71799
+ href="/repo/hitchhiker/heartOfGold/"
71800
+ onClick={[Function]}
72107
71801
  >
72108
- The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
72109
- </p>
72110
- </div>
71802
+ heartOfGold
71803
+
71804
+ </a>
71805
+ </h4>
72111
71806
  </div>
72112
71807
  <div
72113
- className="GroupEntry__ContentRight-sc-1f902yu-5 enUoHi is-hidden-touch is-flex is-flex-shrink-0 is-justify-content-flex-end pl-5"
71808
+ className="RepositoryEntry__DescriptionRow-sc-6jys82-2 dzxasi is-size-7"
72114
71809
  >
72115
- <div
72116
- className="RepositoryEntry__ContentRightContainer-sc-6jys82-0 huFTcO is-flex is-flex-direction-column is-justify-content-space-between is-relative mr-4"
71810
+ The starship Heart of Gold was the first spacecraft to make use of the Infinite Improbability Drive
71811
+ </div>
71812
+ <div
71813
+ className="RepositoryEntry__DetailsRow-sc-6jys82-3 kXjiC is-flex is-align-items-center is-justify-content-space-between is-flex-wrap-wrap"
71814
+ >
71815
+ <span
71816
+ className="is-size-7 has-text-secondary is-relative"
72117
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
+ <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
+ />
72118
71848
  <span
72119
- className="is-flex is-justify-content-flex-end is-align-items-center"
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]}
72120
71858
  >
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
- />
71859
+ repository.healthCheckFailure
72139
71860
  </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>
72151
71861
  </div>
72152
71862
  </div>
72153
71863
  </div>
72154
- </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>
72155
71886
  </div>
72156
71887
  `;
72157
71888
 
@@ -72159,124 +71890,110 @@ exports[`Storyshots Repositories/RepositoryEntry With long texts 1`] = `
72159
71890
  <div
72160
71891
  className="RepositoryEntrystories__Spacing-sc-toppdg-0 fDFvWg"
72161
71892
  >
72162
- <div
72163
- className="is-relative"
71893
+ <li
71894
+ aria-label="overview.ariaLabel"
71895
+ className="is-relative is-flex scmm-card"
72164
71896
  >
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
- />
72171
71897
  <div
72172
- className="GroupEntry__StyledGroupEntry-sc-1f902yu-0 dOqUmL is-flex is-justify-content-space-between is-align-items-center p-2"
71898
+ className="RepositoryEntry__Avatar-sc-6jys82-0 OJkVA is-align-self-flex-start"
72173
71899
  >
72174
71900
  <div
72175
- className="GroupEntry__ContentLeft-sc-1f902yu-4 dcjjKg is-flex is-flex-grow-1 is-align-items-center"
71901
+ className="RepositoryAvatar__Avatar-sc-uh53vb-0 hUnsfF image is-48x48"
72176
71902
  >
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"
72182
- >
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"
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
+ }
71916
+ >
71917
+ <div
71918
+ className="is-flex"
71919
+ >
71920
+ <h4>
71921
+ <a
71922
+ className="RepositoryEntry__StyledLink-sc-6jys82-1 JSZXO"
71923
+ href="/repo/hitchhiker/veeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeery-loooooooooooooooooooooooooooooooooooooooooooooooooooong-repooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo-naaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaame/"
71924
+ onClick={[Function]}
72232
71925
  >
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>
71926
+ veeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeery-loooooooooooooooooooooooooooooooooooooooooooooooooooong-repooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo-naaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaame
71927
+
71928
+ </a>
71929
+ </h4>
72236
71930
  </div>
72237
71931
  <div
72238
- className="GroupEntry__ContentRight-sc-1f902yu-5 enUoHi is-hidden-touch is-flex is-flex-shrink-0 is-justify-content-flex-end pl-5"
71932
+ className="RepositoryEntry__DescriptionRow-sc-6jys82-2 dzxasi is-size-7"
72239
71933
  >
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"
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.
71935
+ </div>
71936
+ <div
71937
+ className="RepositoryEntry__DetailsRow-sc-6jys82-3 kXjiC is-flex is-align-items-center is-justify-content-space-between is-flex-wrap-wrap"
71938
+ >
71939
+ <span
71940
+ className="is-size-7 has-text-secondary is-relative"
72242
71941
  >
72243
- <span
72244
- className="is-flex is-justify-content-flex-end is-align-items-center"
72245
- >
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"
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"
72267
71948
  >
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>
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
+ />
72276
71972
  </div>
72277
71973
  </div>
72278
71974
  </div>
72279
- </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>
72280
71997
  </div>
72281
71998
  `;
72282
71999