@workday/canvas-kit-css-text-input/dist/canvas-kit-css-text-input.css

The text-input css for canvas-kit-css

/*
 * Workday Canvas - canvas-kit-css-text-input v9.1.26
 * Copyright 2019-2023 Workday, Inc.
 */
.wdc-form-textinput input {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  background-color: #ffffff;
  display: block;
  border: 1px solid #7b858f;
  border-radius: 4px;
  min-width: 280px;
  line-height: 14px;
  padding: 8px;
  box-sizing: border-box;
  transition: 0.2s border-color, 0.2s box-shadow;
  height: 40px;
}
.wdc-form-textinput input.wdc-form-focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-textinput input:focus:not([disabled]):not(.wdc-form-disabled) {
  border-color: #0875e1;
  box-shadow: inset 0 0 0 1px #0875e1;
  outline: none;
}
.wdc-form-textinput input::placeholder {
  /* WebKit, Blink, Edge */
  color: #5e6a75;
}
.wdc-form-textinput input.wdc-form-focus:not([disabled]), .wdc-form-textinput input:focus:not([disabled]) {
  border-color: #0875e1;
  box-shadow: 0 0 0 1px #0875e1;
  outline: none;
}
.wdc-form-textinput input:disabled, .wdc-form-textinput input.wdc-form-disabled {
  cursor: default;
  background: #f6f7f8;
  border-color: #b9c0c7;
  pointer-events: none;
}
.wdc-form-textinput input:disabled::placeholder, .wdc-form-textinput input.wdc-form-disabled::placeholder {
  /* WebKit, Blink, Edge */
  color: #a1aab3;
}

.wdc-form-text {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
  display: block;
  margin-top: 8px;
}