@layerfi/components 0.1.128-alpha → 0.1.128-alpha.1

package/dist/index.css

@@ -2340,7 +2340,8 @@
 .Layer__custom-account-form .Layer__custom-account-form__field > .Layer__input-tooltip > .Layer__custom-account-form__input {
   flex: 1 1;
 }.Layer__UI__Table-Table {
-  border-collapse: collapse;
+  border-collapse: separate;
+  border-spacing: 0;
 }
 
 .Layer__UI__Table-TableHeader {
@@ -2352,9 +2353,6 @@
 .Layer__UI__Table-TableHeader > tr {
   height: inherit;
 }
-.Layer__UI__Table-TableHeader--hidden {
-  display: none;
-}
 
 .Layer__UI__Table-Row {
   height: 3.25rem;
@@ -2418,6 +2416,22 @@
 .Layer__UI__Table-Column[data-align=end],
 .Layer__UI__Table-Cell[data-align=end] {
   text-align: end;
+}
+
+.Layer__UI__Table-ScrollContainer {
+  overflow-x: auto;
+  max-width: 100%;
+}
+
+.Layer__UI__Table-Column[data-pinned],
+.Layer__UI__Table-Cell[data-pinned] {
+  z-index: 1;
+  background-color: inherit;
+}
+
+.Layer__UI__Table-TableHeader .Layer__UI__Table-Column[data-pinned] {
+  z-index: 2;
+  background-color: var(--color-base-0);
 }.Layer__UI__VirtualizedTable__container {
   position: relative;
   overflow: auto;
@@ -4730,13 +4744,15 @@
   position: relative;
   align-content: center;
   height: var(--spacing-5xl);
-  padding-inline-start: calc(var(--spacing-sm) * (var(--tree-item-level) - 1) + var(--spacing-md) * var(--tree-item-level));
+  padding-inline-start: calc(var(--spacing-3xs) + var(--spacing-sm) * var(--tree-item-level));
   padding-inline-end: var(--spacing-md);
   border-bottom: 1px solid var(--color-base-300);
   cursor: pointer;
 }
 .Layer__TreeNavigation .Layer__UI__TreeItem .Layer__TreeNavigation__Check {
   visibility: hidden;
+  height: 1rem;
+  min-width: 1rem;
 }
 .Layer__TreeNavigation .Layer__UI__TreeItem[aria-level="1"] {
   background-color: var(--color-base-0);
@@ -4783,12 +4799,6 @@
 .Layer__TreeNavigationSkeleton__Leaf {
   padding-inline-start: calc(var(--spacing-lg) + var(--spacing-md));
   background-color: var(--color-base-50);
-}.Layer__ReportsNavigation__GroupLabel {
-  min-width: 0;
-}
-
-.Layer__ReportsNavigation__GroupIcon {
-  color: var(--color-base-500);
 }.Layer__ExpandButton {
   height: 16px;
   min-width: 16px;
@@ -4804,6 +4814,7 @@
 .Layer__UI__Table__UnifiedReport .Layer__UI__Table-Column,
 .Layer__UI__Table__UnifiedReport .Layer__UI__Table-Cell {
   display: table-cell;
+  min-width: 6rem;
 }.Layer__UnifiedReport__Header {
   border-bottom: 1px solid var(--border-color);
 }
@@ -4821,15 +4832,64 @@
     padding-block-end: var(--spacing-md);
     border-bottom: 1px solid var(--border-color);
   }
+}.Layer__UI__Link {
+  position: relative;
+  display: inline;
+  outline: none;
+  cursor: pointer;
+  font-family: var(--font-family);
+  font-weight: var(--font-weight-normal);
+  text-decoration: none;
+}
+.Layer__UI__Link[data-hovered] {
+  text-decoration: underline;
+}
+.Layer__UI__Link[data-ellipsis], .Layer__UI__Link[data-with-tooltip] {
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  max-inline-size: 100%;
+}
+.Layer__UI__Link[data-disabled] {
+  cursor: not-allowed;
+  color: var(--color-base-500);
+  pointer-events: none;
+}
+.Layer__UI__Link[data-size=xs] {
+  font-size: var(--text-xs);
+}
+.Layer__UI__Link[data-size=sm] {
+  font-size: var(--text-sm);
+}
+.Layer__UI__Link[data-size=md] {
+  font-size: var(--text-md);
+}
+.Layer__UI__Link[data-size=lg] {
+  font-size: var(--text-lg);
+}.Layer__Breadcrumbs {
+  display: flex;
+  align-items: center;
+  padding: 0;
+  margin: 0;
+  list-style: none;
 }
 
-.Layer__UnifiedReport__Header__SecondaryActions {
-  gap: var(--spacing-xs);
+.Layer__Breadcrumb {
+  display: flex;
+  align-items: center;
 }
-@media (width <= 500px) {
-  .Layer__UnifiedReport__Header__SecondaryActions {
-    gap: var(--spacing-3xs);
-  }
+.Layer__Breadcrumb .Layer__UI__Link {
+  color: var(--color-base-500);
+}
+.Layer__Breadcrumb .Layer__UI__Link[data-current] {
+  color: var(--color-base-1000);
+}
+.Layer__Breadcrumb .Layer__UI__Link[data-focus-visible] {
+  outline: -webkit-focus-ring-color auto 1px;
+  outline-offset: 2px;
+}.Layer__UnifiedReport__DetailHeader {
+  border-bottom: 1px solid var(--border-color);
 }.Layer__UnifiedReport {
   overflow: hidden;
   min-width: clamp(24rem, 100%, 1406px);
@@ -4840,7 +4900,7 @@
 
 .Layer__UnifiedReport__Sidebar {
   flex-shrink: 0;
-  width: 18rem;
+  width: 15rem;
   border-right: 1px solid var(--color-base-300);
 }
 
@@ -5388,6 +5448,14 @@
   border: 1px solid var(--border-color);
 }
 
+.Layer__TimeTrackingServicesDrawer__EmptyState {
+  box-sizing: border-box;
+  overflow: hidden;
+  inline-size: 100%;
+  border-radius: var(--border-radius-2xs);
+  border: 1px solid var(--border-color);
+}
+
 .Layer__TimeTrackingServicesDrawer__accordion {
   overflow: hidden;
   border-radius: var(--border-radius-2xs);
@@ -5449,11 +5517,45 @@
   grid-template-areas: "label input";
   gap: 0;
   align-items: center;
+}
+.Layer__TimeEntryServiceSelector__CreateLabel.Layer__Span {
+  display: inline-flex;
+  gap: var(--spacing-2xs);
+  align-items: center;
+  color: var(--color-base-900);
 }.Layer__component-container.Layer__ActiveTimeTracker {
   --border-color: #000;
   --bg-color: #000;
 }
 
+.Layer__component-container.Layer__ActiveTimeTracker.Layer__ActiveTimeTracker__Container {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.Layer__ActiveTimeTracker__ErrorStrip {
+  box-sizing: border-box;
+  flex-shrink: 0;
+  border-block-end: 1px solid rgba(255, 255, 255, 0.14);
+  background-color: color-mix(in srgb, var(--color-info-error), transparent);
+}
+
+.Layer__ActiveTimeTracker__ErrorStripRow {
+  min-inline-size: 0;
+}
+
+.Layer__ActiveTimeTracker__ErrorStripIcon {
+  flex-shrink: 0;
+  color: var(--color-base-0);
+}
+
+.Layer__ActiveTimeTracker__ErrorStripText {
+  flex: 1;
+  min-inline-size: 0;
+  color: var(--color-base-0);
+}
+
 .Layer__ActiveTimeTracker__Main {
   padding-block: var(--spacing-xs);
   padding-inline: var(--spacing-md);
@@ -5686,6 +5788,7 @@
 }
 .Layer__TimeEntryForm .Layer__TimeEntryForm__FormError {
   padding-block-end: var(--spacing-xs);
+  margin-block-start: calc(-1 * var(--spacing-md));
 }
 .Layer__TimeEntryForm .Layer__TimeEntryForm__Field__EntryDate,
 .Layer__TimeEntryForm .Layer__TimeEntryForm__Field__Duration,
@@ -5755,6 +5858,14 @@
 
 .Layer__TimeTrackingStats__LegendItem {
   min-inline-size: 10rem;
+  max-inline-size: 10rem;
+}
+
+.Layer__TimeTrackingStats__LegendLabel {
+  min-inline-size: 0;
+}
+.Layer__TimeTrackingStats__LegendLabel > .Layer__Span {
+  min-inline-size: 0;
 }
 
 .Layer__TimeTrackingStats__LegendSwatch {
@@ -5808,11 +5919,12 @@
   }
   .Layer__TimeTrackingStats__LegendItem {
     display: grid;
-    grid-template-columns: minmax(0, 1fr) auto auto;
+    grid-template-columns: minmax(0, 1fr) auto;
     row-gap: 0;
     column-gap: var(--spacing-sm);
     align-items: center;
     min-inline-size: 100%;
+    max-inline-size: none;
   }
   .Layer__TimeTrackingStats__LegendLabel {
     min-inline-size: 0;
@@ -5822,17 +5934,12 @@
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-  .Layer__TimeTrackingStats__LegendDuration,
-  .Layer__TimeTrackingStats__LegendPercentage {
-    white-space: nowrap;
-  }
-  .Layer__TimeTrackingStats__LegendDuration {
+  .Layer__TimeTrackingStats__LegendMeta {
     justify-self: end;
   }
+  .Layer__TimeTrackingStats__LegendDuration,
   .Layer__TimeTrackingStats__LegendPercentage {
-    justify-self: end;
-    min-inline-size: 2.25rem;
-    text-align: right;
+    white-space: nowrap;
   }
 }.Layer__toasts-container {
   position: fixed;

package/dist/index.d.ts

@@ -79,6 +79,13 @@ declare interface AccountingOverviewStringOverrides {
     };
 }
 
+declare const ApiEnumErrorType: {
+    readonly SpecifiedIdNotFound: "SpecifiedIdNotFound";
+    readonly SpecifiedBadRequest: "SpecifiedBadRequest";
+};
+
+declare type ApiEnumErrorType = typeof ApiEnumErrorType[keyof typeof ApiEnumErrorType];
+
 declare class APIError extends Error {
     code?: number;
     info?: string;
@@ -91,6 +98,7 @@ declare class APIError extends Error {
 declare type APIErrorMessage = {
     type?: string;
     description?: string;
+    error_enum?: ApiEnumErrorType;
 };
 
 declare type Awaitable<T> = T | Promise<T>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layerfi/components",
-  "version": "0.1.128-alpha",
+  "version": "0.1.128-alpha.1",
   "description": "Layer React Components",
   "main": "dist/cjs/index.cjs",
   "module": "dist/esm/index.mjs",