@workday/canvas-kit-css 14.0.0-alpha.1164-next.0 → 14.0.0-alpha.1167-next.0

package/pagination.css

@@ -1,143 +0,0 @@
-.cnvs-pagination-controls {
-  box-sizing: border-box;
-  display: flex;
-  gap: var(--cnvs-sys-space-x1);
-  align-items: center;
-}
-
-
-.cnvs-pagination-list {
-  box-sizing: border-box;
-  display: flex;
-  margin-block: var(--cnvs-sys-space-zero);
-  margin-inline: var(--cnvs-sys-space-zero);
-  padding: var(--cnvs-sys-space-zero);
-  list-style: none;
-}
-
-
-.cnvs-pagination-list-item {
-  box-sizing: border-box;
-  display: flex;
-}
-
-
-.cnvs-pagination-page-list {
-  box-sizing: border-box;
-  display: flex;
-  margin: var(--cnvs-sys-space-zero);
-  padding-inline-start: var(--cnvs-sys-space-zero);
-  padding-inline-end: var(--cnvs-sys-space-zero);
-  gap: var(--cnvs-sys-space-x1);
-}
-
-
-.cnvs-pagination-page-button {
-  box-sizing: border-box;
-  min-width: var(--cnvs-sys-space-x8);
-  padding: var(--cnvs-sys-space-zero);
-  font-weight: var(--cnvs-sys-font-weight-normal);
-  --cnvs-button-label: var(--cnvs-sys-color-fg-default);
-}
-
-.cnvs-pagination-page-button:hover, .cnvs-pagination-page-button.hover {
-  --cnvs-button-background: var(--cnvs-sys-color-bg-alt-default);
-  --cnvs-button-label: var(--cnvs-sys-color-fg-strong);
-}
-
-.cnvs-pagination-page-button:active, .cnvs-pagination-page-button.active, .cnvs-pagination-page-button:focus-visible, .cnvs-pagination-page-button.focus {
-  --cnvs-button-label: var(--cnvs-sys-color-fg-strong);
-}
-
-.cnvs-pagination-page-button:disabled, .cnvs-pagination-page-button.disabled {
-  --cnvs-button-background: var(--cnvs-sys-color-fg-disabled);
-}
-
-
-.cnvs-pagination-page-button.toggled {
-  font-weight: var(--cnvs-sys-font-weight-bold);
-  --cnvs-button-background: var(--cnvs-brand-primary-base);
-  --cnvs-button-label: var(--cnvs-sys-color-fg-inverse);
-}
-
-.cnvs-pagination-page-button.toggled:hover, .cnvs-pagination-page-button.toggled.hover, .cnvs-pagination-page-button.toggled:active, .cnvs-pagination-page-button.toggled.active, .cnvs-pagination-page-button.toggled:focus-visible, .cnvs-pagination-page-button.toggled.focus {
-  --cnvs-button-background: var(--cnvs-brand-primary-base);
-  --cnvs-button-label: var(--cnvs-sys-color-fg-inverse);
-}
-
-.cnvs-pagination-page-button.toggled:disabled, .cnvs-pagination-page-button.toggled.disabled {
-  --cnvs-button-background: var(--cnvs-sys-color-fg-disabled);
-}
-
-
-.cnvs-pagination-additional-details {
-  box-sizing: border-box;
-  display: flex;
-  font-family: var(--cnvs-sys-font-family-default);
-  font-weight: var(--cnvs-sys-font-weight-normal);
-  line-height: var(--cnvs-sys-line-height-subtext-medium);
-  font-size: var(--cnvs-sys-font-size-subtext-medium);
-  letter-spacing: var(--cnvs-base-letter-spacing-100);
-  color: var(--cnvs-sys-color-text-hint);
-  margin-block-start: var(--cnvs-sys-space-x3);
-}
-
-
-.cnvs-pagination-additional-details.should-hide-details {
-  clip: rect(1px, 1px, 1px, 1px);
-  clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
-  position: absolute;
-  overflow: hidden;
-  white-space: nowrap;
-  height: 1px;
-  min-height: 1px;
-  width: 1px;
-  min-width: 1px;
-  margin: -1px;
-  padding: 0;
-  border: 0;
-  margin-block-start: var(--cnvs-sys-space-zero);
-}
-
-
-.cnvs-pagination-go-to-form {
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  gap: var(--cnvs-sys-space-x2);
-}
-
-.cnvs-pagination-go-to-form :dir(rtl) {
-  padding-inline-start: var(--cnvs-sys-space-x2);
-  padding-inline-end: var(--cnvs-sys-space-x2);
-}
-
-
-.cnvs-pagination-go-to-text-input {
-  box-sizing: border-box;
-  min-width: 3.4375rem;
-  width: 3.4375rem;
-}
-
-
-.cnvs-pagination-go-to-label {
-  box-sizing: border-box;
-  white-space: nowrap;
-}
-
-
-.cnvs-pagination {
-  box-sizing: border-box;
-  display: inline-flex;
-  flex-direction: column;
-  align-items: center;
-}
-
-
-.cnvs-pagination-nav {
-  box-sizing: border-box;
-  display: inline-flex;
-  flex-direction: column;
-  align-items: center;
-}
-

package/popup.css

@@ -1,72 +0,0 @@
-.cnvs-disable-body-scroll {
-  overflow: hidden!important;
-}
-
-
-@keyframes animation-pt3z10 {
-  0% {
-    opacity: 1;
-    transform: translate(var(--cnvs-translate-position-x), var(--cnvs-translate-position-y));
-  }
-  
-  100% {
-    opacity: 1;
-    transform: translate(0);
-  }
-  
-}
-
-.cnvs-popup-card {
-  box-sizing: border-box;
-  font-family: var(--cnvs-sys-font-family-default);
-  font-weight: var(--cnvs-sys-font-weight-normal);
-  line-height: var(--cnvs-sys-line-height-subtext-large);
-  font-size: var(--cnvs-sys-font-size-subtext-large);
-  letter-spacing: var(--cnvs-base-letter-spacing-150);
-  position: relative;
-  max-width: calc(100vw - var(--cnvs-sys-space-x8));
-  gap: var(--cnvs-sys-space-x2);
-  box-shadow: var(--cnvs-sys-depth-5);
-  min-height: var(--cnvs-sys-space-zero);
-  padding: var(--cnvs-sys-space-x6);
-  max-height: var(--cnvs-popup-card-max-height);
-  overflow-y: auto;
-  animation-name: animation-pt3z10;
-  animation-duration: 150ms;
-  animation-timing-function: ease-out;
-  transform-origin: var(--cnvs-popup-card-transform-origin-vertical) var(--cnvs-popup-card-transform-origin-horizontal);
-}
-
-.wd-no-animation .cnvs-popup-card {
-  animation: none;
-}
-
-@media screen and (max-width: 768px) {
-.cnvs-popup-card {
-  transform-origin: bottom center;
-}
-
-
-}
-
-
-.cnvs-popup-heading {
-  box-sizing: border-box;
-  padding: var(--cnvs-sys-space-x2);
-}
-
-
-.cnvs-popup-close-icon {
-  box-sizing: border-box;
-  position: absolute;
-  inset-inline-end: var(--cnvs-sys-space-x1);
-  top: var(--cnvs-sys-space-x1);
-}
-
-
-.cnvs-popup-body {
-  box-sizing: border-box;
-  overflow-y: auto;
-  padding: var(--cnvs-sys-space-x2);
-}
-

package/segmented-control.css

@@ -1,75 +0,0 @@
-.cnvs-segmented-control-button {
-  box-sizing: border-box;
-  border-inline-start: none;
-  min-width: auto;
-  --cnvs-button-background: var(--cnvs-sys-color-bg-alt-soft);
-  --cnvs-button-border: var(--cnvs-sys-color-border-container);
-  --cnvs-button-border-radius: var(--cnvs-sys-shape-zero);
-  --cnvs-system-icon-color: var(--cnvs-sys-color-fg-muted-soft);
-}
-
-.cnvs-segmented-control-button:hover, .cnvs-segmented-control-button.hover {
-  --cnvs-button-background: var(--cnvs-sys-color-bg-alt-default);
-  --cnvs-system-icon-color: var(--cnvs-sys-color-icon-strong);
-}
-
-.cnvs-segmented-control-button:active, .cnvs-segmented-control-button.active {
-  --cnvs-button-background: var(--cnvs-sys-color-bg-alt-stronger);
-}
-
-.cnvs-segmented-control-button:disabled, .cnvs-segmented-control-button.disabled {
-  --cnvs-button-background: var(--cnvs-sys-color-bg-alt-softer);
-  --cnvs-button-border: var(--cnvs-sys-color-border-container);
-  --cnvs-system-icon-color: var(--cnvs-sys-color-icon-soft);
-}
-
-.cnvs-segmented-control-button:first-of-type {
-  border-radius: var(--cnvs-sys-shape-x1) 0 0 var(--cnvs-sys-shape-x1);
-  border-inline-start: 0.0625rem solid var(--cnvs-sys-color-border-container);
-}
-
-.cnvs-segmented-control-button:last-of-type {
-  border-radius: 0 var(--cnvs-sys-shape-x1) var(--cnvs-sys-shape-x1) 0;
-}
-
-.cnvs-segmented-control-button[aria-pressed="true"] {
-  --cnvs-button-background: var(--cnvs-brand-primary-base);
-  --cnvs-button-border: var(--cnvs-brand-primary-base);
-  --cnvs-system-icon-color: var(--cnvs-sys-color-fg-inverse);
-}
-
-.cnvs-segmented-control-button[aria-pressed="true"]:first-of-type {
-  border-inline-start-color: var(--cnvs-brand-primary-base);
-}
-
-.cnvs-segmented-control-button[aria-pressed="true"]:disabled, .cnvs-segmented-control-button[aria-pressed="true"].disabled {
-  --cnvs-button-background: var(--cnvs-sys-color-bg-alt-softer);
-  --cnvs-button-border: var(--cnvs-sys-color-border-container);
-  --cnvs-system-icon-color: var(--cnvs-sys-color-icon-soft);
-}
-
-.cnvs-segmented-control-button:focus-visible, .cnvs-segmented-control-button.focus {
-  border-radius: var(--cnvs-sys-shape-x1);
-  z-index: 1;
-  animation: none;
-  transition: all 120ms border-radius 1ms;
-}
-
-
-.cnvs-segmented-control-button.segmented-control-button-size-small {
-  width: var(--cnvs-sys-space-x8);
-  height: var(--cnvs-sys-space-x8);
-}
-
-
-.cnvs-segmented-control-button.segmented-control-button-size-medium {
-  width: var(--cnvs-sys-space-x10);
-  height: var(--cnvs-sys-space-x10);
-}
-
-
-.cnvs-segmented-control-button.segmented-control-button-size-large {
-  width: calc(var(--cnvs-sys-space-x10) + var(--cnvs-sys-space-x2));
-  height: calc(var(--cnvs-sys-space-x10) + var(--cnvs-sys-space-x2));
-}
-

package/select.css

@@ -1,37 +0,0 @@
-.cnvs-select-input {
-  box-sizing: border-box;
-}
-
-.cnvs-select-input [data-part="select-hidden-input"] {
-  position: absolute;
-  top: var(--cnvs-sys-space-zero);
-  bottom: var(--cnvs-sys-space-zero);
-  left: var(--cnvs-sys-space-zero);
-  right: var(--cnvs-sys-space-zero);
-  opacity: var(--cnvs-sys-opacity-zero);
-  cursor: default;
-  pointer-events: none;
-  min-width: 100%;
-  width: 100%;
-}
-
-.cnvs-select-input [data-part="select-start-icon"], .cnvs-select-input [data-part="select-end-icon"], .cnvs-select-input [data-part="select-caret-container"], .cnvs-select-input [data-part="select-start-icon-container"] {
-  position: absolute;
-  pointer-events: none;
-}
-
-.cnvs-select-input [data-part="select-visual-input"] {
-  caret-color: transparent;
-  cursor: default;
-}
-
-.cnvs-select-input [data-part="select-visual-input"]::selection {
-  background-color: transparent;
-}
-
-
-.cnvs-select-card {
-  box-sizing: border-box;
-  --cnvs-menu-card-max-height: 18.75rem;
-}
-

package/skeleton.css

@@ -1,73 +0,0 @@
-.cnvs-skeleton-shape {
-  box-sizing: border-box;
-  background-color: var(--cnvs-skeleton-shape-background-color, var(--cnvs-sys-color-bg-alt-strong));
-  border-radius: var(--cnvs-skeleton-shape-border-radius, var(--cnvs-sys-space-zero));
-  height: var(--cnvs-skeleton-shape-height, 100%);
-  width: var(--cnvs-skeleton-shape-width);
-  margin-bottom: var(--cnvs-sys-space-x4);
-}
-
-
-.cnvs-skeleton-header {
-  box-sizing: border-box;
-  background-color: var(--cnvs-skeleton-header-background-color, var(--cnvs-sys-color-bg-alt-strong));
-  border-radius: 0;
-  height: var(--cnvs-skeleton-header-height, calc(var(--cnvs-sys-space-x1) * 7));
-  width: var(--cnvs-skeleton-header-width);
-  margin-bottom: var(--cnvs-sys-space-x4);
-}
-
-
-.cnvs-skeleton-text {
-  box-sizing: border-box;
-  margin-bottom: var(--cnvs-sys-space-x6);
-}
-
-.cnvs-skeleton-text [data-part="skeleton-text-lines"] {
-  background-color: var(--cnvs-skeleton-text-background-color, var(--cnvs-sys-color-bg-alt-strong));
-  height: 1.3125rem;
-  margin-block-end: var(--cnvs-sys-space-x3);
-  border-radius: var(--cnvs-sys-shape-half);
-  width: 100%;
-}
-
-.cnvs-skeleton-text [data-part="skeleton-text-lines"]:last-child {
-  width: 60%;
-}
-
-
-@keyframes animation-pt3z77 {
-  from {
-    opacity: 0.4;
-  }
-  
-  to {
-    opacity: 1;
-  }
-  
-}
-
-.cnvs-skeleton {
-  box-sizing: border-box;
-  animation: animation-pt3z77 0.8s linear infinite alternate;
-  position: relative;
-  overflow: hidden;
-  height: 100%;
-  width: 100%;
-}
-
-.cnvs-skeleton [data-part="skeleton-accessible-hide"] {
-  clip: rect(1px, 1px, 1px, 1px);
-  clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
-  position: absolute;
-  overflow: hidden;
-  white-space: nowrap;
-  height: 1px;
-  min-height: 1px;
-  width: 1px;
-  min-width: 1px;
-  margin: -1px;
-  padding: 0;
-  border: 0;
-}
-

package/switch.css

@@ -1,93 +0,0 @@
-.cnvs-switch-container {
-  box-sizing: border-box;
-  position: relative;
-  height: var(--cnvs-sys-space-x6);
-  width: var(--cnvs-sys-space-x8);
-}
-
-
-.cnvs-switch-input {
-  box-sizing: border-box;
-  display: flex;
-  position: absolute;
-  height: var(--cnvs-sys-space-x6);
-  width: var(--cnvs-sys-space-x8);
-  margin: var(--cnvs-sys-space-zero);
-  margin-left: var(--cnvs-sys-space-x1);
-  border-radius: var(--cnvs-sys-shape-round);
-  opacity: 0;
-  cursor: pointer;
-}
-
-.cnvs-switch-input:checked~div:first-of-type, .cnvs-switch-input.checked~div:first-of-type {
-  background-color: var(--cnvs-brand-primary-base);
-}
-
-.cnvs-switch-input:checked:disabled~div:first-of-type, .cnvs-switch-input.checked:disabled~div:first-of-type, .cnvs-switch-input:checked.disabled~div:first-of-type, .cnvs-switch-input.checked.disabled~div:first-of-type {
-  opacity: var(--cnvs-sys-opacity-disabled);
-}
-
-.cnvs-switch-input:disabled, .cnvs-switch-input.disabled {
-  cursor: not-allowed;
-}
-
-.cnvs-switch-input:disabled~div:first-of-type, .cnvs-switch-input.disabled~div:first-of-type {
-  opacity: var(--cnvs-sys-opacity-disabled);
-}
-
-.cnvs-switch-input:focus-visible, .cnvs-switch-input:focus, .cnvs-switch-input.focus {
-  outline: none;
-}
-
-.cnvs-switch-input:focus-visible~div:first-of-type, .cnvs-switch-input:focus~div:first-of-type, .cnvs-switch-input.focus~div:first-of-type {
-  box-shadow: 0 0 0 2px var(--cnvs-sys-color-border-inverse, rgba(255,255,255,1)),0 0 0 4px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));
-}
-
-
-.cnvs-switch-input.error-error~div:first-of-type {
-  box-shadow: 0 0 0 0.125rem var(--cnvs-sys-color-border-inverse),0 0 0 var(--cnvs-sys-space-x1) var(--cnvs-brand-error-base),0 0 0 0.3125rem transparent;
-}
-
-
-.cnvs-switch-input.error-alert~div:first-of-type {
-  box-shadow: 0 0 0 0.125rem var(--cnvs-sys-color-border-inverse),0 0 0 var(--cnvs-sys-space-x1) var(--cnvs-brand-alert-base),0 0 0 0.3125rem var(--cnvs-brand-alert-darkest);
-}
-
-
-.cnvs-switch-background {
-  box-sizing: border-box;
-  position: absolute;
-  display: flex;
-  align-items: center;
-  pointer-events: none;
-  margin-top: var(--cnvs-sys-space-x1);
-  width: var(--cnvs-sys-space-x8);
-  height: var(--cnvs-sys-space-x4);
-  border-radius: var(--cnvs-sys-shape-round);
-  padding: var(--cnvs-sys-space-zero) 0.125rem;
-  transition: background-color 200ms ease;
-  background-color: var(--cnvs-sys-color-bg-muted-soft);
-}
-
-
-.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);
-  box-shadow: var(--cnvs-sys-depth-1);
-  transition: transform 150ms ease;
-  pointer-events: none;
-  background-color: var(--cnvs-brand-primary-accent);
-  transform: translateX(var(--cnvs-sys-space-zero));
-}
-
-
-.cnvs-switch-circle.checked {
-  transform: translateX(var(--cnvs-sys-space-x4));
-}
-
-.cnvs-switch-circle.checked :dir(rtl) {
-  transform: translateX(calc(var(--cnvs-sys-space-x4) * -1));
-}
-

package/table.css

@@ -1,132 +0,0 @@
-.cnvs-base-table-head {
-  box-sizing: border-box;
-  background-color: var(--cnvs-sys-color-bg-alt-softer);
-  min-height: calc(var(--cnvs-sys-space-x16) - var(--cnvs-sys-space-x4));
-}
-
-.cnvs-base-table-head th:first-of-type {
-  border-inline-start: none;
-}
-
-.cnvs-base-table-head th:last-of-type {
-  border-inline-end: none;
-}
-
-
-.cnvs-base-table-body {
-  box-sizing: border-box;
-}
-
-.cnvs-base-table-body tr:last-of-type td, .cnvs-base-table-body tr:last-of-type th {
-  border-bottom: none;
-}
-
-.cnvs-base-table-body tr:first-of-type td, .cnvs-base-table-body tr:first-of-type th {
-  border-top: none;
-}
-
-.cnvs-base-table-body td:last-of-type {
-  border-inline-end: none;
-}
-
-.cnvs-base-table-body td:first-of-type {
-  border-inline-start: none;
-}
-
-
-.cnvs-base-table-header {
-  box-sizing: border-box;
-  background-color: var(--cnvs-sys-color-bg-default);
-  border-bottom: 0.0625rem solid var(--cnvs-sys-color-border-divider);
-  justify-content: start;
-  min-height: calc(var(--cnvs-sys-space-x16) - var(--cnvs-sys-space-x2));
-  padding: var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x4);
-  word-break: break-word;
-  font-weight: var(--cnvs-sys-font-weight-medium);
-}
-
-
-.cnvs-base-table-cell {
-  box-sizing: border-box;
-  align-items: center;
-  background-color: var(--cnvs-sys-color-bg-default);
-  border-bottom: 0.0625rem solid var(--cnvs-sys-color-border-divider);
-  grid-template-columns: 1fr;
-  justify-content: start;
-  min-height: 3.5rem;
-  padding: var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x4);
-  word-break: break-word;
-}
-
-
-.cnvs-base-table-caption {
-  box-sizing: border-box;
-  padding: var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x4);
-}
-
-
-.cnvs-base-table {
-  box-sizing: border-box;
-  font-family: var(--cnvs-sys-font-family-default);
-  font-weight: var(--cnvs-sys-font-weight-normal);
-  line-height: var(--cnvs-sys-line-height-subtext-large);
-  font-size: var(--cnvs-sys-font-size-subtext-large);
-  letter-spacing: var(--cnvs-base-letter-spacing-150);
-  border: 0.0625rem solid var(--cnvs-sys-color-border-container);
-  border-radius: var(--cnvs-sys-shape-x2);
-  overflow: auto;
-  color: var(--cnvs-sys-color-text-default);
-}
-
-
-.cnvs-table-row {
-  box-sizing: border-box;
-  display: grid;
-  grid-auto-flow: column;
-  grid-template-columns: repeat(var(--cnvs-table-row-children-cell-number), minmax(10rem, 1fr));
-}
-
-
-.cnvs-table {
-  box-sizing: border-box;
-  display: grid;
-}
-
-
-.cnvs-table-body {
-  box-sizing: border-box;
-  display: grid;
-}
-
-
-.cnvs-table-caption {
-  box-sizing: border-box;
-  display: flex;
-  border-bottom: 0.0625rem solid var(--cnvs-sys-color-border-container);
-}
-
-
-.cnvs-table-cell {
-  box-sizing: border-box;
-  display: grid;
-}
-
-
-.cnvs-table-footer {
-  box-sizing: border-box;
-  display: grid;
-}
-
-
-.cnvs-table-head {
-  box-sizing: border-box;
-  display: grid;
-}
-
-
-.cnvs-table-header {
-  box-sizing: border-box;
-  display: grid;
-  align-items: center;
-}
-