@ardium-pl/ui 5.0.0-alpha.106

package/prebuilt-themes/default/table.css

@@ -0,0 +1,467 @@
+@layer ard-ui {
+  :root {
+    --ard-table-cell-padding: 0 0.75rem;
+    --ard-table-header-gap: 0.75rem;
+    --ard-table-header-cell-height: 3.375rem;
+    --ard-table-header-cell-font-weight: 500;
+    --ard-table-header-cell-letter-spacing: 0.25px;
+    --ard-table-body-cell-height: 3rem;
+    --ard-table-disabled-row-opacity: 50%;
+    --ard-table-bold-row-font-weight: 600;
+    --ard-table-sticky-header-top: 0;
+    --ard-table-sticky-header-z-index: 2;
+    --ard-table-caption-height: 3.125rem;
+    --ard-table-progress-bar-height: 0.1875rem;
+    --ard-table-progress-bar-z-index: 1;
+    --ard-table-sort-gap: 0.375rem;
+    --ard-table-sort-border-radius: 0.25rem;
+    --ard-table-sort-outline-offset: 0.25rem;
+    --ard-table-sort-outline-width: 2px;
+    --ard-table-sort-outline-color: black;
+    --ard-table-sort-icon-size: 1rem;
+    --ard-table-sort-icon-weight: 900;
+    --ard-table-border-radius: 0.5rem;
+  }
+  .ard-table {
+    border-collapse: collapse;
+    background: var(--ard-table-background, var(--ard-bg));
+    --ard-_table-header-border: var(--ard-cmpcl--border);
+    --ard-_table-header-border-light: var(--ard-cmpcl--border-light);
+    --ard-_table-border: var(--ard-table-border-color-strong, var(--ard-border));
+    --ard-_table-header-background: var(--ard-cmpcl--bg);
+    --ard-_table-header-background-light: var(--ard-cmpcl--bg-header);
+    --ard-_table-header-color: var(--ard-cmpcl--content);
+    --ard-_table-header-color-on-bg: var(--ard-cmpcl--on-bg);
+    --ard-_table-overlay: var(--ard-cmpcl--overlay-rgb);
+    --ard-_table-overlay-colorless: var(--ard-overlay-rgb);
+  }
+  .ard-table.ard-color-none {
+    --ard-cmpcl--bg: var(--ard-bg);
+    --ard-cmpcl--bg-colored: var(--ard-bg-alt);
+    --ard-cmpcl--bg-colored-light: var(--ard-detail-light);
+    --ard-cmpcl--bg-header: var(--ard-bg-filled);
+    --ard-cmpcl--bg-colored-verylight: var(--ard-bg-darker);
+    --ard-cmpcl--on-bg: var(--ard-text);
+    --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+    --ard-cmpcl--on-bg-colored-light: var(--ard-text);
+    --ard-cmpcl--border: var(--ard-text);
+    --ard-cmpcl--border-light: var(--ard-text2);
+    --ard-cmpcl--content: var(--ard-text);
+    --ard-cmpcl--content-light: var(--ard-text-alt);
+    --ard-cmpcl--overlay-rgb: var(--ard-overlay-rgb);
+    --ard-cmpcl--overlay: var(--ard-overlay);
+    --ard-cmpcl--overlay-colored: var(--ard-overlay);
+    --ard-cmpcl--overlay-colored-light: var(--ard-text-alt);
+  }
+  .ard-table.ard-color-primary {
+    --ard-cmpcl--bg: rgb(var(--ard-primary-500));
+    --ard-cmpcl--bg-colored: rgb(var(--ard-primary-500));
+    --ard-cmpcl--bg-colored-light: rgb(var(--ard-primary-100));
+    --ard-cmpcl--bg-header: rgb(var(--ard-primary-100));
+    --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-primary-50));
+    --ard-cmpcl--on-bg: var(--ard-text-alt);
+    --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+    --ard-cmpcl--on-bg-colored-light: var(--ard-text);
+    --ard-cmpcl--border: rgb(var(--ard-primary-300));
+    --ard-cmpcl--border-light: rgb(var(--ard-primary-100));
+    --ard-cmpcl--content: rgb(var(--ard-primary-700));
+    --ard-cmpcl--content-light: rgb(var(--ard-primary-300));
+    --ard-cmpcl--overlay-rgb: var(--ard-primary-500);
+    --ard-cmpcl--overlay: var(--ard-overlay);
+    --ard-cmpcl--overlay-colored: rgb(var(--ard-primary-700));
+    --ard-cmpcl--overlay-colored-light: rgb(var(--ard-primary-100));
+  }
+  .ard-table.ard-color-secondary {
+    --ard-cmpcl--bg: rgb(var(--ard-secondary-500));
+    --ard-cmpcl--bg-colored: rgb(var(--ard-secondary-500));
+    --ard-cmpcl--bg-colored-light: rgb(var(--ard-secondary-50));
+    --ard-cmpcl--bg-header: rgb(var(--ard-secondary-50));
+    --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-secondary-50));
+    --ard-cmpcl--on-bg: var(--ard-text-alt);
+    --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+    --ard-cmpcl--on-bg-colored-light: var(--ard-text);
+    --ard-cmpcl--border: rgb(var(--ard-secondary-300));
+    --ard-cmpcl--border-light: rgb(var(--ard-secondary-100));
+    --ard-cmpcl--content: rgb(var(--ard-secondary-700));
+    --ard-cmpcl--content-light: rgb(var(--ard-secondary-300));
+    --ard-cmpcl--overlay-rgb: var(--ard-secondary-500);
+    --ard-cmpcl--overlay: var(--ard-overlay);
+    --ard-cmpcl--overlay-colored: rgb(var(--ard-secondary-700));
+    --ard-cmpcl--overlay-colored-light: rgb(var(--ard-secondary-100));
+  }
+  .ard-table.ard-color-warn {
+    --ard-cmpcl--bg: rgb(var(--ard-warn-500));
+    --ard-cmpcl--bg-colored: rgb(var(--ard-warn-500));
+    --ard-cmpcl--bg-colored-light: rgb(var(--ard-warn-50));
+    --ard-cmpcl--bg-header: rgb(var(--ard-warn-50));
+    --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-warn-50));
+    --ard-cmpcl--on-bg: var(--ard-text-alt);
+    --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+    --ard-cmpcl--on-bg-colored-light: var(--ard-text);
+    --ard-cmpcl--border: rgb(var(--ard-warn-300));
+    --ard-cmpcl--border-light: rgb(var(--ard-warn-100));
+    --ard-cmpcl--content: rgb(var(--ard-warn-700));
+    --ard-cmpcl--content-light: rgb(var(--ard-warn-100));
+    --ard-cmpcl--overlay-rgb: var(--ard-warn-500);
+    --ard-cmpcl--overlay: var(--ard-overlay);
+    --ard-cmpcl--overlay-colored: rgb(var(--ard-warn-700));
+    --ard-cmpcl--overlay-colored-light: rgb(var(--ard-warn-100));
+  }
+  .ard-table.ard-color-danger {
+    --ard-cmpcl--bg: rgb(var(--ard-danger-700));
+    --ard-cmpcl--bg-colored: rgb(var(--ard-danger-700));
+    --ard-cmpcl--bg-colored-light: rgb(var(--ard-danger-100));
+    --ard-cmpcl--bg-header: rgb(var(--ard-danger-100));
+    --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-danger-50));
+    --ard-cmpcl--on-bg: var(--ard-text-alt);
+    --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+    --ard-cmpcl--on-bg-colored-light: var(--ard-text);
+    --ard-cmpcl--border: rgb(var(--ard-danger-300));
+    --ard-cmpcl--border-light: rgb(var(--ard-danger-100));
+    --ard-cmpcl--content: rgb(var(--ard-danger-900));
+    --ard-cmpcl--content-light: rgb(var(--ard-danger-500));
+    --ard-cmpcl--overlay-rgb: var(--ard-danger-700);
+    --ard-cmpcl--overlay: var(--ard-overlay);
+    --ard-cmpcl--overlay-colored: rgb(var(--ard-danger-700));
+    --ard-cmpcl--overlay-colored-light: rgb(var(--ard-danger-300));
+  }
+  .ard-table.ard-color-success {
+    --ard-cmpcl--bg: rgb(var(--ard-success-700));
+    --ard-cmpcl--bg-colored: rgb(var(--ard-success-700));
+    --ard-cmpcl--bg-colored-light: rgb(var(--ard-success-50));
+    --ard-cmpcl--bg-header: rgb(var(--ard-success-50));
+    --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-success-50));
+    --ard-cmpcl--on-bg: var(--ard-text-alt);
+    --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+    --ard-cmpcl--on-bg-colored-light: var(--ard-text);
+    --ard-cmpcl--border: rgb(var(--ard-success-300));
+    --ard-cmpcl--border-light: rgb(var(--ard-success-100));
+    --ard-cmpcl--content: rgb(var(--ard-success-900));
+    --ard-cmpcl--content-light: rgb(var(--ard-success-300));
+    --ard-cmpcl--overlay-rgb: var(--ard-success-700);
+    --ard-cmpcl--overlay: var(--ard-overlay);
+    --ard-cmpcl--overlay-colored: rgb(var(--ard-success-700));
+    --ard-cmpcl--overlay-colored-light: rgb(var(--ard-success-300));
+  }
+  .ard-table.ard-color-info {
+    --ard-cmpcl--bg: rgb(var(--ard-info-500));
+    --ard-cmpcl--bg-colored: rgb(var(--ard-info-500));
+    --ard-cmpcl--bg-colored-light: rgb(var(--ard-info-50));
+    --ard-cmpcl--bg-header: rgb(var(--ard-info-50));
+    --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-info-50));
+    --ard-cmpcl--on-bg: var(--ard-text-alt);
+    --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+    --ard-cmpcl--on-bg-colored-light: var(--ard-text);
+    --ard-cmpcl--border: rgb(var(--ard-info-300));
+    --ard-cmpcl--border-light: rgb(var(--ard-info-100));
+    --ard-cmpcl--content: rgb(var(--ard-info-700));
+    --ard-cmpcl--content-light: rgb(var(--ard-info-300));
+    --ard-cmpcl--overlay-rgb: var(--ard-info-500);
+    --ard-cmpcl--overlay: var(--ard-overlay);
+    --ard-cmpcl--overlay-colored: rgb(var(--ard-info-700));
+    --ard-cmpcl--overlay-colored-light: rgb(var(--ard-info-100));
+  }
+  .ard-table.ard-color-currentColor {
+    --ard-cmpcl--bg: var(--ard-bg);
+    --ard-cmpcl--bg-colored: currentColor;
+    --ard-cmpcl--on-bg: currentColor;
+    --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+    --ard-cmpcl--border: currentColor;
+    --ard-cmpcl--border-light: currentColor;
+    --ard-cmpcl--content: currentColor;
+    --ard-cmpcl--content-light: currentColor;
+    --ard-cmpcl--overlay-rgb: var(--ard-overlay-rgb);
+    --ard-cmpcl--overlay: var(--ard-overlay);
+    --ard-cmpcl--overlay-colored: currentColor;
+    --ard-cmpcl--overlay-colored-light: currentColor;
+  }
+  .ard-table .ard-table__body {
+    border: var(--ard-table-border-width, 1px) var(--ard-table-border-style, solid) var(--ard-table-border-color, var(--ard-detail-ultralight));
+  }
+  .ard-table .ard-table__header-cell,
+  .ard-table .ard-table__body-cell {
+    box-sizing: border-box;
+  }
+  .ard-table .ard-table__header-cell > .ard-table__cell-container,
+  .ard-table .ard-table__body-cell > .ard-table__cell-container {
+    height: max-content;
+    max-height: 100%;
+    padding: var(--ard-table-cell-padding, 0 0.75rem);
+    box-sizing: border-box;
+    font-size: var(--ard-form-field-font-size, 0.875rem);
+  }
+  .ard-table .ard-table__header-cell > .ard-table__cell-container .ard-table__header-template-container,
+  .ard-table .ard-table__body-cell > .ard-table__cell-container .ard-table__header-template-container {
+    display: flex;
+    align-items: center;
+    gap: var(--ard-table-header-gap, 0.75rem);
+  }
+  .ard-table .ard-table__header-cell > .ard-table__cell-container .ard-table__header-template-container .ard-table__header-content-container,
+  .ard-table .ard-table__body-cell > .ard-table__cell-container .ard-table__header-template-container .ard-table__header-content-container {
+    overflow-x: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .ard-table .ard-table__header-cell {
+    height: var(--ard-table-header-cell-height, 3.375rem);
+    font-weight: var(--ard-table-header-cell-font-weight, 500);
+    letter-spacing: var(--ard-table-header-cell-letter-spacing, 0.25px);
+  }
+  .ard-table .ard-table__body-cell {
+    height: var(--ard-table-body-cell-height, 3rem);
+    transition: background-color 0.15s ease;
+  }
+  .ard-table .ard-table__body-cell .ard-table__cell-container {
+    overflow-x: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .ard-table .ard-table__checkbox-cell > .ard-table__cell-container {
+    width: var(--ard-table-body-cell-height, 3rem);
+    height: var(--ard-table-body-cell-height, 3rem);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  .ard-table .ard-table__body-row .ard-table__body-cell {
+    border-bottom: 1px solid var(--ard-table-border-color, var(--ard-detail-ultralight));
+  }
+  .ard-table .ard-table__empty-row .ard-table__empty-cell {
+    height: var(--ard-table-body-cell-height, 3rem);
+  }
+  .ard-table .ard-table__empty-row:not(:last-of-type) .ard-table__empty-cell {
+    border-bottom: 1px solid transparent;
+  }
+  .ard-table.ard-table-loading .ard-table__header,
+  .ard-table.ard-table-loading .ard-table__body {
+    pointer-events: none;
+  }
+  .ard-table.ard-table-loading .ard-table__body {
+    opacity: var(--ard-table-loading-opacity, 40%);
+  }
+  .ard-table.ard-table-loading .ard-table__header .ard-table__checkbox-cell {
+    opacity: var(--ard-table-loading-opacity, 40%);
+  }
+  .ard-table .ard-table__progress-bar-row {
+    background-color: var(--ard-table-background, var(--ard-bg));
+    border-left: 1px solid var(--ard-table-border-color, var(--ard-detail-ultralight));
+    border-right: 1px solid var(--ard-table-border-color, var(--ard-detail-ultralight));
+    border-bottom: 1px solid var(--ard-table-background, var(--ard-bg));
+  }
+  .ard-table .ard-table__progress-bar-row .ard-table__progress-bar-cell {
+    height: var(--ard-table-progress-bar-height, 0.1875rem);
+  }
+  .ard-table .ard-table__progress-bar-row .ard-table__progress-bar-cell ard-progress-bar {
+    position: relative;
+    z-index: var(--ard-table-progress-bar-z-index, 1);
+    margin: -1px;
+  }
+  .ard-table .ard-table__progress-bar-row .ard-table__progress-bar-cell ard-progress-bar > .ard-progress-bar {
+    margin: 0;
+  }
+  .ard-table .ard-table__sortable .ard-table__header-template-container.ard-sortable .ard-table__header-content-container {
+    border: none;
+    background: none;
+    color: inherit;
+    font: inherit;
+    width: 100%;
+    display: flex;
+    gap: var(--ard-table-sort-gap, 0.375rem);
+    cursor: pointer;
+    border-radius: var(--ard-table-sort-border-radius, 0.25rem);
+    outline-offset: var(--ard-table-sort-outline-offset, 0.25rem);
+  }
+  .ard-table .ard-table__sortable .ard-table__header-template-container.ard-sortable .ard-table__header-content-container:focus-visible {
+    outline: var(--ard-table-sort-outline-width, 2px) solid var(--ard-table-sort-outline-color, black);
+  }
+  .ard-table .ard-table__sortable .ard-table__header-template-container.ard-sortable .ard-table__header-content-container .ard-table__header-sort-icon {
+    height: var(--ard-table-sort-icon-size, 1rem);
+    overflow: hidden;
+  }
+  .ard-table .ard-table__sortable .ard-table__header-template-container.ard-sortable .ard-table__header-content-container ard-icon {
+    font-size: var(--ard-table-sort-icon-size, 1rem);
+    font-weight: var(--ard-table-sort-icon-weight, 900);
+  }
+  .ard-table .ard-table__caption {
+    caption-side: bottom;
+    height: var(--ard-table-caption-height, 3.125rem);
+    box-sizing: border-box;
+    color: var(--ard-table-caption-color, var(--ard-detail));
+    background: var(--ard-table-caption-background, var(--ard-bg));
+    border: 1px solid var(--ard-table-caption-border-color, var(--ard-detail-ultralight));
+    border-top: none;
+    padding: var(--ard-table-caption-padding, 0 0.75rem);
+  }
+  .ard-table .ard-table__caption .ard-table__caption-container {
+    display: flex;
+    align-items: center;
+    height: 100%;
+  }
+  .ard-table .ard-table__foot .ard-table__pagination-cell {
+    border: 1px solid var(--ard-table-footer-border-color, var(--ard-detail-ultralight));
+  }
+  .ard-table.ard-appearance-strong .ard-table__header {
+    border-bottom: 1px solid var(--ard-table-border-color, var(--ard-detail-ultralight));
+    background-color: var(--ard-_table-header-background);
+  }
+  .ard-table.ard-appearance-strong .ard-table__header-cell {
+    color: var(--ard-_table-header-color-on-bg);
+    border-bottom: 1px solid var(--ard-_table-header-border);
+  }
+  .ard-table.ard-appearance-light .ard-table__header-cell {
+    color: var(--ard-_table-header-color);
+  }
+  .ard-table.ard-appearance-light .ard-table__header {
+    background-color: var(--ard-_table-header-background-light);
+    border: 1px solid var(--ard-_table-header-border-light);
+  }
+  .ard-table.ard-appearance-light .ard-table__header-row .ard-table__header-cell {
+    border-bottom: 1px solid var(--ard-_table-header-border-light);
+  }
+  .ard-table.ard-appearance-colorless .ard-table__header-cell {
+    color: var(--ard-table-header-color, var(--ard-text));
+  }
+  .ard-table.ard-appearance-colorless .ard-table__header {
+    border: 1px solid var(--ard-table-border-color, var(--ard-detail-ultralight));
+    background-color: var(--ard-table-background, var(--ard-bg));
+  }
+  .ard-table.ard-appearance-colorless .ard-table__header-row .ard-table__header-cell {
+    border-bottom: 1px solid var(--ard-table-border-color, var(--ard-detail-ultralight));
+  }
+  .ard-table.ard-variant-rounded .ard-table,
+  .ard-table.ard-variant-rounded .ard-table__header,
+  .ard-table.ard-variant-rounded .ard-table__body {
+    border-radius: var(--ard-table-border-radius, 8px);
+  }
+  .ard-table.ard-variant-rounded .ard-table__header-row:first-child {
+    border-top-left-radius: var(--ard-table-border-radius, 8px);
+    border-top-right-radius: var(--ard-table-border-radius, 8px);
+  }
+  .ard-table.ard-variant-rounded .ard-table__header-row:first-child .ard-table__header-cell:first-child {
+    border-top-left-radius: var(--ard-table-border-radius, 8px);
+  }
+  .ard-table.ard-variant-rounded .ard-table__header-row:first-child .ard-table__header-cell:last-child {
+    border-top-right-radius: var(--ard-table-border-radius, 8px);
+  }
+  .ard-table.ard-variant-rounded .ard-table__body-row:last-child .ard-table__body-cell:first-child {
+    border-bottom-left-radius: var(--ard-table-border-radius, 8px);
+  }
+  .ard-table.ard-variant-rounded .ard-table__body-row:last-child .ard-table__body-cell:last-child {
+    border-bottom-right-radius: var(--ard-table-border-radius, 8px);
+  }
+  .ard-table.ard-variant-rounded .ard-table__foot {
+    border-bottom-left-radius: var(--ard-table-border-radius, 8px);
+    border-bottom-right-radius: var(--ard-table-border-radius, 8px);
+  }
+  .ard-table.ard-variant-rounded .ard-table__foot .ard-table__foot-row {
+    border-bottom-left-radius: var(--ard-table-border-radius, 8px);
+    border-bottom-right-radius: var(--ard-table-border-radius, 8px);
+  }
+  .ard-table.ard-variant-rounded .ard-table__foot .ard-table__foot-row .ard-table__pagination-cell {
+    border-bottom-left-radius: var(--ard-table-border-radius, 8px);
+    border-bottom-right-radius: var(--ard-table-border-radius, 8px);
+  }
+  .ard-table.ard-variant-rounded .ard-table__caption {
+    border-bottom-left-radius: var(--ard-table-border-radius, 8px);
+    border-bottom-right-radius: var(--ard-table-border-radius, 8px);
+  }
+  .ard-table.ard-variant-rounded .ard-table__caption + .ard-table__body * {
+    border-radius: 0;
+  }
+  .ard-table.ard-variant-rounded .ard-table__caption ~ .ard-table__foot * {
+    border-radius: 0;
+  }
+  .ard-table.ard-compact .ard-table__header-cell > .ard-table__cell-container,
+  .ard-table.ard-compact .ard-table__body-cell > .ard-table__cell-container {
+    padding: var(--ard-table-cell-padding-compact, 0 0.625rem);
+    font-size: var(--ard-table-font-size-compact, 0.875rem);
+  }
+  .ard-table.ard-compact .ard-table__header-cell {
+    height: var(--ard-table-header-cell-height-compact, 2.625rem);
+  }
+  .ard-table.ard-compact .ard-table__header-cell > .ard-table__cell-container {
+    letter-spacing: 0.18px;
+  }
+  .ard-table.ard-compact .ard-table__body-cell {
+    height: var(--ard-table-body-cell-height-compact, 2.25rem);
+  }
+  .ard-table.ard-compact .ard-table__checkbox-cell > .ard-table__cell-container {
+    width: var(--ard-table-checkbox-cell-width-compact, 2.25rem);
+    height: var(--ard-table-checkbox-cell-height-compact, 2.25rem);
+  }
+  .ard-table.ard-compact .ard-table__caption {
+    height: var(--ard-table-caption-height-compact, 2.25rem);
+  }
+  .ard-table.ard-zebra-table .ard-table__body-row:nth-of-type(2n-1) {
+    background: var(--ard-table-zebra-background, var(--ard-darken-overlay-ultralight));
+  }
+  .ard-table.ard-selectable-rows .ard-table__body-row .ard-table__body-cell {
+    cursor: pointer;
+  }
+  .ard-table .ard-table__body-row.ard-table__highlighted-row .ard-table__body-cell {
+    background: rgba(var(--ard-_table-overlay-colorless), 4%);
+  }
+  .ard-table .ard-table__body-row.ard-table__selected-row .ard-table__body-cell {
+    background: rgba(var(--ard-_table-overlay), 8%);
+  }
+  .ard-table .ard-table__disabled-row {
+    pointer-events: none;
+    opacity: var(--ard-table-disabled-row-opacity, 50%);
+    user-select: none;
+  }
+  .ard-table .ard-table__bold-row {
+    font-weight: var(--ard-table-bold-row-font-weight, 700);
+  }
+  .ard-table.ard-sticky-header .ard-table__header {
+    position: sticky;
+    top: var(--ard-table-sticky-header-top, 0);
+    z-index: var(--ard-table-sticky-header-z-index, 2);
+  }
+  .ard-table.ard-header-align-top-left .ard-table__header-cell > .ard-table__cell-container, .ard-table.ard-header-align-center-left .ard-table__header-cell > .ard-table__cell-container, .ard-table.ard-header-align-bottom-left .ard-table__header-cell > .ard-table__cell-container {
+    text-align: left;
+  }
+  .ard-table.ard-header-align-top-center .ard-table__header-cell > .ard-table__cell-container, .ard-table.ard-header-align-center-center .ard-table__header-cell > .ard-table__cell-container, .ard-table.ard-header-align-bottom-center .ard-table__header-cell > .ard-table__cell-container {
+    text-align: center;
+  }
+  .ard-table.ard-header-align-top-right .ard-table__header-cell > .ard-table__cell-container, .ard-table.ard-header-align-center-right .ard-table__header-cell > .ard-table__cell-container, .ard-table.ard-header-align-bottom-right .ard-table__header-cell > .ard-table__cell-container {
+    text-align: right;
+  }
+  .ard-table.ard-header-align-top-left .ard-table__header-cell, .ard-table.ard-header-align-top-center .ard-table__header-cell, .ard-table.ard-header-align-top-right .ard-table__header-cell {
+    vertical-align: top;
+  }
+  .ard-table.ard-header-align-center-left .ard-table__header-cell, .ard-table.ard-header-align-center-center .ard-table__header-cell, .ard-table.ard-header-align-center-right .ard-table__header-cell {
+    vertical-align: center;
+  }
+  .ard-table.ard-header-align-bottom-left .ard-table__header-cell, .ard-table.ard-header-align-bottom-center .ard-table__header-cell, .ard-table.ard-header-align-bottom-right .ard-table__header-cell {
+    vertical-align: bottom;
+  }
+  .ard-table.ard-align-top-left .ard-table__body-cell > .ard-table__cell-container,
+  .ard-table.ard-align-top-left .ard-table__caption, .ard-table.ard-align-center-left .ard-table__body-cell > .ard-table__cell-container,
+  .ard-table.ard-align-center-left .ard-table__caption, .ard-table.ard-align-bottom-left .ard-table__body-cell > .ard-table__cell-container,
+  .ard-table.ard-align-bottom-left .ard-table__caption {
+    text-align: left;
+  }
+  .ard-table.ard-align-top-center .ard-table__body-cell > .ard-table__cell-container,
+  .ard-table.ard-align-top-center .ard-table__caption, .ard-table.ard-align-center-center .ard-table__body-cell > .ard-table__cell-container,
+  .ard-table.ard-align-center-center .ard-table__caption, .ard-table.ard-align-bottom-center .ard-table__body-cell > .ard-table__cell-container,
+  .ard-table.ard-align-bottom-center .ard-table__caption {
+    text-align: center;
+  }
+  .ard-table.ard-align-top-right .ard-table__body-cell > .ard-table__cell-container,
+  .ard-table.ard-align-top-right .ard-table__caption, .ard-table.ard-align-center-right .ard-table__body-cell > .ard-table__cell-container,
+  .ard-table.ard-align-center-right .ard-table__caption, .ard-table.ard-align-bottom-right .ard-table__body-cell > .ard-table__cell-container,
+  .ard-table.ard-align-bottom-right .ard-table__caption {
+    text-align: right;
+  }
+  .ard-table.ard-align-top-left .ard-table__body-cell, .ard-table.ard-align-top-center .ard-table__body-cell, .ard-table.ard-align-top-right .ard-table__body-cell {
+    vertical-align: top;
+  }
+  .ard-table.ard-align-center-left .ard-table__body-cell, .ard-table.ard-align-center-center .ard-table__body-cell, .ard-table.ard-align-center-right .ard-table__body-cell {
+    vertical-align: center;
+  }
+  .ard-table.ard-align-bottom-left .ard-table__body-cell, .ard-table.ard-align-bottom-center .ard-table__body-cell, .ard-table.ard-align-bottom-right .ard-table__body-cell {
+    vertical-align: bottom;
+  }
+}
+
+/*# sourceMappingURL=table.css.map */

package/prebuilt-themes/default/table.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/table.scss","../../../../projects/ui/src/themes/default/_coloring.scss"],"names":[],"mappings":"AAGA;EAGE;IAKE;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IAIA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IAEE;IACA;IA8JA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EC5MF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EDlGA;IACE;;EAGF;AAAA;IAEE;;EAEA;AAAA;IACE;IACA;IACA;IACA;IACA;;EAEA;AAAA;IACE;IACA;IACA;;EAEA;AAAA;IACE;IACA;IACA;;EAKR;IACE;IACA;IACA;;EAEF;IACE;IACA;;EAEA;IACE;IACA;IACA;;EAIF;IACE;IACA;IACA;IACA;IACA;;EAGJ;IACE;;EAKA;IACE;;EAEF;IACE;;EAMF;AAAA;IAEE;;EAEF;IACE;;EAEF;IACE;;EAGJ;IACE;IACA;IACA;IACA;;EAEA;IACE;;EAEA;IACE;IACA;IACA;;EAEA;IACE;;EASJ;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAOR;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;;EAMF;IACE;;EAiBF;IACE;IACA;;EAEF;IACE;IACA;;EAIF;IACE;;EAEF;IACE;IACA;;EAEF;IACE;;EAIF;IACE;;EAEF;IACE;IACA;;EAEF;IACE;;EAKF;AAAA;AAAA;IAGE;;EAEF;IACE;IACA;;EACA;IACE;;EAGJ;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;EACA;IACE;IACA;;EAEA;IACE;IACA;;EAIN;IACE;IACA;;EAGE;IACE;;EAIF;IACE;;EAUJ;AAAA;IACE;IACA;;EAGJ;IACE;;EAEA;IACE;;EAGJ;IACE;;EAGA;IACE;IACA;;EAGJ;IACE;;EAMF;IACE;;EAMF;IACE;;EAGJ;IACE;;EAEF;IACE;;EAIF;IACE;IACA;IACA;;EAIF;IACE;;EAKA;IACE;IACA;IACA;;EAQF;IACE;;EAMF;IACE;;EAMF;IACE;;EAMF;IACE;;EAMF;IACE;;EAMF;IACE;;EAOF;AAAA;AAAA;AAAA;IAEE;;EAMF;AAAA;AAAA;AAAA;IAEE;;EAMF;AAAA;AAAA;AAAA;IAEE;;EAMF;IACE;;EAMF;IACE;;EAMF;IACE","file":"table.css"}

package/public-api.d.ts

@@ -0,0 +1,59 @@
+import 'first-last';
+export * from './lib/inputs/autocomplete-input';
+export * from './lib/inputs/digit-input';
+export * from './lib/inputs/input';
+export * from './lib/inputs/password-input';
+export * from './lib/option';
+export * from './lib/select';
+export * from './lib/file-inputs/file-drop-area';
+export * from './lib/file-inputs/file-input';
+export * from './lib/inputs/date-input';
+export * from './lib/inputs/hex-input';
+export * from './lib/inputs/number-input';
+export * from './lib/buttons/button';
+export * from './lib/buttons/button-group';
+export * from './lib/buttons/fab';
+export * from './lib/buttons/general-button.types';
+export * from './lib/buttons/icon-button';
+export * from './lib/checkbox';
+export * from './lib/chip';
+export * from './lib/radio';
+export * from './lib/segment';
+export * from './lib/slide-toggle';
+export * from './lib/slider';
+export * from './lib/star/rating-input';
+export * from './lib/star/star-button';
+export * from './lib/calendar';
+export * from './lib/checkbox-list';
+export * from './lib/badge';
+export * from './lib/progress-bar';
+export * from './lib/progress-circle';
+export * from './lib/spinner';
+export * from './lib/dropdown-panel';
+export * from './lib/form-field';
+export * from './lib/form-field-frame';
+export * from './lib/kbd';
+export * from './lib/kbd-shortcut';
+export * from './lib/star';
+export * from './lib/star/rating-display';
+export * from './lib/table';
+export * from './lib/table-from-csv';
+export * from './lib/table-pagination';
+export * from './lib/text-list';
+export * from './lib/card';
+export * from './lib/divider';
+export * from './lib/grid';
+export * from './lib/stack';
+export * from './lib/tabber';
+export * from './lib/dialog';
+export * from './lib/modal';
+export * from './lib/snackbar';
+export * from './lib/icon';
+export * from './lib/_internal/public-api';
+export * from './lib/types/alignment.types';
+export * from './lib/types/colors.types';
+export * from './lib/types/item-storage.types';
+export * from './lib/types/theming.types';
+export * from './lib/types/utility.types';
+export * from './lib/breakpoints';
+export { searchFunctions as ArdSearchFunction, searchInString } from './lib/search-functions';

package/themes/_variables.scss

@@ -0,0 +1,124 @@
+$bg: var(--ard-bg);
+$bg-alt: var(--ard-bg-alt);
+$overlay: var(--ard-overlay);
+$overlay-rgb: var(--ard-overlay-rgb);
+$bg-d: var(--ard-bg-darker);
+$bg-f: var(--ard-bg-filled);
+$bg-f-alt: var(--ard-bg-filled-alt);
+$text: var(--ard-text);
+$text2: var(--ard-text2);
+$text3: var(--ard-text3);
+$text-alt: var(--ard-text-alt);
+$text2-alt: var(--ard-text2-alt);
+$text3-alt: var(--ard-text3-alt);
+$border-dark: var(--ard-border-dark);
+$border: var(--ard-border);
+$border-light: var(--ard-border-light);
+$detail: var(--ard-detail);
+$detail-light: var(--ard-detail-light);
+$detail-ultralight: var(--ard-detail-ultralight);
+$detail-ultralight-solid: var(--ard-detail-ultralight-solid);
+
+$lighten-overlay: var(--ard-lighten-overlay);
+$lighten-overlay-strong: var(--ard-lighten-overlay-strong);
+$lighten-overlay-medium: var(--ard-lighten-overlay-medium);
+$lighten-overlay-light: var(--ard-lighten-overlay-light);
+$darken-overlay: var(--ard-darken-overlay);
+$darken-overlay-strong: var(--ard-darken-overlay-strong);
+$darken-overlay-medium-strong: var(--ard-darken-overlay-medium-strong);
+$darken-overlay-medium: var(--ard-darken-overlay-medium);
+$darken-overlay-light: var(--ard-darken-overlay-light);
+$darken-overlay-ultralight: var(--ard-darken-overlay-ultralight);
+
+$box-shadow: var(--ard-box-shadow);
+$card-shadow: var(--ard-card-shadow);
+$simple-shadow: var(--ard-simple-shadow);
+$simple-shadow2: var(--ard-simple-shadow2);
+$simple-shadow3: var(--ard-simple-shadow3);
+
+$timing-fn: cubic-bezier(0.4, 0, 0.2, 1);
+
+$clear-button-size: var(--ard-clear-button-size);
+$dropdown-button-size: var(--ard-dropdown-button-size);
+$form-field-height: var(--ard-form-field-height);
+$form-field-compact-height: var(--ard-form-field-height-compact);
+
+$gold: var(--ard-gold);
+
+$main50: rgb(var(--ard-primary-50));
+$main50-rgb: var(--ard-primary-50);
+$main100: rgb(var(--ard-primary-100));
+$main100-rgb: var(--ard-primary-100);
+$main300: rgb(var(--ard-primary-300));
+$main300-rgb: var(--ard-primary-300);
+$main500: rgb(var(--ard-primary-500));
+$main500-rgb: var(--ard-primary-500);
+$main700: rgb(var(--ard-primary-700));
+$main700-rgb: var(--ard-primary-700);
+$main900: rgb(var(--ard-primary-900));
+$main900-rgb: var(--ard-primary-900);
+
+$scnd50: rgb(var(--ard-secondary-50));
+$scnd50-rgb: var(--ard-secondary-50);
+$scnd100: rgb(var(--ard-secondary-100));
+$scnd100-rgb: var(--ard-secondary-100);
+$scnd300: rgb(var(--ard-secondary-300));
+$scnd300-rgb: var(--ard-secondary-300);
+$scnd500: rgb(var(--ard-secondary-500));
+$scnd500-rgb: var(--ard-secondary-500);
+$scnd700: rgb(var(--ard-secondary-700));
+$scnd700-rgb: var(--ard-secondary-700);
+$scnd900: rgb(var(--ard-secondary-900));
+$scnd900-rgb: var(--ard-secondary-900);
+
+$danger50: rgb(var(--ard-danger-50));
+$danger50-rgb: var(--ard-danger-50);
+$danger100: rgb(var(--ard-danger-100));
+$danger100-rgb: var(--ard-danger-100);
+$danger300: rgb(var(--ard-danger-300));
+$danger300-rgb: var(--ard-danger-300);
+$danger500: rgb(var(--ard-danger-500));
+$danger500-rgb: var(--ard-danger-500);
+$danger700: rgb(var(--ard-danger-700));
+$danger700-rgb: var(--ard-danger-700);
+$danger900: rgb(var(--ard-danger-900));
+$danger900-rgb: var(--ard-danger-900);
+
+$warn50: rgb(var(--ard-warn-50));
+$warn50-rgb: var(--ard-warn-50);
+$warn100: rgb(var(--ard-warn-100));
+$warn100-rgb: var(--ard-warn-100);
+$warn300: rgb(var(--ard-warn-300));
+$warn300-rgb: var(--ard-warn-300);
+$warn500: rgb(var(--ard-warn-500));
+$warn500-rgb: var(--ard-warn-500);
+$warn700: rgb(var(--ard-warn-700));
+$warn700-rgb: var(--ard-warn-700);
+$warn900: rgb(var(--ard-warn-900));
+$warn900-rgb: var(--ard-warn-900);
+
+$success50: rgb(var(--ard-success-50));
+$success50-rgb: var(--ard-success-50);
+$success100: rgb(var(--ard-success-100));
+$success100-rgb: var(--ard-success-100);
+$success300: rgb(var(--ard-success-300));
+$success300-rgb: var(--ard-success-300);
+$success500: rgb(var(--ard-success-500));
+$success500-rgb: var(--ard-success-500);
+$success700: rgb(var(--ard-success-700));
+$success700-rgb: var(--ard-success-700);
+$success900: rgb(var(--ard-success-900));
+$success900-rgb: var(--ard-success-900);
+
+$info50: rgb(var(--ard-info-50));
+$info50-rgb: var(--ard-info-50);
+$info100: rgb(var(--ard-info-100));
+$info100-rgb: var(--ard-info-100);
+$info300: rgb(var(--ard-info-300));
+$info300-rgb: var(--ard-info-300);
+$info500: rgb(var(--ard-info-500));
+$info500-rgb: var(--ard-info-500);
+$info700: rgb(var(--ard-info-700));
+$info700-rgb: var(--ard-info-700);
+$info900: rgb(var(--ard-info-900));
+$info900-rgb: var(--ard-info-900);