@workday/canvas-kit-css 11.0.0-alpha.764-next.0 → 11.0.0-alpha.766-next.0

package/badge.css

@@ -10,10 +10,10 @@
 }
 
 .cnvs-count-badge {
+  box-sizing: border-box;
   align-items: center;
   animation: animation-d9cb82 0.2s ease;
   border-radius: var(--cnvs-sys-shape-round);
-  box-sizing: border-box;
   display: inline-flex;
   font-family: var(--cnvs-sys-font-family-default);
   font-size: var(--cnvs-sys-font-size-subtext-medium);

package/card.css

@@ -1,4 +1,5 @@
 .cnvs-card-heading {
+  box-sizing: border-box;
   color: var(--cnvs-sys-color-text-strong);
   font-weight: var(--cnvs-sys-font-weight-bold);
   margin-bottom: var(--cnvs-sys-space-x6);
@@ -6,8 +7,13 @@
 }
 
 
+.cnvs-card-body {
+  box-sizing: border-box;
+}
+
 
 .cnvs-card {
+  box-sizing: border-box;
   box-shadow: var(--cnvs-sys-depth-1);
   padding: var(--cnvs-sys-space-x8);
   background-color: var(--cnvs-sys-color-bg-default);

package/checkbox.css

@@ -1,4 +1,5 @@
 .cnvs-checkbox-ripple {
+  box-sizing: border-box;
   border-radius: var(--cnvs-sys-shape-round);
   box-shadow: none;
   height: calc(var(--cnvs-sys-space-x4) + 0.125rem);
@@ -10,6 +11,7 @@
 
 
 .cnvs-checkbox-container {
+  box-sizing: border-box;
   display: flex;
   align-items: center;
   min-height: var(--cnvs-sys-space-x6);
@@ -30,10 +32,10 @@
 
 
 .cnvs-checkbox-background {
+  box-sizing: border-box;
   align-items: center;
   background-color: var(--cnvs-sys-color-bg-default);
   border-radius: var(--cnvs-sys-shape-half);
-  box-sizing: border-box;
   display: flex;
   height: calc(var(--cnvs-sys-space-x4) + 0.125rem);
   justify-content: center;
@@ -59,6 +61,7 @@
 
 
 .cnvs-checkbox-check {
+  box-sizing: border-box;
   display: flex;
   flex-direction: column;
   max-width: 100%;
@@ -97,6 +100,7 @@
 
 
 .cnvs-indeterminate-box {
+  box-sizing: border-box;
   width: 0.625rem;
   height: calc(var(--cnvs-sys-space-x1) / 2);
   background-color: var(--cnvs-brand-primary-accent);
@@ -104,6 +108,7 @@
 
 
 .cnvs-checkbox-input {
+  box-sizing: border-box;
   border-radius: var(--cnvs-sys-shape-half);
   width: var(--cnvs-sys-space-x6);
   height: var(--cnvs-sys-space-x6);

package/collection.css

@@ -14,6 +14,7 @@
 
 
 .cnvs-list-box {
+  box-sizing: border-box;
   flex-direction: column;
   margin-top: var(--cnvs-sys-space-zero);
   margin-bottom: var(--cnvs-sys-space-zero);

package/combobox.css

@@ -1,10 +1,16 @@
+.cnvs-combobox-menu-list {
+  box-sizing: border-box;
+}
+
 
 .cnvs-combobox-menu-item-icon {
+  box-sizing: border-box;
   align-self: start;
 }
 
 
 .cnvs-combobox-menu-item {
+  box-sizing: border-box;
   min-height: var(--cnvs-sys-space-x10);
 }
 

package/icon.css

@@ -16,6 +16,7 @@
 
 
 .cnvs-accent-icon {
+  box-sizing: border-box;
   --cnvs-svg-size: 3.5rem;
 }
 
@@ -34,6 +35,7 @@
 
 
 .cnvs-applet-icon {
+  box-sizing: border-box;
   --cnvs-svg-size: 5.75rem;
 }
 
@@ -64,6 +66,7 @@
 
 .cnvs-system-icon {
   --cnvs-system-icon-backgroundColor: transparent;
+  box-sizing: border-box;
 }
 
 .cnvs-system-icon .wd-icon-fill {
@@ -92,6 +95,7 @@
 
 
 .cnvs-system-icon-circle {
+  box-sizing: border-box;
   background: var(--cnvs-system-icon-circle-backgroundColor, var(--cnvs-base-palette-soap-200));
   display: flex;
   align-items: center;
@@ -99,7 +103,6 @@
   padding: var(--cnvs-sys-space-zero);
   border: none;
   border-radius: var(--cnvs-sys-shape-round);
-  box-sizing: border-box;
   overflow: hidden;
   width: var(--cnvs-system-icon-circle-containerSize, var(--cnvs-sys-space-x10));
   height: var(--cnvs-system-icon-circle-containerSize, var(--cnvs-sys-space-x10));
@@ -113,6 +116,10 @@
 }
 
 
+.cnvs-graphic {
+  box-sizing: border-box;
+}
+
 .cnvs-graphic svg {
   width: var(--cnvs-graphic-width, 100%);
   height: var(--cnvs-graphic-height, 100%);

package/menu.css

@@ -2,6 +2,7 @@
   --cnvs-menu-card-minWidth: 0.0625rem;
   --cnvs-menu-card-transformOriginVertical: top;
   --cnvs-menu-card-transformOriginHorizontal: left;
+  box-sizing: border-box;
   font-family: var(--cnvs-base-font-family-50);
   font-weight: var(--cnvs-base-font-weight-400);
   line-height: var(--cnvs-base-line-height-100);
@@ -16,7 +17,6 @@
   max-width: calc(100vw - var(--cnvs-sys-space-x8));
   box-shadow: var(--cnvs-sys-depth-3);
   min-width: var(--cnvs-menu-card-minWidth);
-  box-sizing: border-box;
   transform-origin: var(--cnvs-menu-card-transformOriginVertical) var(--cnvs-menu-card-transformOriginHorizontal);
 }
 
@@ -26,6 +26,7 @@
 
 
 .cnvs-menu-list {
+  box-sizing: border-box;
   background: var(--cnvs-base-palette-french-vanilla-100);
   border-radius: var(--cnvs-sys-shape-zero);
   padding: var(--cnvs-sys-space-zero);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-css",
-  "version": "11.0.0-alpha.764-next.0",
+  "version": "11.0.0-alpha.766-next.0",
   "description": "The parent module that contains all Workday Canvas Kit CSS components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -25,5 +25,5 @@
     "components",
     "workday"
   ],
-  "gitHead": "d76c7698a6761ca15f9d54814fc53db72c183ebe"
+  "gitHead": "a0883a359bb6af9d380b1e562662713b99fad4cc"
 }

package/select.css

@@ -1,4 +1,5 @@
 .cnvs-select-input {
+  box-sizing: border-box;
   caret-color: transparent;
   cursor: default;
 }
@@ -9,12 +10,14 @@
 
 
 .cnvs-select-icons {
+  box-sizing: border-box;
   position: absolute;
   pointer-events: none;
 }
 
 
 .cnvs-hidden-select-input {
+  box-sizing: border-box;
   position: absolute;
   top: var(--cnvs-sys-space-zero);
   bottom: var(--cnvs-sys-space-zero);

package/switch.css

@@ -1,4 +1,5 @@
 .cnvs-switch-container {
+  box-sizing: border-box;
   position: relative;
   height: var(--cnvs-sys-space-x6);
   width: var(--cnvs-sys-space-x8);
@@ -6,6 +7,7 @@
 
 
 .cnvs-switch-input {
+  box-sizing: border-box;
   display: flex;
   position: absolute;
   height: var(--cnvs-sys-space-x6);
@@ -69,6 +71,7 @@
 
 
 .cnvs-switch-circle {
+  box-sizing: border-box;
   width: var(--cnvs-sys-space-x3);
   height: var(--cnvs-sys-space-x3);
   border-radius: var(--cnvs-sys-shape-round);

package/table.css

@@ -1,8 +1,8 @@
 .cnvs-table-head {
+  box-sizing: border-box;
   display: grid;
   background-color: var(--cnvs-base-palette-soap-100);
   min-height: 3rem;
-  box-sizing: border-box;
 }
 
 .cnvs-table-head th:first-of-type {
@@ -15,8 +15,8 @@
 
 
 .cnvs-table-body {
-  display: grid;
   box-sizing: border-box;
+  display: grid;
 }
 
 .cnvs-table-body tr:last-of-type td, .cnvs-table-body tr:last-of-type th {
@@ -37,14 +37,15 @@
 
 
 .cnvs-table-row {
+  box-sizing: border-box;
   display: grid;
   grid-auto-flow: column;
   grid-template-columns: repeat(var(--cnvs-children-cellNumber), minmax(10rem, 1fr));
-  box-sizing: border-box;
 }
 
 
 .cnvs-table-header {
+  box-sizing: border-box;
   display: grid;
   align-items: center;
   background-color: var(--cnvs-base-palette-french-vanilla-100);
@@ -54,11 +55,11 @@
   padding: var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x4);
   word-break: break-word;
   font-weight: var(--cnvs-sys-font-weight-medium);
-  box-sizing: border-box;
 }
 
 
 .cnvs-table-cell {
+  box-sizing: border-box;
   display: grid;
   align-items: center;
   background-color: var(--cnvs-base-palette-french-vanilla-100);
@@ -68,25 +69,25 @@
   min-height: 3.5rem;
   padding: var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x4);
   word-break: break-word;
-  box-sizing: border-box;
 }
 
 
 .cnvs-table-footer {
-  display: grid;
   box-sizing: border-box;
+  display: grid;
 }
 
 
 .cnvs-table-caption {
+  box-sizing: border-box;
   display: flex;
   border-bottom: 0.0625rem solid var(--cnvs-base-palette-soap-500);
   padding: var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x4);
-  box-sizing: border-box;
 }
 
 
 .cnvs-table {
+  box-sizing: border-box;
   font-family: var(--cnvs-base-font-family-50);
   font-weight: var(--cnvs-base-font-weight-400);
   line-height: var(--cnvs-base-line-height-100);
@@ -97,6 +98,5 @@
   border-radius: var(--cnvs-sys-shape-x2);
   overflow: auto;
   color: var(--cnvs-base-palette-black-pepper-300);
-  box-sizing: border-box;
 }
 

package/text.css

@@ -1,3 +1,7 @@
+.cnvs-text {
+  box-sizing: border-box;
+}
+
 
 .cnvs-text--type-level-title-large {
   font-family: var(--cnvs-base-font-family-50);
@@ -127,6 +131,7 @@
 
 
 .cnvs-label-text {
+  box-sizing: border-box;
   font-family: var(--cnvs-base-font-family-50);
   font-weight: var(--cnvs-base-font-weight-400);
   line-height: var(--cnvs-base-line-height-100);