@cds/core 6.0.0-next.5 → 6.0.1

package/global.css

@@ -1,4 +1,9 @@
 @charset "UTF-8";
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
 :root {
   --cds-global-base: 20;
   --cds-global-scale-space: 1;
@@ -420,6 +425,11 @@
   --cds-internal-scale-3: calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-typography));
 }
 
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
 html {
   font-size: calc((var(--cds-global-base) / 16) * 100%);
   box-sizing: border-box !important;
@@ -460,6 +470,21 @@ html[cds-focus-trap] {
   height: 100vh;
 }
 
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
 [cds-text] {
   font-family: var(--cds-global-typography-font-family);
   margin-top: 0;
@@ -727,6 +752,10 @@ html[cds-focus-trap] {
   line-height: inherit !important;
   font-size: inherit !important;
 }
+[cds-text~=link]:focus {
+  outline: var(--cds-alias-object-interaction-outline);
+  outline-offset: var(--cds-alias-object-interaction-outline-offset);
+}
 [cds-text~=link]:hover {
   color: var(--cds-global-typography-link-color-hover) !important;
 }
@@ -737,6 +766,11 @@ html[cds-focus-trap] {
   color: var(--cds-global-typography-link-color-visited-hover) !important;
 }
 
+@media (-webkit-min-device-pixel-ratio: 0) {
+  [cds-text=link]:focus {
+    outline: var(--cds-alias-object-interaction-outline-webkit);
+  }
+}
 [cds-text~=code] {
   color: var(--cds-alias-status-danger);
   font-family: monospace;
@@ -838,11 +872,21 @@ html[cds-focus-trap] {
   content: none;
 }
 
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
 [cds-text*=h0] {
   font-family: var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);
   font-size: 2rem;
   font-weight: 200;
-  color: #333333;
+  color: var(--cds-global-typography-color-400);
   line-height: 1.2em;
   letter-spacing: -0.0125em;
 }
@@ -867,7 +911,7 @@ html[cds-focus-trap] {
   font-family: var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);
   font-size: 1.6rem;
   font-weight: 200;
-  color: #333333;
+  color: var(--cds-global-typography-color-400);
   line-height: 1.5em;
   letter-spacing: -0.0156em;
 }
@@ -892,7 +936,7 @@ html[cds-focus-trap] {
   font-family: var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);
   font-size: 1.4rem;
   font-weight: 200;
-  color: #333333;
+  color: var(--cds-global-typography-color-400);
   line-height: 1.7143em;
   letter-spacing: -0.017857em;
 }
@@ -917,7 +961,7 @@ html[cds-focus-trap] {
   font-family: var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);
   font-size: 1.1rem;
   font-weight: 200;
-  color: #333333;
+  color: var(--cds-global-typography-color-400);
   line-height: 1.0909em;
   letter-spacing: -0.013636em;
 }
@@ -942,7 +986,7 @@ html[cds-focus-trap] {
   font-family: var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);
   font-size: 0.9rem;
   font-weight: 200;
-  color: #333333;
+  color: var(--cds-global-typography-color-400);
   line-height: 1.333333em;
   letter-spacing: -0.011111em;
 }
@@ -967,7 +1011,7 @@ html[cds-focus-trap] {
   font-family: var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);
   font-size: 0.8rem;
   font-weight: 400;
-  color: #333333;
+  color: var(--cds-global-typography-color-400);
   line-height: 1.5em;
   letter-spacing: -0.0125em;
 }
@@ -992,7 +1036,7 @@ html[cds-focus-trap] {
   font-family: var(--cds-global-typography-header-font-family, "Clarity City", "Avenir Next", sans-serif);
   font-size: 0.7rem;
   font-weight: 500;
-  color: #333333;
+  color: var(--cds-global-typography-color-400);
   line-height: 1.5em;
   letter-spacing: -0.03125em;
 }
@@ -1016,7 +1060,7 @@ html[cds-focus-trap] {
 [cds-text*=p0] {
   font-size: 1.2rem;
   font-weight: 400;
-  color: #333333;
+  color: var(--cds-global-typography-color-500);
   line-height: 1.16667em;
   letter-spacing: -0.008333em;
 }
@@ -1040,7 +1084,7 @@ html[cds-focus-trap] {
 [cds-text*=p1] {
   font-size: 0.7rem;
   font-weight: 400;
-  color: #333333;
+  color: var(--cds-global-typography-color-400);
   line-height: 1.71429em;
   letter-spacing: -0.014286em;
 }
@@ -1064,7 +1108,7 @@ html[cds-focus-trap] {
 [cds-text*=p2] {
   font-size: 0.65rem;
   font-weight: 500;
-  color: #333333;
+  color: var(--cds-global-typography-color-400);
   line-height: 1.84615em;
   letter-spacing: -0.007692em;
 }
@@ -1088,7 +1132,7 @@ html[cds-focus-trap] {
 [cds-text*=p3] {
   font-size: 0.65rem;
   font-weight: 400;
-  color: #1a1a1a;
+  color: var(--cds-global-typography-color-400);
   line-height: 1.84615em;
   letter-spacing: -0.007692em;
 }
@@ -1112,7 +1156,7 @@ html[cds-focus-trap] {
 [cds-text*=p4] {
   font-size: 0.6rem;
   font-weight: 600;
-  color: #4d4d4d;
+  color: var(--cds-global-typography-color-400);
   line-height: 2em;
   letter-spacing: -0.008333em;
 }
@@ -1136,7 +1180,7 @@ html[cds-focus-trap] {
 [cds-text*=p5] {
   font-size: 0.6rem;
   font-weight: 400;
-  color: #1a1a1a;
+  color: var(--cds-global-typography-color-400);
   line-height: 2em;
   letter-spacing: -0.008333em;
 }
@@ -1160,7 +1204,7 @@ html[cds-focus-trap] {
 [cds-text*=p6] {
   font-size: 0.55rem;
   font-weight: 600;
-  color: #4d4d4d;
+  color: var(--cds-global-typography-color-400);
   line-height: 1.090909em;
   letter-spacing: 0.018182em;
 }
@@ -1184,7 +1228,7 @@ html[cds-focus-trap] {
 [cds-text*=p7] {
   font-size: 0.55rem;
   font-weight: 400;
-  color: #1a1a1a;
+  color: var(--cds-global-typography-color-400);
   line-height: 1.090909em;
   letter-spacing: 0.018182em;
 }
@@ -1208,7 +1252,7 @@ html[cds-focus-trap] {
 [cds-text*=p8] {
   font-size: 0.5rem;
   font-weight: 400;
-  color: black;
+  color: var(--cds-global-typography-color-400);
   line-height: 1.2em;
   letter-spacing: 0.02em;
 }
@@ -1229,6 +1273,21 @@ html[cds-focus-trap] {
   );
 }
 
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
 :root,
 :host {
   --δ1: var(--cds-global-layout-space-xxxs);
@@ -1242,6 +1301,16 @@ html[cds-focus-trap] {
   --δ9: var(--cds-global-layout-space-xxxl);
 }
 
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
 [cds-layout*="align:fill"] > * {
   flex-grow: 1 !important;
   flex-basis: 0 !important;
@@ -1355,6 +1424,11 @@ html[cds-focus-trap] {
     flex-grow: 0 !important;
   }
 }
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
 [cds-layout~=horizontal] {
   display: flex;
   flex-direction: row;
@@ -1796,6 +1870,11 @@ html[cds-focus-trap] {
     margin-right: auto !important;
   }
 }
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
 [cds-layout~=vertical] {
   width: 100%;
   display: flex;
@@ -2193,6 +2272,11 @@ html[cds-focus-trap] {
     margin-right: auto;
   }
 }
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
 [cds-layout~=grid] {
   display: grid;
   align-items: start;
@@ -4885,6 +4969,11 @@ html[cds-focus-trap] {
     justify-content: center;
   }
 }
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
 [cds-layout~="display:none"] {
   display: none !important;
 }
@@ -4973,6 +5062,7 @@ html[cds-focus-trap] {
     display: inline !important;
   }
 }
+::slotted([cds-layout~="display:screen-reader-only"]),
 [cds-layout~="display:screen-reader-only"] {
   position: absolute !important;
   clip: rect(1px, 1px, 1px, 1px);
@@ -4988,6 +5078,11 @@ html[cds-focus-trap] {
   display: block !important;
 }
 
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
 [cds-layout*="gap:none"] {
   gap: 0;
 }
@@ -8833,6 +8928,11 @@ html[cds-focus-trap] {
     margin-left: var(--δ9) !important;
   }
 }
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
 [cds-layout=no-scrolling] {
   overflow: hidden !important;
 }