@crystallize/design-system 1.6.1 → 1.8.0

package/dist/TableComponent-I2YOOYOU.css

@@ -1,281 +0,0 @@
-/* src/button/button.css */
-.c-btn {
-  display: inline-grid;
-  cursor: pointer;
-  grid-auto-flow: column;
-  align-items: center;
-  gap: 0.5rem;
-  white-space: nowrap;
-  border-radius: 0.25rem;
-  border-style: none;
-  background-color: transparent;
-  font-family:
-    Roboto,
-    ui-sans-serif,
-    system-ui,
-    -apple-system,
-    BlinkMacSystemFont,
-    "Segoe UI",
-    Roboto,
-    "Helvetica Neue",
-    Arial,
-    "Noto Sans",
-    sans-serif,
-    "Apple Color Emoji",
-    "Segoe UI Emoji",
-    "Segoe UI Symbol",
-    "Noto Color Emoji";
-  font-weight: 600;
-  color: rgb(var(--c-color-gray));
-  text-decoration-line: none;
-  outline-offset: -1px;
-}
-.c-btn:focus-visible {
-  outline-style: solid;
-  outline-width: 1px;
-  outline-color: inherit;
-  outline-color: currentColor;
-}
-.c-btn:disabled {
-  cursor: default;
-  --tw-text-opacity: 1;
-  color: rgb(var(--c-color-gray-300-600) / var(--tw-text-opacity));
-}
-.c-btn__prepend,
-.c-btn__append {
-  display: flex;
-  align-items: center;
-}
-.c-btn__prepend {
-  margin-left: -0.5rem;
-}
-.c-btn__append {
-  margin-right: -0.5rem;
-}
-.c-btn__loading-spinner {
-  position: absolute;
-  left: 0.25rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.c-btn,
-.c-btn .c-btn__loading-spinner {
-  --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity));
-}
-.c-btn:not(:disabled):hover {
-  outline-style: solid;
-  outline-width: 1px;
-  outline-color: rgb(var(--c-color-purple-200-700) / 1);
-}
-.c-btn:not(:disabled):active {
-  --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-purple-100-800) / var(--tw-bg-opacity));
-}
-.c-btn-loading {
-  position: relative;
-}
-.c-btn-loading .c-btn__prepend,
-.c-btn-loading .c-btn__append {
-  opacity: 0;
-  transition-property: opacity;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.c-btn-elevate {
-  --tw-shadow: 0 2px 4px rgba(130,138,144,0.15);
-  --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color);
-  box-shadow:
-    var(--tw-ring-offset-shadow, 0 0 #0000),
-    var(--tw-ring-shadow, 0 0 #0000),
-    var(--tw-shadow);
-}
-.c-btn-elevate,
-.c-btn-elevate .c-btn__loading-spinner {
-  --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-elevate) / var(--tw-bg-opacity));
-}
-.c-btn-elevate:not(:disabled):hover {
-  outline-color: rgb(var(--c-color-gray-100-800) / 1);
-}
-.c-btn-elevate:not(:disabled):active {
-  --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity));
-}
-.c-btn-action,
-.c-btn-action .c-btn__loading-spinner {
-  --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-cyan-100-800) / var(--tw-bg-opacity));
-}
-.c-btn-action:not(:disabled):hover {
-  outline-style: solid;
-  outline-width: 1px;
-  outline-color: rgb(var(--c-color-cyan-300-600) / 1);
-}
-.c-btn-action:not(:disabled):active {
-  --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-cyan-200-700) / var(--tw-bg-opacity));
-}
-.c-btn-danger {
-  --tw-text-opacity: 1;
-  color: rgb(var(--c-color-pink-600-300) / var(--tw-text-opacity));
-}
-.c-btn-danger:not(:disabled):hover {
-  outline-color: rgb(var(--c-color-pink-300-600) / 1);
-}
-.c-btn-xs {
-  height: 1.5rem;
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
-.c-btn-xs .c-btn__loading-spinner {
-  left: 3px;
-}
-.c-btn-sm {
-  height: 2.25rem;
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}
-.c-btn-md {
-  height: 2.75rem;
-  padding-left: 2rem;
-  padding-right: 2rem;
-  font-size: 1rem;
-  line-height: 1.5rem;
-}
-.c-btn-lg {
-  height: 3.5rem;
-  padding-left: 2.5rem;
-  padding-right: 2.5rem;
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}
-.c-btn-lg .c-btn__loading-spinner {
-  left: 0.5rem;
-}
-
-/* src/spinner/spinner.css */
-.c-spinner {
-  display: inline-flex;
-  align-items: center;
-}
-@keyframes spin {
-  to {
-    transform: rotate(360deg);
-  }
-  0% {
-    transform: rotate(0deg);
-    stroke-dashoffset: 26.4;
-  }
-  50% {
-    transform: rotate(720deg);
-    stroke-dashoffset: 125.6;
-  }
-  100% {
-    transform: rotate(1080deg);
-    stroke-dashoffset: 26.4;
-  }
-}
-.c-spinner-artifact {
-  animation: spin 2s linear infinite;
-  fill: transparent;
-}
-.c-spinner-children {
-  margin-left: 15px;
-  display: inline-block;
-}
-
-/* src/input-with-label/input-with-label.css */
-.c-input-with-label {
-  position: relative;
-  display: block;
-  border-radius: 0.25rem;
-  border-width: 1px;
-  border-style: solid;
-  border-color: transparent;
-  padding: 0.75rem;
-}
-.c-input-with-label-input-wrap {
-  margin-top: 0.25rem;
-  display: flex;
-}
-.c-input-with-label-input {
-  flex: 1 1 0%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font-size: 1rem;
-  line-height: 1.5rem;
-}
-.c-input-with-label-append {
-  margin-right: -0.75rem;
-  display: flex;
-  flex-shrink: 0;
-  align-items: center;
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-}
-.c-input-with-label-elevated {
-  --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-elevate) / var(--tw-bg-opacity));
-  --tw-shadow: 0 2px 4px rgba(130,138,144,0.15);
-  --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color);
-  box-shadow:
-    var(--tw-ring-offset-shadow, 0 0 #0000),
-    var(--tw-ring-shadow, 0 0 #0000),
-    var(--tw-shadow);
-}
-.c-input-with-label.c-input-with-label--error {
-  color: rgb(var(--c-color-pink-600-300));
-}
-.c-input-with-label-error {
-  margin-top: 0.25rem !important;
-  font-size: 0.75rem;
-  line-height: 1rem;
-  color: rgb(var(--c-color-pink-600-300));
-}
-.c-input-with-label-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}
-.c-input-with-label-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}
-
-/* src/input/input.css */
-.c-input {
-  border-style: none;
-  background-color: transparent;
-  padding: 0px;
-}
-.c-input::placeholder {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  font-style: italic;
-  --tw-text-opacity: 1;
-  color: rgb(var(--c-color-gray-300-600) / var(--tw-text-opacity));
-}
-.c-input:focus {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-}
-.c-input:disabled {
-  cursor: not-allowed;
-  --tw-text-opacity: 1;
-  color: rgb(var(--c-color-gray-400-500) / var(--tw-text-opacity));
-}
-
-/* src/label/label.css */
-.c-label {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  font-weight: 500;
-  --tw-text-opacity: 1;
-  color: rgb(var(--c-color-gray-500-400) / var(--tw-text-opacity));
-}