Updating to Primer View Components v0.0.117 (#2351)

* Updating to primer view components 0.0.117

* Create strange-tables-repeat.md

* Move Link import to pvc

Author: jonrohan

.changeset/strange-tables-repeat.md

@@ -0,0 +1,5 @@
+---
+"@primer/css": patch
+---
+
+Updating to primer view components 0.0.117

package.json

@@ -43,7 +43,7 @@
   },
   "dependencies": {
     "@primer/primitives": "^7.9.0",
-    "@primer/view-components": "^0.0.115"
+    "@primer/view-components": "^0.0.117"
   },
   "devDependencies": {
     "@changesets/changelog-github": "0.4.6",

src/labels/states.scss

@@ -1 +1 @@
-@import '@primer/view-components/app/components/primer/state_component';
+@import '@primer/view-components/app/components/primer/beta/state';

src/links/link.scss

@@ -1,60 +1 @@
-// Links
-
-.Link {
-  color: var(--color-accent-fg);
-
-  &:hover {
-    text-decoration: underline;
-    cursor: pointer;
-  }
-
-  &:focus,
-  &:focus-visible {
-    outline-offset: 0;
-  }
-}
-
-.Link--primary {
-  color: var(--color-fg-default) !important;
-
-  &:hover {
-    color: var(--color-accent-fg) !important;
-  }
-}
-
-.Link--secondary {
-  color: var(--color-fg-muted) !important;
-
-  &:hover {
-    color: var(--color-accent-fg) !important;
-  }
-}
-
-.Link--muted {
-  color: var(--color-fg-muted) !important;
-
-  &:hover {
-    color: var(--color-accent-fg) !important;
-    text-decoration: none;
-  }
-}
-
-// Set the link color only on hover
-// Useful when you want only part of a link to turn blue on hover
-.Link--onHover {
-  &:hover {
-    color: var(--color-accent-fg) !important;
-    text-decoration: underline;
-    cursor: pointer;
-  }
-}
-
-// When using a color utility class inside of a link class,
-// color should change with link on hover.
-.Link--secondary,
-.Link--primary,
-.Link--muted {
-  &:hover [class*='color-fg'] {
-    color: inherit !important;
-  }
-}
+@import '@primer/view-components/app/components/primer/beta/link';

src/subhead/subhead.scss

@@ -1 +1 @@
-@import '@primer/view-components/app/components/primer/subhead_component';
+@import '@primer/view-components/app/components/primer/beta/subhead';

src/timeline/timeline-item.scss

@@ -1 +1 @@
-@import '@primer/view-components/app/components/primer/timeline_item_component';
+@import '@primer/view-components/app/components/primer/beta/timeline_item';

yarn.lock

@@ -838,9 +838,9 @@
   integrity sha512-ZOJ+U771Mw68qp2GPbcqPt2Xg0LEl0YwiIFHXwVLAFm2TgDnsgcCHhXO8PIxOWPqSFO4S7xIMD9CBobfaWGASA==
 
 "@github/relative-time-element@^4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@github/relative-time-element/-/relative-time-element-4.0.0.tgz#18ca051f0385142e8c13096cd57e8637012c99ef"
-  integrity sha512-A//nGe6GFciGP0GxSZZKZbULwSZuENZ19cTaAkvRU3Ptqgdpo95VF6YS5TPi54NVM/zt8q6KtDTOMyjdFQHj0g==
+  version "4.1.5"
+  resolved "https://registry.yarnpkg.com/@github/relative-time-element/-/relative-time-element-4.1.5.tgz#4eaa3707568696661eae1dbe1d134fa2ffde1121"
+  integrity sha512-WAf1EQV5Sn6jGuAIQur/ztKlEV9R+VHDNwqEbeaOb6s9fiwM5z7+ujlWNZtgFkDp3lF0H8D/f0vdiPlfHz0ZTQ==
 
 "@github/tab-container-element@^3.1.2":
   version "3.2.0"
@@ -1210,10 +1210,10 @@
     stylelint-scss "^4.0.0"
     tap-map "^1.0.0"
 
-"@primer/view-components@^0.0.115":
-  version "0.0.115"
-  resolved "https://registry.yarnpkg.com/@primer/view-components/-/view-components-0.0.115.tgz#79f36c14327742c6eac1b73ff2eb3bb5206984fa"
-  integrity sha512-Qo6vNE0/UK6azsu9wTpb9AneHpM2FkA/saZ6UB1kvRttD5M0d/xto8sqq6b45QkKukqIlS4MhzyyvLIvC6rI1g==
+"@primer/view-components@^0.0.117":
+  version "0.0.117"
+  resolved "https://registry.yarnpkg.com/@primer/view-components/-/view-components-0.0.117.tgz#bb077f8233b5e6562ea8617f7e90b92559896012"
+  integrity sha512-srCp6BeSaCSELxvD6P+xp8/NGtiHoj9iY4y9duI1SS5wdc11JtaCXm5Iq/8SQaFZ9ONaIQnyeAveSuUCE7Jb8A==
   dependencies:
     "@github/auto-check-element" "^5.2.0"
     "@github/auto-complete-element" "^3.3.4"