@nice2dev/social 1.2.0 → 1.2.2

package/dist/style.css

@@ -0,0 +1 @@
+:is(.nice-user-list,.nice-activity-feed,.nice-comments,.nice-ratings) :where(button){display:inline-flex;align-items:center;justify-content:center;gap:var(--nice-space-1, 4px);padding:var(--nice-space-1, 4px) var(--nice-space-2-5, 10px);border:1px solid var(--nice-border-color, #e2e8f0);border-radius:var(--nice-radius-md, 6px);background:var(--nice-bg-primary, #fff);color:var(--nice-text-primary, inherit);font:inherit;font-size:var(--nice-font-size-sm, .8125rem);cursor:pointer}:is(.nice-user-list,.nice-activity-feed,.nice-comments,.nice-ratings) :where(button:hover:not(:disabled)){background:var(--nice-bg-secondary, #f8fafc);border-color:var(--nice-border-strong, #cbd5e1)}:is(.nice-user-list,.nice-activity-feed,.nice-comments,.nice-ratings) :where(button:disabled){opacity:.5;cursor:not-allowed}:is(.nice-user-list,.nice-activity-feed,.nice-comments,.nice-ratings) :where(input[type=text],input[type=number],textarea){box-sizing:border-box;min-width:0;padding:var(--nice-space-1-5, 6px) var(--nice-space-2-5, 10px);border:1px solid var(--nice-border-color, #e2e8f0);border-radius:var(--nice-radius-md, 6px);background:var(--nice-bg-primary, #fff);color:var(--nice-text-primary, inherit);font:inherit}:is(.nice-user-list,.nice-activity-feed,.nice-comments,.nice-ratings) :where(button,input,textarea,[role=button]):focus-visible{outline:none;box-shadow:var(--nice-focus-ring, 0 0 0 2px var(--nice-color-primary, #3b82f6))}.nice-comments{display:flex;flex-direction:column;gap:var(--nice-space-3, 12px);min-width:0;color:var(--nice-text-primary, inherit);font-size:var(--nice-font-size-sm, .8125rem)}.nice-comments__new,.nice-comments__reply-form,.nice-comments__edit-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--nice-space-2, 8px)}.nice-comments__new textarea,.nice-comments__reply-form textarea,.nice-comments__edit-form textarea{flex:1 1 100%;min-height:64px;resize:vertical}.nice-comments__new>button:last-child,.nice-comments__reply-form>button:nth-of-type(1),.nice-comments__edit-form>button:nth-of-type(1){border-color:var(--nice-color-primary, #3b82f6);background:var(--nice-color-primary, #3b82f6);color:var(--nice-text-on-primary, #fff)}.nice-comments__empty{margin:0;padding:var(--nice-space-4, 16px);color:var(--nice-text-muted, #94a3b8);text-align:center}.nice-comments__item{display:flex;flex-direction:column;gap:var(--nice-space-1, 4px);padding:var(--nice-space-2, 8px) 0 var(--nice-space-2, 8px) var(--nice-space-3, 12px);border-left:2px solid var(--nice-border-color, #e2e8f0)}.nice-comments__header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--nice-space-1-5, 6px)}.nice-comments__avatar{width:24px;height:24px;border-radius:var(--nice-radius-circle, 50%);object-fit:cover}.nice-comments__author{font-weight:var(--nice-font-weight-semibold, 600)}.nice-comments__time,.nice-comments__edited{color:var(--nice-text-muted, #94a3b8);font-size:var(--nice-font-size-xs, .75rem)}.nice-comments__content{margin:0;line-height:var(--nice-line-height, 1.5);white-space:pre-wrap}.nice-comments__content em{color:var(--nice-text-muted, #94a3b8)}.nice-comments__reactions{display:flex;flex-wrap:wrap;gap:var(--nice-space-1, 4px)}.nice-comments__reaction{padding:0 var(--nice-space-2, 8px);border-radius:var(--nice-radius-full, 9999px);font-size:var(--nice-font-size-xs, .75rem);font-variant-numeric:tabular-nums}.nice-comments__actions{display:flex;flex-wrap:wrap;gap:var(--nice-space-0-5, 2px)}.nice-comments__actions>button{padding:var(--nice-space-0-5, 2px) var(--nice-space-1-5, 6px);border-color:transparent;background:transparent;color:var(--nice-text-secondary, #64748b);font-size:var(--nice-font-size-xs, .75rem)}.nice-comments__actions>button:hover:not(:disabled){border-color:transparent;background:var(--nice-bg-secondary, #f1f5f9);color:var(--nice-text-primary, inherit)}.nice-ratings{display:inline-flex;flex-direction:column;gap:var(--nice-space-1-5, 6px);color:var(--nice-text-primary, inherit);font-size:var(--nice-font-size-md, .875rem)}.nice-ratings__label{color:var(--nice-text-secondary, #64748b);font-size:var(--nice-font-size-sm, .8125rem);font-weight:var(--nice-font-weight-medium, 500)}.nice-ratings__body{display:inline-flex;align-items:center;gap:var(--nice-space-0-5, 2px)}.nice-ratings__symbol{display:inline-flex;padding:var(--nice-space-0-5, 2px);border-radius:var(--nice-radius-sm, 4px);color:var(--nice-color-warning, #f59e0b);font-size:1.25em;line-height:1;cursor:pointer;transition:transform var(--nice-transition-fast, .12s ease)}.nice-ratings--sm .nice-ratings__symbol{font-size:1em}.nice-ratings--lg .nice-ratings__symbol{font-size:1.75em}.nice-ratings--hearts .nice-ratings__symbol{color:var(--nice-color-danger, #ef4444)}.nice-ratings--thumbs .nice-ratings__symbol{color:var(--nice-color-primary, #3b82f6)}.nice-ratings__symbol:hover{transform:scale(1.12)}.nice-ratings__symbol:focus-visible{outline:none;box-shadow:var(--nice-focus-ring, 0 0 0 2px var(--nice-color-primary, #3b82f6))}.nice-ratings--readonly .nice-ratings__symbol{cursor:default}.nice-ratings--readonly .nice-ratings__symbol:hover{transform:none}.nice-ratings__value{margin-left:var(--nice-space-1-5, 6px);color:var(--nice-text-secondary, #64748b);font-size:var(--nice-font-size-sm, .8125rem);font-variant-numeric:tabular-nums}.nice-ratings__numeric{display:inline-flex;align-items:center;gap:var(--nice-space-1-5, 6px)}.nice-ratings__numeric-input{width:72px;text-align:right}.nice-ratings__numeric-max{color:var(--nice-text-muted, #94a3b8)}.nice-ratings__aggregation{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--nice-space-1, 4px) var(--nice-space-2, 8px)}.nice-ratings__avg{font-size:var(--nice-font-size-xxl, 1.25rem);font-variant-numeric:tabular-nums;font-weight:var(--nice-font-weight-bold, 700)}.nice-ratings__count{color:var(--nice-text-muted, #94a3b8);font-size:var(--nice-font-size-sm, .8125rem)}.nice-ratings__distribution{display:flex;flex-basis:100%;flex-direction:column;gap:var(--nice-space-0-5, 2px);min-width:200px}.nice-ratings__distribution-row{display:grid;grid-template-columns:1.5em 1fr 2.5em;align-items:center;gap:var(--nice-space-2, 8px);color:var(--nice-text-secondary, #64748b);font-size:var(--nice-font-size-xs, .75rem);font-variant-numeric:tabular-nums}.nice-ratings__distribution-row>span:last-child{text-align:right}.nice-ratings__bar{height:6px;overflow:hidden;border-radius:var(--nice-radius-full, 9999px);background:var(--nice-bg-tertiary, #e2e8f0)}.nice-ratings__bar-fill{height:100%;border-radius:inherit;background:var(--nice-color-warning, #f59e0b)}.nice-social-panel{display:inline-flex;flex-wrap:wrap;gap:var(--nice-space-1-5, 6px);color:var(--nice-text-primary, inherit);font-size:var(--nice-font-size-sm, .8125rem)}.nice-social-panel--vertical{flex-direction:column;align-items:stretch}.nice-social-panel--sm{font-size:var(--nice-font-size-xs, .75rem)}.nice-social-panel--lg{font-size:var(--nice-font-size-md, .875rem)}.nice-social-panel__btn{display:inline-flex;align-items:center;gap:var(--nice-space-1-5, 6px);padding:var(--nice-space-1, 4px) var(--nice-space-2-5, 10px);border:1px solid var(--nice-border-color, #e2e8f0);border-radius:var(--nice-radius-full, 9999px);background:var(--nice-bg-primary, #fff);color:var(--nice-text-secondary, #64748b);font:inherit;cursor:pointer;transition:background-color var(--nice-transition-fast, .12s ease),border-color var(--nice-transition-fast, .12s ease)}.nice-social-panel--lg .nice-social-panel__btn{padding:var(--nice-space-1-5, 6px) var(--nice-space-3, 12px)}.nice-social-panel__btn:hover{border-color:var(--nice-border-strong, #cbd5e1);color:var(--nice-text-primary, inherit)}.nice-social-panel__btn:focus-visible{outline:none;box-shadow:var(--nice-focus-ring, 0 0 0 2px var(--nice-color-primary, #3b82f6))}.nice-social-panel__btn--active{border-color:currentColor}.nice-social-panel__btn--like.nice-social-panel__btn--active{background:color-mix(in srgb,var(--nice-color-danger, #ef4444) 10%,transparent);color:var(--nice-color-danger, #ef4444)}.nice-social-panel__btn--bookmark.nice-social-panel__btn--active{background:color-mix(in srgb,var(--nice-color-warning, #f59e0b) 12%,transparent);color:var(--nice-color-warning, #b45309)}.nice-social-panel__icon{display:inline-flex}.nice-social-panel__count{font-variant-numeric:tabular-nums;font-weight:var(--nice-font-weight-semibold, 600)}.nice-tag-cloud{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--nice-space-1, 4px) var(--nice-space-2-5, 10px);color:var(--nice-text-primary, inherit);line-height:1.3}.nice-tag-cloud__empty{margin:0;color:var(--nice-text-muted, #94a3b8)}.nice-tag-cloud__tag{padding:0 var(--nice-space-1, 4px);border-radius:var(--nice-radius-sm, 4px);white-space:nowrap}.nice-tag-cloud__tag[role=button]{cursor:pointer}.nice-tag-cloud__tag[role=button]:hover{text-decoration:underline}.nice-tag-cloud__tag[role=button]:focus-visible{outline:none;box-shadow:var(--nice-focus-ring, 0 0 0 2px var(--nice-color-primary, #3b82f6))}.nice-tag-cloud__tag--selected{background:color-mix(in srgb,var(--nice-color-primary, #3b82f6) 14%,transparent);font-weight:var(--nice-font-weight-semibold, 600)}.nice-user-list{display:flex;flex-direction:column;gap:var(--nice-space-2, 8px);min-width:0;color:var(--nice-text-primary, inherit);font-size:var(--nice-font-size-sm, .8125rem)}.nice-user-list__search{width:100%}.nice-user-list__empty{margin:0;padding:var(--nice-space-4, 16px);color:var(--nice-text-muted, #94a3b8);text-align:center}.nice-user-list__group{display:flex;flex-direction:column;gap:var(--nice-space-0-5, 2px)}.nice-user-list--grid .nice-user-list__group{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--nice-space-2, 8px)}.nice-user-list__group-title{grid-column:1 / -1;margin:var(--nice-space-1, 4px) 0;color:var(--nice-text-secondary, #64748b);font-size:var(--nice-font-size-xs, .75rem);font-weight:var(--nice-font-weight-semibold, 600);letter-spacing:.04em;text-transform:uppercase}.nice-user-list__item{display:flex;align-items:center;gap:var(--nice-space-2-5, 10px);padding:var(--nice-space-1-5, 6px) var(--nice-space-2, 8px);border-radius:var(--nice-radius-md, 6px)}.nice-user-list__item--grid{flex-direction:column;padding:var(--nice-space-3, 12px);border:1px solid var(--nice-border-color, #e2e8f0);text-align:center}.nice-user-list__item[role=button]{cursor:pointer}.nice-user-list__item[role=button]:hover{background:var(--nice-bg-secondary, #f8fafc)}.nice-user-list__item[role=button]:focus-visible{outline:none;box-shadow:var(--nice-focus-ring, 0 0 0 2px var(--nice-color-primary, #3b82f6))}.nice-user-list__avatar-wrap{position:relative;flex-shrink:0}.nice-user-list__avatar,.nice-user-list__avatar-placeholder{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--nice-radius-circle, 50%);object-fit:cover}.nice-user-list__avatar-placeholder{background:color-mix(in srgb,var(--nice-color-primary, #3b82f6) 16%,transparent);color:var(--nice-color-primary, #3b82f6);font-weight:var(--nice-font-weight-semibold, 600)}.nice-user-list__status-dot{position:absolute;right:0;bottom:0;width:10px;height:10px;border:2px solid var(--nice-bg-primary, #fff);border-radius:var(--nice-radius-circle, 50%)}.nice-user-list__info{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.nice-user-list__name{overflow:hidden;font-weight:var(--nice-font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap}.nice-user-list__email{overflow:hidden;color:var(--nice-text-secondary, #64748b);font-size:var(--nice-font-size-xs, .75rem);text-overflow:ellipsis;white-space:nowrap}.nice-user-list__role{align-self:flex-start;margin-top:var(--nice-space-0-5, 2px);padding:0 var(--nice-space-1-5, 6px);border-radius:var(--nice-radius-full, 9999px);background:var(--nice-bg-secondary, #f1f5f9);color:var(--nice-text-secondary, #64748b);font-size:var(--nice-font-size-xxs, .625rem)}.nice-user-list__item--grid .nice-user-list__role{align-self:center}.nice-user-list__actions{display:flex;flex-shrink:0;gap:var(--nice-space-1, 4px)}.nice-user-list__action-btn{padding:var(--nice-space-0-5, 2px) var(--nice-space-2, 8px);font-size:var(--nice-font-size-xs, .75rem);text-transform:capitalize}.nice-activity-feed{display:flex;flex-direction:column;gap:var(--nice-space-3, 12px);min-width:0;color:var(--nice-text-primary, inherit);font-size:var(--nice-font-size-sm, .8125rem)}.nice-activity-feed__filters{display:flex;flex-wrap:wrap;gap:var(--nice-space-1-5, 6px)}.nice-activity-feed__filter-chip{border-radius:var(--nice-radius-full, 9999px);font-size:var(--nice-font-size-xs, .75rem);text-transform:capitalize}.nice-activity-feed__filter-chip--active,.nice-activity-feed__filter-chip--active:hover:not(:disabled){border-color:var(--nice-color-primary, #3b82f6);background:color-mix(in srgb,var(--nice-color-primary, #3b82f6) 12%,transparent);color:var(--nice-color-primary, #3b82f6)}.nice-activity-feed__filter-clear{border-color:transparent;background:transparent;color:var(--nice-text-secondary, #64748b);font-size:var(--nice-font-size-xs, .75rem)}.nice-activity-feed__empty{margin:0;padding:var(--nice-space-4, 16px);color:var(--nice-text-muted, #94a3b8);text-align:center}.nice-activity-feed__group{display:flex;flex-direction:column;gap:var(--nice-space-0-5, 2px)}.nice-activity-feed__date-label{margin-bottom:var(--nice-space-1, 4px);color:var(--nice-text-muted, #94a3b8);font-size:var(--nice-font-size-xs, .75rem);font-weight:var(--nice-font-weight-semibold, 600);letter-spacing:.04em;text-transform:uppercase}.nice-activity-feed__event{display:flex;align-items:flex-start;gap:var(--nice-space-2-5, 10px);padding:var(--nice-space-1-5, 6px) var(--nice-space-2, 8px);border-radius:var(--nice-radius-md, 6px)}.nice-activity-feed__event[role=button]{cursor:pointer}.nice-activity-feed__event[role=button]:hover{background:var(--nice-bg-secondary, #f8fafc)}.nice-activity-feed__event[role=button]:focus-visible{outline:none;box-shadow:var(--nice-focus-ring, 0 0 0 2px var(--nice-color-primary, #3b82f6))}.nice-activity-feed__icon{flex-shrink:0;width:10px;height:10px;margin-top:var(--nice-space-1, 4px);border-radius:var(--nice-radius-circle, 50%)}.nice-activity-feed__body{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:baseline;gap:var(--nice-space-1, 4px) var(--nice-space-2, 8px);min-width:0}.nice-activity-feed__avatar{align-self:center;width:22px;height:22px;border-radius:var(--nice-radius-circle, 50%);object-fit:cover}.nice-activity-feed__message{flex:1 1 auto;min-width:0;line-height:var(--nice-line-height, 1.5)}.nice-activity-feed__message em{color:var(--nice-color-primary, #3b82f6);font-style:normal}.nice-activity-feed__time{color:var(--nice-text-muted, #94a3b8);font-size:var(--nice-font-size-xs, .75rem);white-space:nowrap}.nice-activity-feed__load-more{align-self:center}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nice2dev/social",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "Nice2Dev Social — Comments, ratings, activity feed, tag cloud, social panel, user list, wiki for React",
   "type": "module",
   "main": "dist/index.cjs",
@@ -11,7 +11,8 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.cjs"
-    }
+    },
+    "./style.css": "./dist/style.css"
   },
   "files": [
     "dist",
@@ -56,10 +57,12 @@
     "url": "https://github.com/NiceToDev/NiceToDev.UI/issues"
   },
   "peerDependencies": {
+    "@nice2dev/ui-core": "^1.2.0",
     "react": ">=17.0.0",
     "react-dom": ">=17.0.0"
   },
   "devDependencies": {
+    "@nice2dev/ui-core": "^1.2.2",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.3",
     "@types/react": "^19.2.18",