@embeddable.com/remarkable-ui 1.0.5 → 2.0.1

package/dist/SelectFieldTrigger.module-M6BRE7IY.module.css

@@ -0,0 +1,80 @@
+.selectFieldTrigger {
+  cursor: pointer;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: var(--em-selectfield-trigger-height, 2.5rem);
+  min-width: var(--em-selectfield-trigger-min-width, 4rem);
+  padding: var(--em-selectfield-trigger-padding, 0.75rem);
+  border-radius: var(--em-selectfield-trigger-border-radius, 0.5rem);
+  border: var(--em-selectfield-trigger-border-width, 1px) solid
+    var(--em-selectfield-trigger-border-color, #d2d2d5);
+  background: var(--em-selectfield-trigger-background, #fff);
+  color: var(--em-selectfield-trigger-color, #212129);
+}
+
+.selectFieldTrigger:hover {
+  background: var(--em-selectfield-trigger-background--hover, #f7f7f8);
+}
+
+.selectFieldTrigger:active {
+  background: var(--em-selectfield-trigger-background--active, #ededf1);
+}
+
+.selectFieldTrigger.filled {
+  color: var(--em-selectfield-trigger-color--filled, #fff);
+  background: var(--em-selectfield-trigger-background--filled, #212129);
+}
+
+.selectFieldTrigger:disabled {
+  pointer-events: none;
+  color: var(--em-selectfield-trigger-color--disabled, #b8b8bd);
+  background: var(--em-selectfield-trigger-background, #fff);
+}
+
+.selectFieldTrigger.error {
+  border: var(--em-selectfield-trigger-border-width--error, 2px) solid
+    var(--em-selectfield-trigger-border-color--error, #bc1010);
+}
+
+.selectFieldTrigger span {
+  width: 100%;
+  text-align: start;
+  font-style: normal;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--em-selectfield-trigger-color, #212129);
+  padding: 0 var(--em-selectfield-trigger-label-padding-left-right, 0.5rem);
+  font-family: var(--em-selectfield-trigger-font-family, sans-serif);
+  font-size: var(--em-selectfield-trigger-font-size, 0.75rem);
+  font-weight: var(--em-selectfield-trigger-font-weight, 500);
+  line-height: var(--em-selectfield-trigger-line-height, 0.875rem); /* 116.667% */
+}
+
+.selectFieldTrigger.filled span {
+  color: var(--em-selectfield-trigger-color--filled, #fff);
+}
+
+.selectFieldTrigger:disabled span {
+  color: var(--em-selectfield-trigger-color--disabled, #b8b8bd);
+}
+
+.selectFieldTrigger svg {
+  width: var(--em-selectfield-trigger-icon-size, 1rem);
+  height: var(--em-selectfield-trigger-icon-size, 1rem);
+}
+
+@keyframes spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.loading {
+  animation: spin 1s linear infinite;
+}

package/dist/Skeleton.module-ZN5S5VRF.module.css

@@ -0,0 +1,22 @@
+@keyframes shimmer {
+  0% {
+    background-position: 100%;
+  }
+  100% {
+    background-position: -100%;
+  }
+}
+
+.skeleton {
+  animation: shimmer 1.5s infinite;
+  background: linear-gradient(
+    270deg,
+    rgba(237, 237, 241, 0.4) 29%,
+    rgba(210, 210, 213, 0.4) 46.21%,
+    rgba(237, 237, 241, 0.4) 78.5%
+  );
+  background-size: 200% 100%;
+  height: 100%;
+  width: 100%;
+  border-radius: var(--em-skeleton-border-radius, 0.75rem);
+}

package/dist/Switch.module-MXKS66UI.module.css

@@ -0,0 +1,71 @@
+.switch {
+  display: inline-flex;
+  align-items: flex-start;
+  gap: var(--em-switch-label-gap, 0.5rem);
+  cursor: pointer;
+}
+
+.switch.disabled {
+  pointer-events: none;
+}
+
+.switch input {
+  position: absolute;
+  opacity: 0;
+  width: 0;
+  height: 0;
+}
+
+.switchTrack {
+  position: relative;
+  display: flex;
+  box-sizing: border-box;
+  width: var(--em-switch-width, 2rem);
+  height: var(--em-switch-height, 1rem);
+  border-radius: var(--em-switch-size-border-radius, 624.9375rem);
+  background: var(--em-switch-background--on, #e4e4ea);
+  padding: var(--em-switch-thumb-padding, 0.125rem);
+}
+
+.switchThumb {
+  transition: all 0.2s ease-in-out;
+  position: absolute;
+  flex-shrink: 0;
+  border-radius: 50%;
+  left: var(--em-switch-thumb-padding, 0.125rem);
+  background: var(--em-switch-thumb-background--off, #5c5c66);
+  width: var(--em-switch-thumb-size, 0.75rem);
+  height: var(--em-switch-thumb-size, 0.75rem);
+}
+
+.switch.checked .switchTrack {
+  background: var(--em-switch-background--off, #212129);
+}
+
+.switch.checked .switchThumb {
+  background: var(--em-switch-thumb-background, #fff);
+  left: calc(
+    100% - var(--em-switch-thumb-size, 0.75rem) - var(--em-switch-thumb-padding, 0.125rem)
+  );
+}
+
+.switch.disabled .switchTrack {
+  background: var(--em-switch-background--disabled, #e4e4ea);
+}
+
+.switch.disabled .switchThumb {
+  background: var(--em-switch-thumb-background--disabled, #ededf1);
+}
+
+.switchLabel {
+  font-style: normal;
+  color: var(--em-switch-label-color, #212129);
+  font-family: var(--em-switch-font-family, sans-serif);
+  font-size: var(--em-switch-label-color-font-size, 1rem);
+  font-weight: var(--em-switch-label-color-font-weight, 500);
+  line-height: var(--em-switch-label-color-line-height, 16px);
+}
+
+.switch.disabled .switchLabel {
+  color: var(--em-switch-label-color--disabled, #b8b8bd);
+}

package/dist/TableBody.module-ARNVVKDL.module.css

@@ -0,0 +1,16 @@
+.copyButton {
+  position: absolute;
+  top: 50%;
+  right: var(--em-tablechart-cell-padding, 0.5rem);
+  transform: translateY(-50%);
+  opacity: 0;
+}
+
+.copyButton.leftAlign {
+  left: var(--em-tablechart-cell-padding, 0.5rem);
+  right: auto;
+}
+
+.tableBodyCell:hover .copyButton {
+  opacity: 1;
+}

package/dist/TableHeader.module-XXXLQWHC.module.css

@@ -0,0 +1,31 @@
+.tableHeader .tableHeaderCell {
+  padding: unset;
+}
+
+.tableHeaderCell button {
+  width: 100%;
+  display: flex;
+  border: unset;
+  cursor: pointer;
+  font-style: normal;
+  white-space: nowrap;
+  background-color: unset;
+  justify-content: space-between;
+  align-items: center;
+  padding: var(--em-tablechart-cell-padding, 0.5rem) var(--em-tablechart-cell-padding, 0.5rem)
+    var(--em-tablechart-cell-padding, 0.5rem)
+    calc(
+      var(--em-tablechart-cell-padding, 0.5rem) + var(--em-tablechart-padding-left-right, 0.25rem)
+    );
+  color: var(--em-tablechart-color, #212129);
+  font-family: var(--em-tablechart-font-family, sans-serif);
+  font-size: var(--em-tablechart-font-size, 0.75rem);
+  font-weight: var(--em-tablechart-font-weight--medium, 500);
+  line-height: var(--em-tablechart-line-height, 0.875rem);
+  gap: var(--em-tablechart-cell-padding, 0.5rem);
+}
+
+.tableHeaderCell button svg {
+  width: var(--em-tablechart-icon-size, 1rem);
+  height: var(--em-tablechart-icon-size, 1rem);
+}

package/dist/TablePagination.module-VGIQ7VN7.module.css

@@ -0,0 +1,27 @@
+.tablePagination {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  height: var(--em-tablechart-pagination-height, 3rem);
+  padding: var(--em-tablechart-cell-padding, 0.5rem);
+}
+
+.tablePaginationCentral {
+  display: flex;
+  align-items: center;
+  font-style: normal;
+  gap: var(--em-tablechart-pagination-label-padding-left-right, 1rem);
+  color: var(--em-tablechart-color, #212129);
+  font-family: var(--em-tablechart-font-family, sans-serif);
+  font-size: var(--em-tablechart-font-size, 0.75rem);
+  font-weight: var(--em-tablechart-font-weight--medium, 500);
+  line-height: var(--em-tablechart-line-height, 0.875rem);
+}
+
+.tablePaginationCentralButtons {
+  display: flex;
+  align-items: center;
+  gap: var(--em-tablechart-pagination-button-gap, 0.5rem);
+}

package/dist/Typography.module-SW6CT55P.module.css

@@ -0,0 +1,4 @@
+.typography {
+  font-family: var(--em-core-font-family--base, sans-serif);
+  margin: unset;
+}

package/dist/charts.module-YNKCWRLU.module.css

@@ -0,0 +1,5 @@
+.chartContainer {
+  flex-grow: 1; /* allow it to take remaining space */
+  min-height: 0; /* prevent overflow issues */
+  position: relative; /* needed for Chart.js responsive sizing */
+}