@patternfly/react-styles 5.0.0-alpha.8 → 5.0.0-prerelease.1

package/css/components/Content/content.css

@@ -1,253 +1,253 @@
-.pf-c-content {
-  --pf-c-content--MarginBottom: var(--pf-global--spacer--md);
-  --pf-c-content--LineHeight: var(--pf-global--LineHeight--md);
-  --pf-c-content--FontSize: var(--pf-global--FontSize--md);
-  --pf-c-content--FontWeight: var(--pf-global--FontWeight--normal);
-  --pf-c-content--Color: var(--pf-global--Color--100);
-  --pf-c-content--heading--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
-  --pf-c-content--h1--MarginTop: var(--pf-global--spacer--lg);
-  --pf-c-content--h1--MarginBottom: var(--pf-global--spacer--sm);
-  --pf-c-content--h1--LineHeight: var(--pf-global--LineHeight--sm);
-  --pf-c-content--h1--FontSize: var(--pf-global--FontSize--2xl);
-  --pf-c-content--h1--FontWeight: var(--pf-global--FontWeight--normal);
-  --pf-c-content--h2--MarginTop: var(--pf-global--spacer--lg);
-  --pf-c-content--h2--MarginBottom: var(--pf-global--spacer--sm);
-  --pf-c-content--h2--LineHeight: var(--pf-global--LineHeight--md);
-  --pf-c-content--h2--FontSize: var(--pf-global--FontSize--xl);
-  --pf-c-content--h2--FontWeight: var(--pf-global--FontWeight--normal);
-  --pf-c-content--h3--MarginTop: var(--pf-global--spacer--lg);
-  --pf-c-content--h3--MarginBottom: var(--pf-global--spacer--sm);
-  --pf-c-content--h3--LineHeight: var(--pf-global--LineHeight--md);
-  --pf-c-content--h3--FontSize: var(--pf-global--FontSize--lg);
-  --pf-c-content--h3--FontWeight: var(--pf-global--FontWeight--normal);
-  --pf-c-content--h4--MarginTop: var(--pf-global--spacer--lg);
-  --pf-c-content--h4--MarginBottom: var(--pf-global--spacer--sm);
-  --pf-c-content--h4--LineHeight: var(--pf-global--LineHeight--md);
-  --pf-c-content--h4--FontSize: var(--pf-global--FontSize--md);
-  --pf-c-content--h4--FontWeight: var(--pf-global--FontWeight--normal);
-  --pf-c-content--h5--MarginTop: var(--pf-global--spacer--lg);
-  --pf-c-content--h5--MarginBottom: var(--pf-global--spacer--sm);
-  --pf-c-content--h5--LineHeight: var(--pf-global--LineHeight--md);
-  --pf-c-content--h5--FontSize: var(--pf-global--FontSize--md);
-  --pf-c-content--h5--FontWeight: var(--pf-global--FontWeight--normal);
-  --pf-c-content--h6--MarginTop: var(--pf-global--spacer--lg);
-  --pf-c-content--h6--MarginBottom: var(--pf-global--spacer--sm);
-  --pf-c-content--h6--LineHeight: var(--pf-global--LineHeight--md);
-  --pf-c-content--h6--FontSize: var(--pf-global--FontSize--md);
-  --pf-c-content--h6--FontWeight: var(--pf-global--FontWeight--normal);
-  --pf-c-content--small--MarginBottom: var(--pf-global--spacer--md);
-  --pf-c-content--small--LineHeight: var(--pf-global--LineHeight--md);
-  --pf-c-content--small--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-content--small--Color: var(--pf-global--Color--200);
-  --pf-c-content--a--Color: var(--pf-global--link--Color);
-  --pf-c-content--a--TextDecoration: var(--pf-global--link--TextDecoration);
-  --pf-c-content--a--hover--Color: var(--pf-global--link--Color--hover);
-  --pf-c-content--a--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
-  --pf-c-content--a--visited--Color: var(--pf-global--link--Color--visited);
-  --pf-c-content--blockquote--PaddingTop: var(--pf-global--spacer--md);
-  --pf-c-content--blockquote--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-content--blockquote--PaddingBottom: var(--pf-global--spacer--md);
-  --pf-c-content--blockquote--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-content--blockquote--Color: var(--pf-global--Color--200);
-  --pf-c-content--blockquote--BorderLeftColor: var(--pf-global--BorderColor--100);
-  --pf-c-content--blockquote--BorderLeftWidth: var(--pf-global--BorderWidth--lg);
-  --pf-c-content--ol--PaddingLeft: var(--pf-global--spacer--lg);
-  --pf-c-content--ol--MarginLeft: var(--pf-global--spacer--lg);
-  --pf-c-content--ol--nested--MarginTop: var(--pf-global--spacer--sm);
-  --pf-c-content--ol--nested--MarginLeft: var(--pf-global--spacer--sm);
-  --pf-c-content--ul--PaddingLeft: var(--pf-global--spacer--lg);
-  --pf-c-content--ul--MarginLeft: var(--pf-global--spacer--lg);
-  --pf-c-content--ul--nested--MarginTop: var(--pf-global--spacer--sm);
-  --pf-c-content--ul--nested--MarginLeft: var(--pf-global--spacer--sm);
-  --pf-c-content--ul--ListStyle: var(--pf-global--ListStyle);
-  --pf-c-content--li--MarginTop: var(--pf-global--spacer--sm);
-  --pf-c-content--dl--ColumnGap: var(--pf-global--spacer--2xl);
-  --pf-c-content--dl--RowGap: var(--pf-global--spacer--md);
-  --pf-c-content--dt--FontWeight: var(--pf-global--FontWeight--bold);
-  --pf-c-content--dt--MarginTop: var(--pf-global--spacer--md);
-  --pf-c-content--dt--sm--MarginTop: 0;
-  --pf-c-content--hr--Height: var(--pf-global--BorderWidth--sm);
-  --pf-c-content--hr--BackgroundColor: var(--pf-global--BorderColor--100);
-  font-size: var(--pf-c-content--FontSize);
-  line-height: var(--pf-c-content--LineHeight);
-  color: var(--pf-c-content--Color);
-}
-.pf-c-content a {
-  color: var(--pf-c-content--a--Color);
-  text-decoration: var(--pf-c-content--a--TextDecoration);
-}
-.pf-c-content a:hover {
-  --pf-c-content--a--Color: var(--pf-c-content--a--hover--Color);
-  --pf-c-content--a--TextDecoration: var(--pf-c-content--a--hover--TextDecoration);
-}
-.pf-c-content.pf-m-visited a:visited,
-.pf-c-content a.pf-m-visited:visited {
-  color: var(--pf-c-content--a--visited--Color);
-}
-.pf-c-content li + li {
-  margin-top: var(--pf-c-content--li--MarginTop);
-}
-.pf-c-content p:not(:last-child),
-.pf-c-content dl:not(:last-child),
-.pf-c-content ol:not(:last-child),
-.pf-c-content ul:not(:last-child),
-.pf-c-content blockquote:not(:last-child),
-.pf-c-content small:not(:last-child),
-.pf-c-content pre:not(:last-child),
-.pf-c-content table:not(:last-child),
-.pf-c-content hr:not(:last-child) {
-  margin-bottom: var(--pf-c-content--MarginBottom);
-}
-.pf-c-content h1,
-.pf-c-content h2,
-.pf-c-content h3,
-.pf-c-content h4,
-.pf-c-content h5,
-.pf-c-content h6 {
+.pf-v5-c-content {
+  --pf-v5-c-content--MarginBottom: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-content--LineHeight: var(--pf-v5-global--LineHeight--md);
+  --pf-v5-c-content--FontSize: var(--pf-v5-global--FontSize--md);
+  --pf-v5-c-content--FontWeight: var(--pf-v5-global--FontWeight--normal);
+  --pf-v5-c-content--Color: var(--pf-v5-global--Color--100);
+  --pf-v5-c-content--heading--FontFamily: var(--pf-v5-global--FontFamily--heading);
+  --pf-v5-c-content--h1--MarginTop: var(--pf-v5-global--spacer--lg);
+  --pf-v5-c-content--h1--MarginBottom: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-content--h1--LineHeight: var(--pf-v5-global--LineHeight--sm);
+  --pf-v5-c-content--h1--FontSize: var(--pf-v5-global--FontSize--2xl);
+  --pf-v5-c-content--h1--FontWeight: var(--pf-v5-global--FontWeight--normal);
+  --pf-v5-c-content--h2--MarginTop: var(--pf-v5-global--spacer--lg);
+  --pf-v5-c-content--h2--MarginBottom: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-content--h2--LineHeight: var(--pf-v5-global--LineHeight--md);
+  --pf-v5-c-content--h2--FontSize: var(--pf-v5-global--FontSize--xl);
+  --pf-v5-c-content--h2--FontWeight: var(--pf-v5-global--FontWeight--normal);
+  --pf-v5-c-content--h3--MarginTop: var(--pf-v5-global--spacer--lg);
+  --pf-v5-c-content--h3--MarginBottom: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-content--h3--LineHeight: var(--pf-v5-global--LineHeight--md);
+  --pf-v5-c-content--h3--FontSize: var(--pf-v5-global--FontSize--lg);
+  --pf-v5-c-content--h3--FontWeight: var(--pf-v5-global--FontWeight--normal);
+  --pf-v5-c-content--h4--MarginTop: var(--pf-v5-global--spacer--lg);
+  --pf-v5-c-content--h4--MarginBottom: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-content--h4--LineHeight: var(--pf-v5-global--LineHeight--md);
+  --pf-v5-c-content--h4--FontSize: var(--pf-v5-global--FontSize--md);
+  --pf-v5-c-content--h4--FontWeight: var(--pf-v5-global--FontWeight--normal);
+  --pf-v5-c-content--h5--MarginTop: var(--pf-v5-global--spacer--lg);
+  --pf-v5-c-content--h5--MarginBottom: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-content--h5--LineHeight: var(--pf-v5-global--LineHeight--md);
+  --pf-v5-c-content--h5--FontSize: var(--pf-v5-global--FontSize--md);
+  --pf-v5-c-content--h5--FontWeight: var(--pf-v5-global--FontWeight--normal);
+  --pf-v5-c-content--h6--MarginTop: var(--pf-v5-global--spacer--lg);
+  --pf-v5-c-content--h6--MarginBottom: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-content--h6--LineHeight: var(--pf-v5-global--LineHeight--md);
+  --pf-v5-c-content--h6--FontSize: var(--pf-v5-global--FontSize--md);
+  --pf-v5-c-content--h6--FontWeight: var(--pf-v5-global--FontWeight--normal);
+  --pf-v5-c-content--small--MarginBottom: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-content--small--LineHeight: var(--pf-v5-global--LineHeight--md);
+  --pf-v5-c-content--small--FontSize: var(--pf-v5-global--FontSize--sm);
+  --pf-v5-c-content--small--Color: var(--pf-v5-global--Color--200);
+  --pf-v5-c-content--a--Color: var(--pf-v5-global--link--Color);
+  --pf-v5-c-content--a--TextDecoration: var(--pf-v5-global--link--TextDecoration);
+  --pf-v5-c-content--a--hover--Color: var(--pf-v5-global--link--Color--hover);
+  --pf-v5-c-content--a--hover--TextDecoration: var(--pf-v5-global--link--TextDecoration--hover);
+  --pf-v5-c-content--a--visited--Color: var(--pf-v5-global--link--Color--visited);
+  --pf-v5-c-content--blockquote--PaddingTop: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-content--blockquote--PaddingRight: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-content--blockquote--PaddingBottom: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-content--blockquote--PaddingLeft: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-content--blockquote--Color: var(--pf-v5-global--Color--200);
+  --pf-v5-c-content--blockquote--BorderLeftColor: var(--pf-v5-global--BorderColor--100);
+  --pf-v5-c-content--blockquote--BorderLeftWidth: var(--pf-v5-global--BorderWidth--lg);
+  --pf-v5-c-content--ol--PaddingLeft: var(--pf-v5-global--spacer--lg);
+  --pf-v5-c-content--ol--MarginLeft: var(--pf-v5-global--spacer--lg);
+  --pf-v5-c-content--ol--nested--MarginTop: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-content--ol--nested--MarginLeft: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-content--ul--PaddingLeft: var(--pf-v5-global--spacer--lg);
+  --pf-v5-c-content--ul--MarginLeft: var(--pf-v5-global--spacer--lg);
+  --pf-v5-c-content--ul--nested--MarginTop: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-content--ul--nested--MarginLeft: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-content--ul--ListStyle: var(--pf-v5-global--ListStyle);
+  --pf-v5-c-content--li--MarginTop: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-content--dl--ColumnGap: var(--pf-v5-global--spacer--2xl);
+  --pf-v5-c-content--dl--RowGap: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-content--dt--FontWeight: var(--pf-v5-global--FontWeight--bold);
+  --pf-v5-c-content--dt--MarginTop: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-content--dt--sm--MarginTop: 0;
+  --pf-v5-c-content--hr--Height: var(--pf-v5-global--BorderWidth--sm);
+  --pf-v5-c-content--hr--BackgroundColor: var(--pf-v5-global--BorderColor--100);
+  font-size: var(--pf-v5-c-content--FontSize);
+  line-height: var(--pf-v5-c-content--LineHeight);
+  color: var(--pf-v5-c-content--Color);
+}
+.pf-v5-c-content a {
+  color: var(--pf-v5-c-content--a--Color);
+  text-decoration: var(--pf-v5-c-content--a--TextDecoration);
+}
+.pf-v5-c-content a:hover {
+  --pf-v5-c-content--a--Color: var(--pf-v5-c-content--a--hover--Color);
+  --pf-v5-c-content--a--TextDecoration: var(--pf-v5-c-content--a--hover--TextDecoration);
+}
+.pf-v5-c-content.pf-m-visited a:visited,
+.pf-v5-c-content a.pf-m-visited:visited {
+  color: var(--pf-v5-c-content--a--visited--Color);
+}
+.pf-v5-c-content li + li {
+  margin-top: var(--pf-v5-c-content--li--MarginTop);
+}
+.pf-v5-c-content p:not(:last-child),
+.pf-v5-c-content dl:not(:last-child),
+.pf-v5-c-content ol:not(:last-child),
+.pf-v5-c-content ul:not(:last-child),
+.pf-v5-c-content blockquote:not(:last-child),
+.pf-v5-c-content small:not(:last-child),
+.pf-v5-c-content pre:not(:last-child),
+.pf-v5-c-content table:not(:last-child),
+.pf-v5-c-content hr:not(:last-child) {
+  margin-bottom: var(--pf-v5-c-content--MarginBottom);
+}
+.pf-v5-c-content h1,
+.pf-v5-c-content h2,
+.pf-v5-c-content h3,
+.pf-v5-c-content h4,
+.pf-v5-c-content h5,
+.pf-v5-c-content h6 {
   margin: 0;
-  font-family: var(--pf-c-content--heading--FontFamily);
-}
-.pf-c-content h1:first-child,
-.pf-c-content h2:first-child,
-.pf-c-content h3:first-child,
-.pf-c-content h4:first-child,
-.pf-c-content h5:first-child,
-.pf-c-content h6:first-child {
+  font-family: var(--pf-v5-c-content--heading--FontFamily);
+}
+.pf-v5-c-content h1:first-child,
+.pf-v5-c-content h2:first-child,
+.pf-v5-c-content h3:first-child,
+.pf-v5-c-content h4:first-child,
+.pf-v5-c-content h5:first-child,
+.pf-v5-c-content h6:first-child {
   margin-top: 0;
 }
-.pf-c-content h1:last-child,
-.pf-c-content h2:last-child,
-.pf-c-content h3:last-child,
-.pf-c-content h4:last-child,
-.pf-c-content h5:last-child,
-.pf-c-content h6:last-child {
+.pf-v5-c-content h1:last-child,
+.pf-v5-c-content h2:last-child,
+.pf-v5-c-content h3:last-child,
+.pf-v5-c-content h4:last-child,
+.pf-v5-c-content h5:last-child,
+.pf-v5-c-content h6:last-child {
   margin-bottom: 0;
 }
-.pf-c-content ol,
-.pf-c-content ul {
+.pf-v5-c-content ol,
+.pf-v5-c-content ul {
   margin: 0;
 }
-.pf-c-content ol.pf-m-plain,
-.pf-c-content ul.pf-m-plain {
+.pf-v5-c-content ol.pf-m-plain,
+.pf-v5-c-content ul.pf-m-plain {
   padding-left: 0;
   margin-left: 0;
   list-style: none;
 }
-.pf-c-content h1 {
-  margin-top: var(--pf-c-content--h1--MarginTop);
-  margin-bottom: var(--pf-c-content--h1--MarginBottom);
-  font-size: var(--pf-c-content--h1--FontSize);
-  font-weight: var(--pf-c-content--h1--FontWeight);
-  line-height: var(--pf-c-content--h1--LineHeight);
-}
-.pf-c-content h2 {
-  margin-top: var(--pf-c-content--h2--MarginTop);
-  margin-bottom: var(--pf-c-content--h2--MarginBottom);
-  font-size: var(--pf-c-content--h2--FontSize);
-  font-weight: var(--pf-c-content--h2--FontWeight);
-  line-height: var(--pf-c-content--h2--LineHeight);
-}
-.pf-c-content h3 {
-  margin-top: var(--pf-c-content--h3--MarginTop);
-  margin-bottom: var(--pf-c-content--h3--MarginBottom);
-  font-size: var(--pf-c-content--h3--FontSize);
-  font-weight: var(--pf-c-content--h3--FontWeight);
-  line-height: var(--pf-c-content--h3--LineHeight);
-}
-.pf-c-content h4 {
-  margin-top: var(--pf-c-content--h4--MarginTop);
-  margin-bottom: var(--pf-c-content--h4--MarginBottom);
-  font-size: var(--pf-c-content--h4--FontSize);
-  font-weight: var(--pf-c-content--h4--FontWeight);
-  line-height: var(--pf-c-content--h4--LineHeight);
-}
-.pf-c-content h5 {
-  margin-top: var(--pf-c-content--h5--MarginTop);
-  margin-bottom: var(--pf-c-content--h5--MarginBottom);
-  font-size: var(--pf-c-content--h5--FontSize);
-  font-weight: var(--pf-c-content--h5--FontWeight);
-  line-height: var(--pf-c-content--h5--LineHeight);
-}
-.pf-c-content h6 {
-  margin-top: var(--pf-c-content--h6--MarginTop);
-  margin-bottom: var(--pf-c-content--h6--MarginBottom);
-  font-size: var(--pf-c-content--h6--FontSize);
-  font-weight: var(--pf-c-content--h6--FontWeight);
-  line-height: var(--pf-c-content--h6--LineHeight);
-}
-.pf-c-content small {
+.pf-v5-c-content h1 {
+  margin-top: var(--pf-v5-c-content--h1--MarginTop);
+  margin-bottom: var(--pf-v5-c-content--h1--MarginBottom);
+  font-size: var(--pf-v5-c-content--h1--FontSize);
+  font-weight: var(--pf-v5-c-content--h1--FontWeight);
+  line-height: var(--pf-v5-c-content--h1--LineHeight);
+}
+.pf-v5-c-content h2 {
+  margin-top: var(--pf-v5-c-content--h2--MarginTop);
+  margin-bottom: var(--pf-v5-c-content--h2--MarginBottom);
+  font-size: var(--pf-v5-c-content--h2--FontSize);
+  font-weight: var(--pf-v5-c-content--h2--FontWeight);
+  line-height: var(--pf-v5-c-content--h2--LineHeight);
+}
+.pf-v5-c-content h3 {
+  margin-top: var(--pf-v5-c-content--h3--MarginTop);
+  margin-bottom: var(--pf-v5-c-content--h3--MarginBottom);
+  font-size: var(--pf-v5-c-content--h3--FontSize);
+  font-weight: var(--pf-v5-c-content--h3--FontWeight);
+  line-height: var(--pf-v5-c-content--h3--LineHeight);
+}
+.pf-v5-c-content h4 {
+  margin-top: var(--pf-v5-c-content--h4--MarginTop);
+  margin-bottom: var(--pf-v5-c-content--h4--MarginBottom);
+  font-size: var(--pf-v5-c-content--h4--FontSize);
+  font-weight: var(--pf-v5-c-content--h4--FontWeight);
+  line-height: var(--pf-v5-c-content--h4--LineHeight);
+}
+.pf-v5-c-content h5 {
+  margin-top: var(--pf-v5-c-content--h5--MarginTop);
+  margin-bottom: var(--pf-v5-c-content--h5--MarginBottom);
+  font-size: var(--pf-v5-c-content--h5--FontSize);
+  font-weight: var(--pf-v5-c-content--h5--FontWeight);
+  line-height: var(--pf-v5-c-content--h5--LineHeight);
+}
+.pf-v5-c-content h6 {
+  margin-top: var(--pf-v5-c-content--h6--MarginTop);
+  margin-bottom: var(--pf-v5-c-content--h6--MarginBottom);
+  font-size: var(--pf-v5-c-content--h6--FontSize);
+  font-weight: var(--pf-v5-c-content--h6--FontWeight);
+  line-height: var(--pf-v5-c-content--h6--LineHeight);
+}
+.pf-v5-c-content small {
   display: block;
-  font-size: var(--pf-c-content--small--FontSize);
-  line-height: var(--pf-c-content--small--LineHeight);
-  color: var(--pf-c-content--small--Color);
+  font-size: var(--pf-v5-c-content--small--FontSize);
+  line-height: var(--pf-v5-c-content--small--LineHeight);
+  color: var(--pf-v5-c-content--small--Color);
 }
-.pf-c-content small:not(:last-child) {
-  margin-bottom: var(--pf-c-content--small--MarginBottom);
+.pf-v5-c-content small:not(:last-child) {
+  margin-bottom: var(--pf-v5-c-content--small--MarginBottom);
 }
-.pf-c-content blockquote {
-  padding: var(--pf-c-content--blockquote--PaddingTop) var(--pf-c-content--blockquote--PaddingRight) var(--pf-c-content--blockquote--PaddingBottom) var(--pf-c-content--blockquote--PaddingLeft);
-  color: var(--pf-c-content--blockquote--Color);
-  border-left: var(--pf-c-content--blockquote--BorderLeftWidth) solid var(--pf-c-content--blockquote--BorderLeftColor);
+.pf-v5-c-content blockquote {
+  padding: var(--pf-v5-c-content--blockquote--PaddingTop) var(--pf-v5-c-content--blockquote--PaddingRight) var(--pf-v5-c-content--blockquote--PaddingBottom) var(--pf-v5-c-content--blockquote--PaddingLeft);
+  color: var(--pf-v5-c-content--blockquote--Color);
+  border-left: var(--pf-v5-c-content--blockquote--BorderLeftWidth) solid var(--pf-v5-c-content--blockquote--BorderLeftColor);
 }
-.pf-c-content hr {
-  height: var(--pf-c-content--hr--Height);
-  background-color: var(--pf-c-content--hr--BackgroundColor);
+.pf-v5-c-content hr {
+  height: var(--pf-v5-c-content--hr--Height);
+  background-color: var(--pf-v5-c-content--hr--BackgroundColor);
   border: none;
 }
-.pf-c-content ol {
-  padding-left: var(--pf-c-content--ol--PaddingLeft);
-  margin-left: var(--pf-c-content--ol--MarginLeft);
+.pf-v5-c-content ol {
+  padding-left: var(--pf-v5-c-content--ol--PaddingLeft);
+  margin-left: var(--pf-v5-c-content--ol--MarginLeft);
 }
-.pf-c-content ol ul {
-  --pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
-  margin-top: var(--pf-c-content--ul--nested--MarginTop);
+.pf-v5-c-content ol ul {
+  --pf-v5-c-content--ul--MarginLeft: var(--pf-v5-c-content--ul--nested--MarginLeft);
+  margin-top: var(--pf-v5-c-content--ul--nested--MarginTop);
 }
-.pf-c-content ol ol {
-  --pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
-  margin-top: var(--pf-c-content--ol--nested--MarginTop);
+.pf-v5-c-content ol ol {
+  --pf-v5-c-content--ol--MarginLeft: var(--pf-v5-c-content--ol--nested--MarginLeft);
+  margin-top: var(--pf-v5-c-content--ol--nested--MarginTop);
 }
-.pf-c-content ul {
-  padding-left: var(--pf-c-content--ul--PaddingLeft);
-  margin-left: var(--pf-c-content--ul--MarginLeft);
-  list-style: var(--pf-c-content--ul--ListStyle);
+.pf-v5-c-content ul {
+  padding-left: var(--pf-v5-c-content--ul--PaddingLeft);
+  margin-left: var(--pf-v5-c-content--ul--MarginLeft);
+  list-style: var(--pf-v5-c-content--ul--ListStyle);
 }
-.pf-c-content ul ul {
-  --pf-c-content--ul--MarginLeft: var(--pf-c-content--ul--nested--MarginLeft);
-  margin-top: var(--pf-c-content--ul--nested--MarginTop);
+.pf-v5-c-content ul ul {
+  --pf-v5-c-content--ul--MarginLeft: var(--pf-v5-c-content--ul--nested--MarginLeft);
+  margin-top: var(--pf-v5-c-content--ul--nested--MarginTop);
 }
-.pf-c-content ul ol {
-  --pf-c-content--ol--MarginLeft: var(--pf-c-content--ol--nested--MarginLeft);
-  margin-top: var(--pf-c-content--ol--nested--MarginTop);
+.pf-v5-c-content ul ol {
+  --pf-v5-c-content--ol--MarginLeft: var(--pf-v5-c-content--ol--nested--MarginLeft);
+  margin-top: var(--pf-v5-c-content--ol--nested--MarginTop);
 }
-.pf-c-content dl {
+.pf-v5-c-content dl {
   display: grid;
   grid-template-columns: 1fr;
 }
 @media screen and (min-width: 576px) {
-  .pf-c-content dl {
+  .pf-v5-c-content dl {
     grid-template: auto/auto 1fr;
-    grid-row-gap: var(--pf-c-content--dl--RowGap);
-    grid-column-gap: var(--pf-c-content--dl--ColumnGap);
+    grid-row-gap: var(--pf-v5-c-content--dl--RowGap);
+    grid-column-gap: var(--pf-v5-c-content--dl--ColumnGap);
   }
 }
-.pf-c-content dt {
-  font-weight: var(--pf-c-content--dt--FontWeight);
+.pf-v5-c-content dt {
+  font-weight: var(--pf-v5-c-content--dt--FontWeight);
 }
-.pf-c-content dt:not(:first-child) {
-  margin-top: var(--pf-c-content--dt--MarginTop);
+.pf-v5-c-content dt:not(:first-child) {
+  margin-top: var(--pf-v5-c-content--dt--MarginTop);
 }
 @media screen and (min-width: 576px) {
-  .pf-c-content dt:not(:first-child) {
-    --pf-c-content--dt--MarginTop: var(--pf-c-content--dt--sm--MarginTop);
+  .pf-v5-c-content dt:not(:first-child) {
+    --pf-v5-c-content--dt--MarginTop: var(--pf-v5-c-content--dt--sm--MarginTop);
   }
 }
 @media screen and (min-width: 576px) {
-  .pf-c-content dt {
+  .pf-v5-c-content dt {
     grid-column: 1;
   }
 }
 @media screen and (min-width: 576px) {
-  .pf-c-content dd {
+  .pf-v5-c-content dd {
     grid-column: 2;
   }
 }

package/css/components/Content/content.d.ts

@@ -1,6 +1,6 @@
 import './content.css';
 declare const _default: {
-  "content": "pf-c-content",
+  "content": "pf-v5-c-content",
   "modifiers": {
     "visited": "pf-m-visited",
     "plain": "pf-m-plain"

package/css/components/Content/content.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 require('./content.css');
 exports.default = {
-  "content": "pf-c-content",
+  "content": "pf-v5-c-content",
   "modifiers": {
     "visited": "pf-m-visited",
     "plain": "pf-m-plain"

package/css/components/Content/content.mjs

@@ -1,6 +1,6 @@
 import './content.css';
 export default {
-  "content": "pf-c-content",
+  "content": "pf-v5-c-content",
   "modifiers": {
     "visited": "pf-m-visited",
     "plain": "pf-m-plain"