@cratis/components 2.9.0 → 3.0.0

package/dist/esm/PivotViewer/components/Spinner.css

@@ -1,77 +0,0 @@
-/* Loading Spinner */
-.pv-loading {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex: 1;
-  min-height: 400px;
-}
-
-.pv-spinner {
-  width: 80px;
-  height: 80px;
-  position: relative;
-}
-
-.pv-spinner-ring {
-  position: absolute;
-  inset: 0;
-  border-radius: 50%;
-  border: 4px solid transparent;
-}
-
-.pv-spinner-ring:nth-child(1) {
-  border-top-color: var(--cratis-primary-300);
-  animation: spinner-rotate 1.5s linear infinite;
-}
-
-.pv-spinner-ring:nth-child(2) {
-  border-right-color: var(--cratis-primary-400);
-  animation: spinner-rotate 1.5s linear infinite;
-  animation-delay: -0.1875s;
-}
-
-.pv-spinner-ring:nth-child(3) {
-  border-bottom-color: var(--cratis-primary-500);
-  animation: spinner-rotate 1.5s linear infinite;
-  animation-delay: -0.375s;
-}
-
-.pv-spinner-ring:nth-child(4) {
-  border-left-color: var(--cratis-primary-600);
-  animation: spinner-rotate 1.5s linear infinite;
-  animation-delay: -0.5625s;
-}
-
-.pv-spinner-ring:nth-child(5) {
-  border-top-color: var(--cratis-primary-400);
-  animation: spinner-rotate 1.5s linear infinite reverse;
-  animation-delay: -0.75s;
-}
-
-.pv-spinner-ring:nth-child(6) {
-  border-right-color: var(--cratis-primary-500);
-  animation: spinner-rotate 1.5s linear infinite reverse;
-  animation-delay: -0.9375s;
-}
-
-.pv-spinner-ring:nth-child(7) {
-  border-bottom-color: var(--cratis-primary-300);
-  animation: spinner-rotate 1.5s linear infinite reverse;
-  animation-delay: -1.125s;
-}
-
-.pv-spinner-ring:nth-child(8) {
-  border-left-color: var(--cratis-primary-600);
-  animation: spinner-rotate 1.5s linear infinite reverse;
-  animation-delay: -1.3125s;
-}
-
-@keyframes spinner-rotate {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}

package/dist/esm/SchemaEditor/SchemaEditor.module.css

@@ -1,15 +0,0 @@
-/* Copyright (c) Cratis. All rights reserved.
-   Licensed under the MIT license. See LICENSE file in the project root for full license information. */
-
-.navigableRow {
-    cursor: pointer;
-    transition: background-color 0.15s;
-}
-
-.navigableRow:hover {
-    background-color: var(--cratis-surface-hover) !important;
-}
-
-.bottomBorder {
-    border-bottom: 1px solid var(--cratis-surface-border);
-}

package/dist/esm/TimeMachine/EventsView.css

@@ -1,213 +0,0 @@
-/* Events View Container */
-.events-view-container {
-    position: absolute;
-    inset: 0;
-    padding: 5rem 2rem 2rem;
-    overflow-y: auto;
-    background: transparent;
-    z-index: 1;
-}
-
-/* Timeline customization */
-.events-view-timeline {
-    max-width: 1200px;
-    margin: 0 auto;
-    padding: 2.5rem 0 3rem;
-}
-
-.events-view-timeline .p-timeline {
-    display: flex;
-    flex-direction: column;
-}
-
-.events-view-scroll-button {
-    position: relative;
-    margin-right: 0.5rem;
-    width: 44px;
-    height: 44px;
-    border-radius: 50%;
-    border: 1px solid var(--tm-border-subtle);
-    background: var(--tm-dark-surface);
-    color: var(--tm-text);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    backdrop-filter: blur(8px);
-    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
-    transition: transform 0.2s ease, box-shadow 0.2s ease;
-    z-index: 5;
-    pointer-events: auto;
-}
-
-.events-view-scroll-button:hover {
-    transform: translateY(-2px);
-    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.4);
-}
-
-.events-view-scroll-button:active {
-    transform: translateY(0);
-}
-
-.events-view-scroll-button--top {
-    top: auto;
-}
-
-.events-view-scroll-button--bottom {
-    bottom: auto;
-}
-
-.events-view-scroll-button-wrapper {
-    position: sticky;
-    display: flex;
-    justify-content: flex-end;
-    padding-right: 0.5rem;
-    pointer-events: none;
-    z-index: 5;
-    height: 0;
-    overflow: visible;
-}
-
-.events-view-scroll-button-wrapper--top {
-    top: 4.5rem;
-}
-
-.events-view-scroll-button-wrapper--bottom {
-    bottom: 2.5rem;
-}
-
-/* Event Card */
-.events-view-event-card {
-    background: var(--tm-surface);
-    border: 1px solid var(--tm-border);
-    border-radius: 12px;
-    padding: 1.5rem;
-    backdrop-filter: blur(10px);
-    transition: all 0.3s ease;
-    max-width: 380px;
-}
-
-.events-view-event-card:hover {
-    background: var(--tm-surface-hover);
-    border-color: var(--tm-accent-border);
-    transform: translateY(-2px);
-    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
-}
-
-/* Event Header */
-.events-view-event-header {
-    margin-bottom: 1rem;
-    padding-bottom: 1rem;
-    border-bottom: 1px solid var(--tm-border);
-}
-
-.events-view-event-name {
-    font-size: 1.25rem;
-    font-weight: 600;
-    color: var(--tm-text);
-    margin: 0 0 0.5rem 0;
-    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif;
-}
-
-.events-view-event-timestamp {
-    font-size: 0.875rem;
-    color: var(--tm-text-muted);
-    font-family: -apple-system, BlinkMacSystemFont, 'SF Mono', monospace;
-}
-
-.events-view-event-header--right {
-    text-align: right;
-}
-
-.events-view-event-name--right,
-.events-view-event-timestamp--right {
-    text-align: right;
-}
-
-/* Event Properties */
-.events-view-event-properties {
-    margin-top: 1rem;
-}
-
-/* Custom Marker */
-.events-view-marker {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 2.5rem;
-    height: 2.5rem;
-    background: linear-gradient(135deg, var(--tm-accent-bg), rgba(100, 150, 255, 0.1));
-    border: 2px solid var(--tm-accent-border);
-    border-radius: 50%;
-    position: relative;
-    backdrop-filter: blur(5px);
-    transition: all 0.3s ease;
-}
-
-.events-view-marker:hover {
-    background: linear-gradient(135deg, var(--tm-accent-bg-hover), var(--tm-accent-bg));
-    border-color: var(--tm-accent-border-hover);
-    transform: scale(1.1);
-}
-
-.events-view-marker-dot {
-    width: 0.75rem;
-    height: 0.75rem;
-    background: var(--tm-accent);
-    border-radius: 50%;
-    box-shadow: 0 0 10px var(--tm-accent-glow);
-}
-
-/* PrimeReact Timeline connector styling */
-.events-view-timeline .p-timeline-event-connector {
-    background: linear-gradient(to bottom, var(--tm-accent-border), var(--tm-accent-bg));
-}
-
-.events-view-timeline .p-timeline-event:last-child .p-timeline-event-connector {
-    visibility: hidden;
-}
-
-/* Remove default padding from PrimeReact timeline content areas */
-.events-view-timeline .p-timeline-event-opposite,
-.events-view-timeline .p-timeline-event-content {
-    padding: 0 1.5rem;
-    display: flex;
-    align-items: center;
-}
-
-/* Ensure cards hug the timeline on both sides */
-.events-view-timeline .p-timeline-event:nth-child(odd) .p-timeline-event-content {
-    justify-content: flex-start;
-}
-
-.events-view-timeline .p-timeline-event:nth-child(even) .p-timeline-event-content {
-    justify-content: flex-end;
-}
-
-.events-view-timeline .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
-    justify-content: flex-end;
-}
-
-.events-view-timeline .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
-    justify-content: flex-start;
-}
-
-.events-view-event-card--left,
-.events-view-event-card--right {
-    max-width: 380px;
-}
-
-/* Right-align content in left-side cards */
-.events-view-timeline .p-timeline-event-opposite .events-view-event-card {
-    text-align: right;
-}
-
-.events-view-timeline .p-timeline-event-opposite .events-view-event-card table {
-    margin-left: auto;
-    direction: rtl;
-}
-
-.events-view-timeline .p-timeline-event-opposite .events-view-event-card table td {
-    direction: ltr;
-    text-align: right;
-}
-

package/dist/esm/TimeMachine/Properties.css

@@ -1,57 +0,0 @@
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-
-.tm-properties-table {
-    width: 100%;
-    border-collapse: collapse;
-    font-family: -apple-system, BlinkMacSystemFont, 'SF Mono', monospace;
-    font-size: 13px;
-}
-
-.tm-properties-row {
-    border-bottom: 1px solid var(--tm-border, rgba(255, 255, 255, 0.1));
-}
-
-.tm-properties-label {
-    padding: 8px 12px;
-    color: var(--tm-text-muted, rgba(255, 255, 255, 0.6));
-    font-weight: 500;
-    width: 40%;
-}
-
-.tm-properties-label--right {
-    text-align: right;
-}
-
-.tm-properties-value {
-    padding: 8px 12px;
-    color: var(--tm-text, rgba(255, 255, 255, 0.9));
-}
-
-.tm-properties-value--right {
-    text-align: right;
-}
-
-.tm-properties-null {
-    color: var(--tm-text-faint, rgba(255, 255, 255, 0.4));
-}
-
-.tm-properties-boolean-true {
-    color: #4ade80;
-}
-
-.tm-properties-boolean-false {
-    color: #f87171;
-}
-
-.tm-properties-number {
-    color: #fbbf24;
-}
-
-.tm-properties-date {
-    color: #60a5fa;
-}
-
-.tm-properties-complex {
-    color: var(--tm-text-dim, rgba(255, 255, 255, 0.7));
-}