@semiont/react-ui 0.5.14 → 0.5.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/Toast.css"],"sourcesContent":["/* ============================================\n Toast Component Styles\n ============================================ */\n\n.semiont-toast-container {\n position: fixed;\n top: 1rem;\n right: 1rem;\n z-index: 50;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n max-width: 24rem;\n}\n\n.semiont-toast {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n padding: 0.75rem 1rem;\n border-radius: var(--semiont-radius-lg);\n border: 1px solid;\n box-shadow: var(--semiont-shadow-lg);\n transition: all var(--semiont-duration-base) var(--semiont-ease);\n transform: translateX(0);\n animation: slideIn var(--semiont-duration-base) var(--semiont-ease);\n}\n\n[data-theme=\"dark\"] .semiont-toast {\n box-shadow: var(--semiont-shadow-lg);\n}\n\n@keyframes slideIn {\n from {\n transform: translateX(100%);\n opacity: 0;\n }\n to {\n transform: translateX(0);\n opacity: 1;\n }\n}\n\n.semiont-toast-icon-wrapper {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.semiont-toast-icon {\n width: 1.25rem;\n height: 1.25rem;\n}\n\n.semiont-toast-message {\n flex: 1;\n font-size: var(--semiont-text-sm);\n font-weight: var(--semiont-font-medium);\n}\n\n.semiont-toast-close {\n margin-left: auto;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background: transparent;\n border: none;\n cursor: pointer;\n padding: 0.25rem;\n border-radius: var(--semiont-radius-base);\n transition: opacity var(--semiont-duration-fast) var(--semiont-ease);\n}\n\n.semiont-toast-close:hover {\n opacity: 0.7;\n}\n\n.semiont-toast-close-icon {\n width: 1rem;\n height: 1rem;\n}\n\n/* Toast Variants */\n\n.semiont-toast[data-variant=\"success\"] {\n background-color: var(--semiont-color-green-100);\n border-color: var(--semiont-color-green-300);\n color: var(--semiont-color-green-800);\n}\n\n.semiont-toast[data-variant=\"error\"] {\n background-color: var(--semiont-color-red-100);\n border-color: var(--semiont-color-red-300);\n color: var(--semiont-color-red-800);\n}\n\n.semiont-toast[data-variant=\"warning\"] {\n background-color: var(--semiont-color-yellow-100);\n border-color: var(--semiont-color-yellow-300);\n color: var(--semiont-color-yellow-900);\n}\n\n.semiont-toast[data-variant=\"info\"] {\n background-color: var(--semiont-color-blue-100);\n border-color: var(--semiont-color-blue-300);\n color: var(--semiont-color-blue-800);\n}\n\n/* Dark mode toast variants - Fixed to respect data-theme attribute */\n\n[data-theme=\"dark\"] .semiont-toast[data-variant=\"success\"] {\n background-color: rgba(34, 197, 94, 0.1);\n border-color: var(--semiont-color-green-600);\n color: var(--semiont-color-green-300);\n}\n\n[data-theme=\"dark\"] .semiont-toast[data-variant=\"error\"] {\n background-color: rgba(239, 68, 68, 0.1);\n border-color: var(--semiont-color-red-600);\n color: var(--semiont-color-red-300);\n}\n\n[data-theme=\"dark\"] .semiont-toast[data-variant=\"warning\"] {\n background-color: rgba(245, 158, 11, 0.1);\n border-color: var(--semiont-color-amber-600);\n color: var(--semiont-color-yellow-300);\n}\n\n[data-theme=\"dark\"] .semiont-toast[data-variant=\"info\"] {\n background-color: rgba(59, 130, 246, 0.1);\n border-color: var(--semiont-color-blue-600);\n color: var(--semiont-color-blue-300);\n}\n\n\n/*# sourceMappingURL=src/components/Toast.css.map */"],"mappings":";AAIA,CAAC;AACC,YAAU;AACV,OAAK;AACL,SAAO;AACP,WAAS;AACT,WAAS;AACT,kBAAgB;AAChB,OAAK;AACL,aAAW;AACb;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,WAAS,QAAQ;AACjB,iBAAe,IAAI;AACnB,UAAQ,IAAI;AACZ,cAAY,IAAI;AAChB,cAAY,IAAI,IAAI,yBAAyB,IAAI;AACjD,aAAW,WAAW;AACtB,aAAW,QAAQ,IAAI,yBAAyB,IAAI;AACtD;AAEA,CAAC,iBAAmB,CAbnB;AAcC,cAAY,IAAI;AAClB;AAEA,WAPa;AAQX;AACE,eAAW,WAAW;AACtB,aAAS;AACX;AACA;AACE,eAAW,WAAW;AACtB,aAAS;AACX;AACF;AAEA,CAAC;AACC,eAAa;AACb,WAAS;AACT,eAAa;AACb,mBAAiB;AACnB;AAEA,CAAC;AACC,SAAO;AACP,UAAQ;AACV;AAEA,CAAC;AACC,QAAM;AACN,aAAW,IAAI;AACf,eAAa,IAAI;AACnB;AAEA,CAAC;AACC,eAAa;AACb,eAAa;AACb,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,cAAY;AACZ,UAAQ;AACR,UAAQ;AACR,WAAS;AACT,iBAAe,IAAI;AACnB,cAAY,QAAQ,IAAI,yBAAyB,IAAI;AACvD;AAEA,CAdC,mBAcmB;AAClB,WAAS;AACX;AAEA,CAAC;AACC,SAAO;AACP,UAAQ;AACV;AAIA,CAvEC,aAuEa,CAAC;AACb,oBAAkB,IAAI;AACtB,gBAAc,IAAI;AAClB,SAAO,IAAI;AACb;AAEA,CA7EC,aA6Ea,CAAC;AACb,oBAAkB,IAAI;AACtB,gBAAc,IAAI;AAClB,SAAO,IAAI;AACb;AAEA,CAnFC,aAmFa,CAAC;AACb,oBAAkB,IAAI;AACtB,gBAAc,IAAI;AAClB,SAAO,IAAI;AACb;AAEA,CAzFC,aAyFa,CAAC;AACb,oBAAkB,IAAI;AACtB,gBAAc,IAAI;AAClB,SAAO,IAAI;AACb;AAIA,CAAC,iBAAmB,CAjGnB,aAiGiC,CAAC;AACjC,oBAAkB,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE;AACpC,gBAAc,IAAI;AAClB,SAAO,IAAI;AACb;AAEA,CAAC,iBAAmB,CAvGnB,aAuGiC,CAAC;AACjC,oBAAkB,KAAK,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE;AACpC,gBAAc,IAAI;AAClB,SAAO,IAAI;AACb;AAEA,CAAC,iBAAmB,CA7GnB,aA6GiC,CAAC;AACjC,oBAAkB,KAAK,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE;AACrC,gBAAc,IAAI;AAClB,SAAO,IAAI;AACb;AAEA,CAAC,iBAAmB,CAnHnB,aAmHiC,CAAC;AACjC,oBAAkB,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE;AACrC,gBAAc,IAAI;AAClB,SAAO,IAAI;AACb;","names":[]}
1
+ {"version":3,"sources":["../src/components/Toast.css"],"sourcesContent":["/* ============================================\n Toast Component Styles\n ============================================ */\n\n.semiont-toast-container {\n position: fixed;\n top: 1rem;\n right: 1rem;\n z-index: 50;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n max-width: 24rem;\n}\n\n.semiont-toast {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n padding: 0.75rem 1rem;\n border-radius: var(--semiont-radius-lg);\n border: 1px solid;\n box-shadow: var(--semiont-shadow-lg);\n transition: all var(--semiont-duration-base) var(--semiont-ease);\n transform: translateX(0);\n animation: slideIn var(--semiont-duration-base) var(--semiont-ease);\n}\n\n[data-theme=\"dark\"] .semiont-toast {\n box-shadow: var(--semiont-shadow-lg);\n}\n\n@keyframes slideIn {\n from {\n transform: translateX(100%);\n opacity: 0;\n }\n to {\n transform: translateX(0);\n opacity: 1;\n }\n}\n\n.semiont-toast-icon-wrapper {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.semiont-toast-icon {\n width: 1.25rem;\n height: 1.25rem;\n}\n\n.semiont-toast-message {\n flex: 1;\n font-size: var(--semiont-text-sm);\n font-weight: var(--semiont-font-medium);\n}\n\n.semiont-toast-close {\n margin-left: auto;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background: transparent;\n border: none;\n cursor: pointer;\n padding: 0.25rem;\n border-radius: var(--semiont-radius-base);\n transition: opacity var(--semiont-duration-fast) var(--semiont-ease);\n}\n\n.semiont-toast-close:hover {\n opacity: 0.7;\n}\n\n.semiont-toast-close-icon {\n width: 1rem;\n height: 1rem;\n}\n\n/* Toast Variants */\n.semiont-toast[data-variant=\"success\"] {\n background-color: var(--semiont-color-green-100);\n border-color: var(--semiont-color-green-300);\n color: var(--semiont-color-green-800);\n}\n\n.semiont-toast[data-variant=\"error\"] {\n background-color: var(--semiont-color-red-100);\n border-color: var(--semiont-color-red-300);\n color: var(--semiont-color-red-800);\n}\n\n.semiont-toast[data-variant=\"warning\"] {\n background-color: var(--semiont-color-yellow-100);\n border-color: var(--semiont-color-yellow-300);\n color: var(--semiont-color-yellow-900);\n}\n\n.semiont-toast[data-variant=\"info\"] {\n background-color: var(--semiont-color-blue-100);\n border-color: var(--semiont-color-blue-300);\n color: var(--semiont-color-blue-800);\n}\n\n/* Dark mode toast variants - Fixed to respect data-theme attribute */\n[data-theme=\"dark\"] .semiont-toast[data-variant=\"success\"] {\n background-color: rgba(34, 197, 94, 0.1);\n border-color: var(--semiont-color-green-600);\n color: var(--semiont-color-green-300);\n}\n\n[data-theme=\"dark\"] .semiont-toast[data-variant=\"error\"] {\n background-color: rgba(239, 68, 68, 0.1);\n border-color: var(--semiont-color-red-600);\n color: var(--semiont-color-red-300);\n}\n\n[data-theme=\"dark\"] .semiont-toast[data-variant=\"warning\"] {\n background-color: rgba(245, 158, 11, 0.1);\n border-color: var(--semiont-color-amber-600);\n color: var(--semiont-color-yellow-300);\n}\n\n[data-theme=\"dark\"] .semiont-toast[data-variant=\"info\"] {\n background-color: rgba(59, 130, 246, 0.1);\n border-color: var(--semiont-color-blue-600);\n color: var(--semiont-color-blue-300);\n}\n\n\n/*# sourceMappingURL=src/components/Toast.css.map */"],"mappings":";AAIA,CAAC;AACC,YAAU;AACV,OAAK;AACL,SAAO;AACP,WAAS;AACT,WAAS;AACT,kBAAgB;AAChB,OAAK;AACL,aAAW;AACb;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,WAAS,QAAQ;AACjB,iBAAe,IAAI;AACnB,UAAQ,IAAI;AACZ,cAAY,IAAI;AAChB,cAAY,IAAI,IAAI,yBAAyB,IAAI;AACjD,aAAW,WAAW;AACtB,aAAW,QAAQ,IAAI,yBAAyB,IAAI;AACtD;AAEA,CAAC,iBAAmB,CAbnB;AAcC,cAAY,IAAI;AAClB;AAEA,WAPa;AAQX;AACE,eAAW,WAAW;AACtB,aAAS;AACX;AACA;AACE,eAAW,WAAW;AACtB,aAAS;AACX;AACF;AAEA,CAAC;AACC,eAAa;AACb,WAAS;AACT,eAAa;AACb,mBAAiB;AACnB;AAEA,CAAC;AACC,SAAO;AACP,UAAQ;AACV;AAEA,CAAC;AACC,QAAM;AACN,aAAW,IAAI;AACf,eAAa,IAAI;AACnB;AAEA,CAAC;AACC,eAAa;AACb,eAAa;AACb,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,cAAY;AACZ,UAAQ;AACR,UAAQ;AACR,WAAS;AACT,iBAAe,IAAI;AACnB,cAAY,QAAQ,IAAI,yBAAyB,IAAI;AACvD;AAEA,CAdC,mBAcmB;AAClB,WAAS;AACX;AAEA,CAAC;AACC,SAAO;AACP,UAAQ;AACV;AAGA,CAtEC,aAsEa,CAAC;AACb,oBAAkB,IAAI;AACtB,gBAAc,IAAI;AAClB,SAAO,IAAI;AACb;AAEA,CA5EC,aA4Ea,CAAC;AACb,oBAAkB,IAAI;AACtB,gBAAc,IAAI;AAClB,SAAO,IAAI;AACb;AAEA,CAlFC,aAkFa,CAAC;AACb,oBAAkB,IAAI;AACtB,gBAAc,IAAI;AAClB,SAAO,IAAI;AACb;AAEA,CAxFC,aAwFa,CAAC;AACb,oBAAkB,IAAI;AACtB,gBAAc,IAAI;AAClB,SAAO,IAAI;AACb;AAGA,CAAC,iBAAmB,CA/FnB,aA+FiC,CAAC;AACjC,oBAAkB,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE;AACpC,gBAAc,IAAI;AAClB,SAAO,IAAI;AACb;AAEA,CAAC,iBAAmB,CArGnB,aAqGiC,CAAC;AACjC,oBAAkB,KAAK,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE;AACpC,gBAAc,IAAI;AAClB,SAAO,IAAI;AACb;AAEA,CAAC,iBAAmB,CA3GnB,aA2GiC,CAAC;AACjC,oBAAkB,KAAK,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE;AACrC,gBAAc,IAAI;AAClB,SAAO,IAAI;AACb;AAEA,CAAC,iBAAmB,CAjHnB,aAiHiC,CAAC;AACjC,oBAAkB,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE;AACrC,gBAAc,IAAI;AAClB,SAAO,IAAI;AACb;","names":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semiont/react-ui",
3
- "version": "0.5.14",
3
+ "version": "0.5.16",
4
4
  "engines": {
5
5
  "node": ">=24.0.0"
6
6
  },
@@ -97,10 +97,10 @@
97
97
  "@types/react": "^19.2.16",
98
98
  "@types/react-dom": "^19",
99
99
  "@vitest/coverage-v8": "^4.1.8",
100
- "autoprefixer": "^10.5.2",
100
+ "autoprefixer": "^10.5.3",
101
101
  "axe-core": "^4.12.1",
102
102
  "cssnano": "^8.0.2",
103
- "fast-check": "^4.8.0",
103
+ "fast-check": "^4.9.0",
104
104
  "jest-axe": "^10.0.0",
105
105
  "jsdom": "^29.1.1",
106
106
  "postcss-import": "^16.1.1",
@@ -122,9 +122,9 @@
122
122
  "directory": "packages/react-ui"
123
123
  },
124
124
  "dependencies": {
125
- "@semiont/core": "0.5.14",
126
- "@semiont/http-transport": "0.5.14",
127
- "@semiont/sdk": "0.5.14",
125
+ "@semiont/core": "0.5.16",
126
+ "@semiont/http-transport": "0.5.16",
127
+ "@semiont/sdk": "0.5.16",
128
128
  "pdfjs-dist": "^6.1.200",
129
129
  "react-error-boundary": "^6.1.2",
130
130
  "react-markdown": "^10.1.0",
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/pdf-annotation/PdfAnnotationCanvas.css"],"sourcesContent":["/**\n * PDF Annotation Canvas Styles\n *\n * Provides consistent styling for PDF annotation interface,\n * following the same pattern as image annotation (SvgDrawingCanvas).\n */\n\n.semiont-pdf-annotation-canvas {\n position: relative;\n display: inline-block;\n}\n\n.semiont-pdf-annotation-canvas__loading,\n.semiont-pdf-annotation-canvas__error {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 2rem;\n}\n\n/* stylelint-disable semiont/accessibility -- Error indicator added by semantic-indicators.css */\n\n.semiont-pdf-annotation-canvas__error {\n color: var(--error-color);\n}\n\n[data-theme=\"dark\"] .semiont-pdf-annotation-canvas__error {\n color: var(--error-color);\n}\n\n/* stylelint-enable semiont/accessibility */\n\n.semiont-pdf-annotation-canvas__container {\n position: relative;\n display: inline-block;\n cursor: crosshair;\n}\n\n.semiont-pdf-annotation-canvas__container[data-drawing-mode=\"none\"] {\n cursor: default;\n}\n\n.semiont-pdf-annotation-canvas__image {\n display: block;\n max-width: 100%;\n height: auto;\n box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n pointer-events: none;\n}\n\n[data-theme=\"dark\"] .semiont-pdf-annotation-canvas__image {\n box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.3), 0 1px 2px -1px rgb(0 0 0 / 0.3);\n}\n\n.semiont-pdf-annotation-canvas__overlay-container {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n\n.semiont-pdf-annotation-canvas__overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n\n.semiont-pdf-annotation-canvas__svg {\n pointer-events: none;\n}\n\n.semiont-pdf-annotation-canvas__svg rect {\n pointer-events: auto;\n}\n\n.semiont-pdf-annotation-canvas__controls {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n padding: 1rem;\n border-top: 1px solid var(--border-color);\n}\n\n.semiont-pdf-annotation-canvas__button {\n padding: 0.5rem 1rem;\n border: 1px solid var(--border-color);\n border-radius: 4px;\n background: transparent;\n cursor: pointer;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .semiont-pdf-annotation-canvas__button {\n transition: background-color 0.2s;\n }\n}\n\n.semiont-pdf-annotation-canvas__button:hover:not(:disabled) {\n background-color: var(--hover-color, rgba(0, 0, 0, 0.05));\n}\n\n.semiont-pdf-annotation-canvas__button:focus-visible {\n outline: 2px solid var(--focus-color, #0066cc);\n outline-offset: 2px;\n}\n\n.semiont-pdf-annotation-canvas__button:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.semiont-pdf-annotation-canvas__page-info {\n font-size: 0.875rem;\n min-width: 7rem;\n text-align: center;\n}\n\n/*# sourceMappingURL=src/components/pdf-annotation/PdfAnnotationCanvas.css.map */"],"mappings":";AAOA,CAAC;AACC,YAAU;AACV,WAAS;AACX;AAEA,CAAC;AACD,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,WAAS;AACX;AAIA,CATC;AAUC,SAAO,IAAI;AACb;AAEA,CAAC,iBAAmB,CAbnB;AAcC,SAAO,IAAI;AACb;AAIA,CAAC;AACC,YAAU;AACV,WAAS;AACT,UAAQ;AACV;AAEA,CANC,wCAMwC,CAAC;AACxC,UAAQ;AACV;AAEA,CAAC;AACC,WAAS;AACT,aAAW;AACX,UAAQ;AACR,cAAY,EAAE,IAAI,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,IAAI,KAAK,IAAI,EAAE,EAAE,EAAE,EAAE;AACrE,uBAAqB;AAClB,oBAAkB;AACb,eAAa;AACrB,kBAAgB;AAClB;AAEA,CAAC,iBAAmB,CAXnB;AAYC,cAAY,EAAE,IAAI,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,IAAI,KAAK,IAAI,EAAE,EAAE,EAAE,EAAE;AACvE;AAEA,CAAC;AACC,YAAU;AACV,OAAK;AACL,QAAM;AACN,SAAO;AACP,UAAQ;AACR,kBAAgB;AAClB;AAEA,CAAC;AACC,YAAU;AACV,OAAK;AACL,QAAM;AACN,SAAO;AACP,UAAQ;AACR,kBAAgB;AAClB;AAEA,CAAC;AACC,kBAAgB;AAClB;AAEA,CAJC,mCAImC;AAClC,kBAAgB;AAClB;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,OAAK;AACL,WAAS;AACT,cAAY,IAAI,MAAM,IAAI;AAC5B;AAEA,CAAC;AACC,WAAS,OAAO;AAChB,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe;AACf,cAAY;AACZ,UAAQ;AACV;AAEA,QAAO,wBAAyB;AAC9B,GATD;AAUG,gBAAY,iBAAiB;AAC/B;AACF;AAEA,CAdC,qCAcqC,MAAM,KAAK;AAC/C,oBAAkB,IAAI,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACrD;AAEA,CAlBC,qCAkBqC;AACpC,WAAS,IAAI,MAAM,IAAI,aAAa,EAAE;AACtC,kBAAgB;AAClB;AAEA,CAvBC,qCAuBqC;AACpC,WAAS;AACT,UAAQ;AACV;AAEA,CAAC;AACC,aAAW;AACX,aAAW;AACX,cAAY;AACd;","names":[]}