@sankhyalabs/ezui 7.2.1-rc.1 → 7.3.0

package/dist/collection/components/ez-grid-pagination/ez-grid-pagination.css

@@ -1,217 +0,0 @@
-:host {
-  display: block;
-}
-
-.pagination__container {
-  display: flex;
-  align-items: center;
-  flex-grow: 1;
-  flex-shrink: 1;
-  flex-wrap: nowrap;
-  justify-content: flex-end;
-  position: relative;
-}
-
-ez-popover.cancel-pagination__popover {
-  position: absolute;
-  right: 0;
-  bottom: 100%;
-  width: 0;
-  height: 0;
-}
-
-.pagination__buttons-container {
-  display: flex;
-  border-radius: 50%;
-  background-color: var(--color--ocean-green-90, #E1E2E5);
-  cursor: pointer;
-}
-
-.pagination__buttons-container ez-icon {
-  --ez-icon--color: var(--color--ocean-green-600, #008561);
-}
-
-.pagination__buttons-container.disabled {
-  background-color: #DEDEDE;
-  cursor: not-allowed;
-  pointer-events: auto;
-}
-
-.pagination__buttons-container.disabled ez-icon {
-  --ez-icon--color: var(--color--petroleum-300, #848D9C);
-  pointer-events: none;
-}
-.pagination__page-navigator {
-  display: flex;
-  align-items: center;
-}
-
-.pagination__row-summary-panel {
-  font-size: var(--font-size--default, 14px);
-  font-family: var(--font--pattern, 'Roboto');
-  color: var(--color--petroleum-300, #848D9C);
-  font-weight: var(--font-weight--regular, 400);
-  padding: var(--space--8, 8px) var(--space--16, 16px);
-}
-.pagination__page-summary-panel {
-  display: flex;
-  align-items: center;
-  padding: var(--space--8, 8px) var(--space--16, 16px);
-  gap: var(--space--4, 4px);
-}
-
-.pagination__container-label {
-  margin: 0 var(--space--8, 8px);
-}
-
-.pagination-contracted {
-  width: 100px;
-}
-
-.pagination-expanded {
-  min-width: 150px;
-}
-
-.pagination__label {
-  font-family: var(--font--pattern, 'Roboto');
-  color: var(--color--petroleum-300, #848D9C);
-  font-weight: var(--font-weight--regular, 400);
-  width: 100%;
-  white-space: nowrap
-}
-
-.cancel-pagination {
-  display: flex;
-  flex-direction: column;
-  padding: var(--space--12, 12px);
-  gap: var(--space--16, 16px);
-  min-width: 304px;
-  max-width: 180px;
-  transition: min-width 220ms cubic-bezier(0.4, 0, 0.2, 1),
-              max-width 220ms cubic-bezier(0.4, 0, 0.2, 1);
-  overflow: hidden;
-}
-
-.cancel-pagination--expanded {
-  min-width: 304px;
-}
-
-.cancel-pagination__expanded {
-  animation: cancel-pagination-fade-in 220ms cubic-bezier(0.4, 0, 0.2, 1) 60ms both;
-}
-
-@keyframes cancel-pagination-fade-in {
-  from {
-    opacity: 0;
-    transform: translateY(4px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-.cancel-pagination__trigger {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: var(--space--16, 16px);
-  padding: var(--space--4, 4px);
-  border-radius: var(--border-radius--small, 4px);
-  cursor: pointer;
-  outline: none;
-}
-
-.cancel-pagination__trigger:focus-visible {
-  box-shadow: 0 0 0 2px var(--color--ocean-green-600, #008561);
-}
-
-.cancel-pagination__trigger--expanded {
-  cursor: default;
-  padding-bottom: var(--space--4, 4px);
-}
-
-.cancel-pagination__divider {
-  border: 0;
-  border-top: 1px solid var(--color--petroleum-100, #C8CCD3);
-  width: 100%;
-}
-
-.cancel-pagination__label {
-  color: var(--color--petroleum-700, #2E3742);
-  font-size: var(--font-size--medium, 16px);
-  font-weight: var(--font-weight--semi-bold, 600);
-  font-family: var(--font--pattern, 'Roboto');
-  white-space: nowrap;
-}
-
-.cancel-pagination__expanded {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space--8, 8px);
-}
-
-.cancel-pagination__message {
-  color: var(--color--petroleum-500, #4A5567);
-  font-size: var(--font-size--default, 14px);
-  font-family: var(--font--pattern, 'Roboto');
-  font-weight: var(--font-weight--regular, 400);
-  margin: 0;
-  line-height: 1.4;
-}
-
-.cancel-pagination__question {
-  color: var(--color--petroleum-700, #2E3742);
-  font-size: var(--font-size--default, 14px);
-  font-family: var(--font--pattern, 'Roboto');
-  font-weight: var(--font-weight--semi-bold, 600);
-  margin-top: 16px;
-  margin-bottom: 8px;
-}
-
-.cancel-pagination__checkbox {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: var(--space--8, 8px);
-  color: var(--color--petroleum-700, #2E3742);
-  font-size: var(--font-size--default, 14px);
-  font-family: var(--font--pattern, 'Roboto');
-  cursor: pointer;
-}
-
-.cancel-pagination__checkbox input[type="checkbox"] {
-  cursor: pointer;
-  accent-color: var(--color--ocean-green-600, #008561);
-}
-
-.cancel-pagination__actions {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-  gap: var(--space--8, 8px);
-  padding-top: var(--space--4, 4px);
-}
-
-.spin {
-  animation-name: spin;
-  animation-duration: 5000ms;
-  animation-iteration-count: infinite;
-  animation-timing-function: linear;
-
-  --ez-icon--color: var(--color--ocean-green-600, #008561);
-}
-
-@keyframes spin {
-  from {
-    transform: rotate(0deg);
-  }
-
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-.pagination-text-right {
-  flex-direction: row-reverse;
-}