@semiont/react-ui 0.5.24 → 0.5.26

package/dist/index.css

@@ -562,8 +562,8 @@
   position: relative;
 }
 .annotation-low-confidence {
-  -webkit-text-decoration: underline dotted var(--semiont-color-warning-500, #d97706);
-  text-decoration: underline dotted var(--semiont-color-warning-500, #d97706);
+  -webkit-text-decoration: underline dotted var(--semiont-color-amber-500);
+  text-decoration: underline dotted var(--semiont-color-amber-500);
   text-decoration-thickness: 2px;
   text-underline-offset: 2px;
 }
@@ -1607,10 +1607,92 @@
   padding: 2rem;
 }
 .semiont-pdf-annotation-canvas__error {
-  color: var(--error-color);
+  color: var(--semiont-color-error);
 }
 [data-theme=dark] .semiont-pdf-annotation-canvas__error {
-  color: var(--error-color);
+  color: var(--semiont-color-error);
+}
+.semiont-pdf-annotation-canvas__viewport {
+  display: flex;
+  gap: 0.5rem;
+  align-items: stretch;
+}
+.semiont-pdf-annotation-canvas__viewport[data-axis=horizontal] {
+  flex-direction: column;
+}
+.semiont-pdf-annotation-canvas__column {
+  display: flex;
+  flex: 1 1 auto;
+  gap: 1rem;
+  align-items: center;
+}
+.semiont-pdf-annotation-canvas__column[data-axis=vertical] {
+  flex-direction: column;
+}
+.semiont-pdf-annotation-canvas__column[data-axis=horizontal] {
+  flex-direction: row;
+}
+.semiont-pdf-annotation-canvas__slot {
+  display: flex;
+  justify-content: center;
+  width: 100%;
+}
+.semiont-pdf-annotation-canvas__strip {
+  display: flex;
+  flex: 0 0 auto;
+  gap: 2px;
+  padding: 0.5rem;
+  scrollbar-width: none;
+}
+.semiont-pdf-annotation-canvas__strip::-webkit-scrollbar {
+  display: none;
+}
+.semiont-pdf-annotation-canvas__strip[data-axis=vertical] {
+  position: sticky;
+  top: 0;
+  flex-direction: column;
+  align-self: flex-start;
+  align-items: center;
+  max-height: 100vh;
+  overflow-y: auto;
+  border-right: 1px solid var(--semiont-border-secondary);
+}
+.semiont-pdf-annotation-canvas__strip[data-axis=horizontal] {
+  position: sticky;
+  top: 0;
+  flex-direction: row;
+  align-items: flex-end;
+  max-width: 100%;
+  overflow-x: auto;
+  border-bottom: 1px solid var(--semiont-border-secondary);
+}
+.semiont-pdf-annotation-canvas__strip-page {
+  display: flex;
+  flex: 0 0 auto;
+  align-items: center;
+  justify-content: center;
+  width: 30px;
+  padding: 0;
+  border: 1px solid var(--semiont-border-primary);
+  border-radius: 1px;
+  background: var(--semiont-bg-secondary);
+  color: var(--semiont-text-tertiary);
+  font-size: var(--semiont-text-2xs);
+  line-height: 1;
+  cursor: pointer;
+}
+.semiont-pdf-annotation-canvas__strip-page:hover {
+  background: var(--semiont-bg-hover);
+}
+.semiont-pdf-annotation-canvas__strip-page[aria-current=page] {
+  border-color: var(--semiont-color-primary-600);
+  background: var(--semiont-color-primary-500);
+  color: var(--semiont-color-neutral-0);
+  font-weight: var(--semiont-font-semibold);
+}
+.semiont-pdf-annotation-canvas__strip-page:focus-visible {
+  outline: 2px solid var(--semiont-focus-ring);
+  outline-offset: 1px;
 }
 .semiont-pdf-annotation-canvas__container {
   position: relative;
@@ -1661,11 +1743,11 @@
   justify-content: center;
   gap: 1rem;
   padding: 1rem;
-  border-top: 1px solid var(--border-color);
+  border-top: 1px solid var(--semiont-border-primary);
 }
 .semiont-pdf-annotation-canvas__button {
   padding: 0.5rem 1rem;
-  border: 1px solid var(--border-color);
+  border: 1px solid var(--semiont-border-primary);
   border-radius: 4px;
   background: transparent;
   cursor: pointer;
@@ -1676,10 +1758,10 @@
   }
 }
 .semiont-pdf-annotation-canvas__button:hover:not(:disabled) {
-  background-color: var(--hover-color, rgba(0, 0, 0, 0.05));
+  background-color: var(--semiont-bg-hover);
 }
 .semiont-pdf-annotation-canvas__button:focus-visible {
-  outline: 2px solid var(--focus-color, #0066cc);
+  outline: 2px solid var(--semiont-focus-ring);
   outline-offset: 2px;
 }
 .semiont-pdf-annotation-canvas__button:disabled {
@@ -1775,42 +1857,6 @@
 [data-theme=dark] .semiont-assist-widget__checkbox-hint {
   color: var(--semiont-color-gray-400);
 }
-.semiont-assist-widget__log {
-  background-color: var(--semiont-bg-primary);
-  border-radius: 0.5rem;
-  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  padding: 1rem;
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
-}
-[data-theme=dark] .semiont-assist-widget__log {
-  background-color: var(--semiont-color-gray-800);
-}
-.semiont-assist-widget__log-items {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-}
-.semiont-assist-widget__log-item {
-  font-size: 0.75rem;
-  color: var(--semiont-color-gray-600);
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-[data-theme=dark] .semiont-assist-widget__log-item {
-  color: var(--semiont-color-gray-400);
-}
-.semiont-assist-widget__log-check {
-  color: var(--semiont-color-green-600);
-}
-[data-theme=dark] .semiont-assist-widget__log-check {
-  color: var(--semiont-color-green-400);
-}
-.semiont-assist-widget__log-type {
-  font-weight: 500;
-}
 .semiont-annotation-progress {
   background-color: var(--semiont-bg-primary);
   border-radius: 0.5rem;
@@ -3590,10 +3636,10 @@
   color: var(--semiont-color-primary-400);
 }
 .semiont-search-modal__result-icon--entity {
-  color: var(--semiont-color-success-500);
+  color: var(--semiont-color-green-500);
 }
 [data-theme=dark] .semiont-search-modal__result-icon--entity {
-  color: var(--semiont-color-success-400);
+  color: var(--semiont-color-green-400);
 }
 .semiont-search-modal__result-content {
   flex: 1;
@@ -3616,12 +3662,12 @@
   font-size: 0.75rem;
   font-weight: 500;
   border-radius: 9999px;
-  background-color: var(--semiont-color-success-100);
-  color: var(--semiont-color-success-700);
+  background-color: var(--semiont-color-green-100);
+  color: var(--semiont-color-green-700);
 }
 [data-theme=dark] .semiont-search-modal__result-badge {
   background-color: rgba(34, 197, 94, 0.3);
-  color: var(--semiont-color-success-300);
+  color: var(--semiont-color-green-300);
 }
 .semiont-search-modal__result-description {
   font-size: 0.875rem;
@@ -4227,7 +4273,7 @@
 }
 .semiont-toolbar-icon-large {
   font-size: 1.875rem;
-  font-weight: var(--semiont-font-weight-bold);
+  font-weight: var(--semiont-font-bold);
 }
 [data-theme=dark] .semiont-toolbar {
   background-color: var(--semiont-bg-secondary);
@@ -4263,7 +4309,7 @@
   color: var(--semiont-color-primary-700);
   border: 1px solid var(--semiont-color-primary-200);
   border-radius: var(--semiont-radius-base);
-  font-size: var(--semiont-font-size-xs);
+  font-size: var(--semiont-text-xs);
 }
 .semiont-resource-tag__remove {
   display: inline-flex;
@@ -4272,7 +4318,7 @@
   border: none;
   background: none;
   color: inherit;
-  font-size: var(--semiont-font-size-xs);
+  font-size: var(--semiont-text-xs);
   cursor: pointer;
   opacity: 0.7;
 }
@@ -4321,8 +4367,8 @@
   text-align: center;
 }
 .semiont-error-boundary-title {
-  font-size: var(--semiont-font-size-2xl);
-  font-weight: var(--semiont-font-weight-bold);
+  font-size: var(--semiont-text-2xl);
+  font-weight: var(--semiont-font-bold);
   color: var(--semiont-color-neutral-900);
   margin-bottom: var(--semiont-spacing-xs);
 }
@@ -4330,27 +4376,27 @@
   color: var(--semiont-color-neutral-600);
 }
 .semiont-error-boundary-details {
-  background-color: var(--semiont-color-danger-50);
-  border: 1px solid var(--semiont-color-danger-200);
+  background-color: var(--semiont-color-red-50);
+  border: 1px solid var(--semiont-color-red-200);
   border-radius: var(--semiont-radius-md);
   padding: var(--semiont-spacing-md);
 }
 .semiont-error-boundary-details-title {
-  font-size: var(--semiont-font-size-sm);
-  font-weight: var(--semiont-font-weight-semibold);
-  color: var(--semiont-color-danger-800);
+  font-size: var(--semiont-text-sm);
+  font-weight: var(--semiont-font-semibold);
+  color: var(--semiont-color-red-800);
   margin-bottom: calc(var(--semiont-spacing-xs) / 2);
 }
 .semiont-error-boundary-details-message {
-  font-size: var(--semiont-font-size-xs);
-  color: var(--semiont-color-danger-700);
+  font-size: var(--semiont-text-xs);
+  color: var(--semiont-color-red-700);
   font-family: monospace;
   word-break: break-all;
 }
 .semiont-error-boundary-stack {
   margin-top: var(--semiont-spacing-xs);
-  font-size: var(--semiont-font-size-xs);
-  color: var(--semiont-color-danger-600);
+  font-size: var(--semiont-text-xs);
+  color: var(--semiont-color-red-600);
   overflow-x: auto;
 }
 .semiont-error-boundary-actions {
@@ -4360,8 +4406,8 @@
 }
 .semiont-async-error-boundary {
   padding: var(--semiont-spacing-md);
-  background-color: var(--semiont-color-warning-50);
-  border: 1px solid var(--semiont-color-warning-200);
+  background-color: var(--semiont-color-amber-50);
+  border: 1px solid var(--semiont-color-amber-200);
   border-radius: var(--semiont-radius-md);
 }
 .semiont-async-error-content {
@@ -4374,26 +4420,26 @@
 .semiont-icon-warning {
   height: 1.25rem;
   width: 1.25rem;
-  color: var(--semiont-color-warning-400);
+  color: var(--semiont-color-amber-400);
 }
 .semiont-async-error-details {
   margin-left: var(--semiont-spacing-sm);
   flex: 1;
 }
 .semiont-async-error-title {
-  font-size: var(--semiont-font-size-sm);
-  font-weight: var(--semiont-font-weight-medium);
-  color: var(--semiont-color-warning-800);
+  font-size: var(--semiont-text-sm);
+  font-weight: var(--semiont-font-medium);
+  color: var(--semiont-color-amber-800);
 }
 .semiont-async-error-message {
   margin-top: calc(var(--semiont-spacing-xs) / 2);
-  font-size: var(--semiont-font-size-sm);
-  color: var(--semiont-color-warning-700);
+  font-size: var(--semiont-text-sm);
+  color: var(--semiont-color-amber-700);
 }
 .semiont-async-error-retry {
   margin-top: var(--semiont-spacing-xs);
-  font-size: var(--semiont-font-size-sm);
-  color: var(--semiont-color-warning-600);
+  font-size: var(--semiont-text-sm);
+  color: var(--semiont-color-amber-600);
   text-decoration: underline;
   background: none;
   border: none;
@@ -4401,7 +4447,7 @@
   cursor: pointer;
 }
 .semiont-async-error-retry:hover {
-  color: var(--semiont-color-warning-500);
+  color: var(--semiont-color-amber-500);
 }
 [data-theme=dark] .semiont-error-boundary-container {
   background-color: var(--semiont-bg-inverse);
@@ -4414,35 +4460,35 @@
 }
 [data-theme=dark] .semiont-error-boundary-details {
   background-color: rgba(239, 68, 68, 0.2);
-  border-color: var(--semiont-color-danger-800);
+  border-color: var(--semiont-color-red-800);
 }
 [data-theme=dark] .semiont-error-boundary-details-title {
-  color: var(--semiont-color-danger-300);
+  color: var(--semiont-color-red-300);
 }
 [data-theme=dark] .semiont-error-boundary-details-message {
-  color: var(--semiont-color-danger-400);
+  color: var(--semiont-color-red-400);
 }
 [data-theme=dark] .semiont-error-boundary-stack {
-  color: var(--semiont-color-danger-500);
+  color: var(--semiont-color-red-500);
 }
 [data-theme=dark] .semiont-async-error-boundary {
   background-color: rgba(245, 158, 11, 0.2);
-  border-color: var(--semiont-color-warning-800);
+  border-color: var(--semiont-color-amber-800);
 }
 [data-theme=dark] .semiont-icon-warning {
-  color: var(--semiont-color-warning-400);
+  color: var(--semiont-color-amber-400);
 }
 [data-theme=dark] .semiont-async-error-title {
-  color: var(--semiont-color-warning-300);
+  color: var(--semiont-color-amber-300);
 }
 [data-theme=dark] .semiont-async-error-message {
-  color: var(--semiont-color-warning-400);
+  color: var(--semiont-color-amber-400);
 }
 [data-theme=dark] .semiont-async-error-retry {
-  color: var(--semiont-color-warning-400);
+  color: var(--semiont-color-amber-400);
 }
 [data-theme=dark] .semiont-async-error-retry:hover {
-  color: var(--semiont-color-warning-300);
+  color: var(--semiont-color-amber-300);
 }
 
 /* src/components/branding/Branding.css */
@@ -5042,21 +5088,21 @@
   gap: 0.5rem;
 }
 .semiont-form__input-row:focus-visible {
-  outline: 2px solid var(--semiont-focus-ring, #3b82f6);
+  outline: 2px solid var(--semiont-focus-ring);
   outline-offset: 2px;
 }
 [data-theme=dark] .semiont-form__input-row:focus-visible {
-  outline-color: var(--semiont-focus-ring, #60a5fa);
+  outline-color: var(--semiont-focus-ring);
 }
 .semiont-form__input-row .semiont-input {
   flex: 1;
 }
 .semiont-form__input-row .semiont-input:focus-visible {
-  outline: 2px solid var(--semiont-focus-ring, #3b82f6);
+  outline: 2px solid var(--semiont-focus-ring);
   outline-offset: 2px;
 }
 [data-theme=dark] .semiont-form__input-row .semiont-input:focus-visible {
-  outline-color: var(--semiont-focus-ring, #60a5fa);
+  outline-color: var(--semiont-focus-ring);
 }
 .semiont-form__url-status {
   flex-shrink: 0;
@@ -5065,23 +5111,23 @@
   text-align: center;
 }
 .semiont-form__url-status--checking {
-  color: var(--semiont-text-muted, #888888);
+  color: var(--semiont-text-tertiary);
   animation: spin 1s linear infinite;
   display: inline-block;
 }
 [data-theme=dark] .semiont-form__url-status--checking {
-  color: var(--semiont-text-muted, #888888);
+  color: var(--semiont-text-tertiary);
 }
 .semiont-form__url-status--ok {
-  color: var(--semiont-success, #22c55e);
+  color: var(--semiont-color-success);
 }
 [data-theme=dark] .semiont-form__url-status--ok {
-  color: var(--semiont-success, #22c55e);
+  color: var(--semiont-color-success);
 }
 .semiont-form__url-status--error {
-  color: var(--semiont-error, #ef4444);
+  color: var(--semiont-color-error);
 }
 [data-theme=dark] .semiont-form__url-status--error {
-  color: var(--semiont-error, #ef4444);
+  color: var(--semiont-color-error);
 }
 /*# sourceMappingURL=index.css.map */