@parto-system-design/ui 1.1.4 → 1.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parto-system-design/ui",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "description": "Parto Design System UI components with RTL support",
   "type": "module",
   "main": "./dist/index.cjs",

package/tailwind.config.ts

@@ -2,7 +2,7 @@ import type { Config } from 'tailwindcss';
 import plugin from 'tailwindcss/plugin';
 
 const config: Config = {
-  darkMode: ['class', '[data-theme*="dark"]'],
+  darkMode: ['class', '[data-theme="dark"]'],
   content: ['./src/**/*.{ts,tsx}'],
   theme: {
     container: {
@@ -148,11 +148,55 @@ const config: Config = {
           'poor-hover': 'hsl(var(--engagement-poor-hover))',
           inactive: 'hsl(var(--engagement-inactive))',
         },
-        // Sentiment Colors (social listening domain)
+        // Sentiment Colors — simple 3-class (social listening domain)
         sentiment: {
           positive: 'hsl(var(--sentiment-positive))',
           negative: 'hsl(var(--sentiment-negative))',
           neutral: 'hsl(var(--sentiment-neutral))',
+          mixed: 'hsl(var(--sentiment-mixed))',
+        },
+        // Emotion Colors — advanced 9-class (افکارسنجی domain)
+        emotion: {
+          anger: 'hsl(var(--emotion-anger))',
+          anticipation: 'hsl(var(--emotion-anticipation))',
+          joy: 'hsl(var(--emotion-joy))',
+          trust: 'hsl(var(--emotion-trust))',
+          fear: 'hsl(var(--emotion-fear))',
+          surprise: 'hsl(var(--emotion-surprise))',
+          sadness: 'hsl(var(--emotion-sadness))',
+          disgust: 'hsl(var(--emotion-disgust))',
+          neutral: 'hsl(var(--emotion-neutral))',
+        },
+        // Political Flow Colors — 5-class (افکارسنجی clustering)
+        flow: {
+          'pro-gov': 'hsl(var(--flow-pro-gov))',
+          'internal-critic': 'hsl(var(--flow-internal-critic))',
+          'internal-opponent': 'hsl(var(--flow-internal-opponent))',
+          'external-opponent': 'hsl(var(--flow-external-opponent))',
+          grey: 'hsl(var(--flow-grey))',
+        },
+        // Operational status indicator (often pulsed for critical)
+        status: {
+          critical: 'hsl(var(--status-critical))',
+          warning: 'hsl(var(--status-warning))',
+          normal: 'hsl(var(--status-normal))',
+        },
+        // Severity — urgency level, independent of status
+        severity: {
+          urgent: 'hsl(var(--severity-urgent))',
+          high: 'hsl(var(--severity-high))',
+          medium: 'hsl(var(--severity-medium))',
+          low: 'hsl(var(--severity-low))',
+        },
+        // Action Type — per-action colouring for booster/activity feeds
+        'action-type': {
+          like: 'hsl(var(--action-type-like))',
+          comment: 'hsl(var(--action-type-comment))',
+          save: 'hsl(var(--action-type-save))',
+          follow: 'hsl(var(--action-type-follow))',
+          unfollow: 'hsl(var(--action-type-unfollow))',
+          dm: 'hsl(var(--action-type-dm))',
+          share: 'hsl(var(--action-type-share))',
         },
 
         // Legacy Shadcn compatibility aliases
@@ -262,6 +306,14 @@ const config: Config = {
           from: { height: 'var(--radix-accordion-content-height)' },
           to: { height: '0' },
         },
+        'collapsible-down': {
+          from: { height: '0' },
+          to: { height: 'var(--radix-collapsible-content-height)' },
+        },
+        'collapsible-up': {
+          from: { height: 'var(--radix-collapsible-content-height)' },
+          to: { height: '0' },
+        },
         'fade-in': {
           '0%': { opacity: '0' },
           '100%': { opacity: '1' },
@@ -307,10 +359,17 @@ const config: Config = {
           '0%': { transform: 'rotate(0deg)' },
           '100%': { transform: 'rotate(360deg)' },
         },
+        'job-indeterminate': {
+          '0%': { insetInlineStart: '-33%' },
+          '100%': { insetInlineStart: '100%' },
+        },
       },
       animation: {
         'accordion-down': 'accordion-down 0.2s cubic-bezier(0.4, 0, 0.2, 1)',
         'accordion-up': 'accordion-up 0.2s cubic-bezier(0.4, 0, 0.2, 1)',
+        'collapsible-down': 'collapsible-down 0.2s cubic-bezier(0.4, 0, 0.2, 1)',
+        'collapsible-up': 'collapsible-up 0.2s cubic-bezier(0.4, 0, 0.2, 1)',
+        'job-indeterminate': 'job-indeterminate 1.2s cubic-bezier(0.4, 0, 0.2, 1) infinite',
         'fade-in': 'fade-in 0.2s cubic-bezier(0.4, 0, 0.2, 1)',
         'fade-out': 'fade-out 0.2s cubic-bezier(0.4, 0, 0.2, 1)',
         'slide-up': 'slide-up 0.2s cubic-bezier(0.4, 0, 0.2, 1)',