@select-org/select-post-builder 1.0.8 → 1.1.0

package/dist/post-builder.css

@@ -93,36 +93,19 @@
     --color-red-50: oklch(97.1% .013 17.38);
     --color-red-100: oklch(93.6% .032 17.717);
     --color-red-300: oklch(80.8% .114 19.571);
-    --color-amber-100: oklch(96.2% .059 95.617);
     --color-amber-400: oklch(82.8% .189 84.429);
     --color-amber-600: oklch(66.6% .179 58.318);
-    --color-amber-900: oklch(41.4% .112 45.904);
-    --color-amber-950: oklch(27.9% .077 45.635);
-    --color-emerald-100: oklch(95% .052 163.051);
-    --color-emerald-900: oklch(37.8% .077 168.94);
-    --color-emerald-950: oklch(26.2% .051 172.552);
     --color-blue-50: oklch(97% .014 254.604);
-    --color-blue-100: oklch(93.2% .032 255.585);
-    --color-blue-200: oklch(88.2% .059 254.128);
     --color-blue-300: oklch(80.9% .105 251.813);
     --color-blue-400: oklch(70.7% .165 254.624);
     --color-blue-500: oklch(62.3% .214 259.815);
     --color-blue-600: oklch(54.6% .245 262.881);
     --color-blue-700: oklch(48.8% .243 264.376);
     --color-blue-900: oklch(37.9% .146 265.522);
-    --color-blue-950: oklch(28.2% .091 267.935);
     --color-violet-500: oklch(60.6% .25 292.717);
     --color-violet-600: oklch(54.1% .281 293.009);
-    --color-purple-100: oklch(94.6% .033 307.174);
-    --color-purple-200: oklch(90.2% .063 306.703);
-    --color-purple-300: oklch(82.7% .119 306.383);
     --color-purple-400: oklch(71.4% .203 305.504);
     --color-purple-600: oklch(55.8% .288 302.321);
-    --color-purple-700: oklch(49.6% .265 301.924);
-    --color-purple-900: oklch(38.1% .176 304.987);
-    --color-rose-100: oklch(94.1% .03 12.58);
-    --color-rose-900: oklch(41% .159 10.272);
-    --color-rose-950: oklch(27.1% .105 12.094);
     --color-gray-50: oklch(98.5% .002 247.839);
     --color-gray-100: oklch(96.7% .003 264.542);
     --color-gray-200: oklch(92.8% .006 264.531);
@@ -462,7 +445,7 @@ body {
   }
 
 [data-theme="select-post-builder"] .ProseMirror p.is-empty:only-child {
-    min-height: 5em;
+    min-height: calc(var(--spacing) * 40);
   }
 
 [data-theme="select-post-builder"] .\@container\/card-header {
@@ -629,6 +612,40 @@ body {
     grid-row-start: 1;
   }
 
+[data-theme="select-post-builder"] .container {
+    width: 100%;
+  }
+
+@media (min-width: 40rem) {
+    [data-theme="select-post-builder"] .container {
+      max-width: 40rem;
+    }
+  }
+
+@media (min-width: 48rem) {
+    [data-theme="select-post-builder"] .container {
+      max-width: 48rem;
+    }
+  }
+
+@media (min-width: 64rem) {
+    [data-theme="select-post-builder"] .container {
+      max-width: 64rem;
+    }
+  }
+
+@media (min-width: 80rem) {
+    [data-theme="select-post-builder"] .container {
+      max-width: 80rem;
+    }
+  }
+
+@media (min-width: 96rem) {
+    [data-theme="select-post-builder"] .container {
+      max-width: 96rem;
+    }
+  }
+
 [data-theme="select-post-builder"] .\!m-0 {
     margin: calc(var(--spacing) * 0) !important;
   }
@@ -1620,6 +1637,10 @@ body {
     min-height: calc(var(--spacing) * 16);
   }
 
+[data-theme="select-post-builder"] .min-h-44 {
+    min-height: calc(var(--spacing) * 44);
+  }
+
 [data-theme="select-post-builder"] .min-h-60 {
     min-height: calc(var(--spacing) * 60);
   }
@@ -2128,7 +2149,17 @@ body {
     border-color: #0000;
   }
 
-[data-theme="select-post-builder"] .bg-accent, [data-theme="select-post-builder"] .bg-accent\/20 {
+[data-theme="select-post-builder"] .bg-accent, [data-theme="select-post-builder"] .bg-accent\/10 {
+    background-color: var(--accent);
+  }
+
+@supports (color: color-mix(in lab, red, red)) {
+    [data-theme="select-post-builder"] .bg-accent\/10 {
+      background-color: color-mix(in oklab, var(--accent) 10%, transparent);
+    }
+  }
+
+[data-theme="select-post-builder"] .bg-accent\/20 {
     background-color: var(--accent);
   }
 
@@ -2158,10 +2189,6 @@ body {
     }
   }
 
-[data-theme="select-post-builder"] .bg-amber-100 {
-    background-color: var(--color-amber-100);
-  }
-
 [data-theme="select-post-builder"] .bg-background, [data-theme="select-post-builder"] .bg-background\/80 {
     background-color: var(--background);
   }
@@ -2196,10 +2223,6 @@ body {
     background-color: var(--color-blue-50);
   }
 
-[data-theme="select-post-builder"] .bg-blue-100 {
-    background-color: var(--color-blue-100);
-  }
-
 [data-theme="select-post-builder"] .bg-blue-500 {
     background-color: var(--color-blue-500);
   }
@@ -2216,10 +2239,6 @@ body {
     background-color: var(--destructive);
   }
 
-[data-theme="select-post-builder"] .bg-emerald-100 {
-    background-color: var(--color-emerald-100);
-  }
-
 [data-theme="select-post-builder"] .bg-foreground {
     background-color: var(--foreground);
   }
@@ -2310,18 +2329,10 @@ body {
     }
   }
 
-[data-theme="select-post-builder"] .bg-purple-100 {
-    background-color: var(--color-purple-100);
-  }
-
 [data-theme="select-post-builder"] .bg-red-50 {
     background-color: var(--color-red-50);
   }
 
-[data-theme="select-post-builder"] .bg-rose-100 {
-    background-color: var(--color-rose-100);
-  }
-
 [data-theme="select-post-builder"] .bg-secondary {
     background-color: var(--secondary);
   }
@@ -2645,10 +2656,6 @@ body {
     color: var(--color-amber-600);
   }
 
-[data-theme="select-post-builder"] .text-amber-900 {
-    color: var(--color-amber-900);
-  }
-
 [data-theme="select-post-builder"] .text-background {
     color: var(--background);
   }
@@ -2661,10 +2668,6 @@ body {
     color: var(--color-blue-700);
   }
 
-[data-theme="select-post-builder"] .text-blue-900 {
-    color: var(--color-blue-900);
-  }
-
 [data-theme="select-post-builder"] .text-card-foreground {
     color: var(--card-foreground);
   }
@@ -2673,10 +2676,6 @@ body {
     color: var(--destructive);
   }
 
-[data-theme="select-post-builder"] .text-emerald-900 {
-    color: var(--color-emerald-900);
-  }
-
 [data-theme="select-post-builder"] .text-foreground {
     color: var(--foreground);
   }
@@ -2753,18 +2752,10 @@ body {
     }
   }
 
-[data-theme="select-post-builder"] .text-purple-700 {
-    color: var(--color-purple-700);
-  }
-
 [data-theme="select-post-builder"] .text-red-300 {
     color: var(--color-red-300);
   }
 
-[data-theme="select-post-builder"] .text-rose-900 {
-    color: var(--color-rose-900);
-  }
-
 [data-theme="select-post-builder"] .text-secondary-foreground {
     color: var(--secondary-foreground);
   }
@@ -2777,6 +2768,10 @@ body {
     color: var(--color-white);
   }
 
+[data-theme="select-post-builder"] .lowercase {
+    text-transform: lowercase;
+  }
+
 [data-theme="select-post-builder"] .uppercase {
     text-transform: uppercase;
   }
@@ -2891,6 +2886,11 @@ body {
     outline-width: 1px;
   }
 
+[data-theme="select-post-builder"] .blur {
+    --tw-blur: blur(8px);
+    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
+  }
+
 [data-theme="select-post-builder"] .filter {
     filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
   }
@@ -3229,10 +3229,6 @@ body {
       background-color: var(--background);
     }
 
-    [data-theme="select-post-builder"] .hover\:bg-blue-200:hover {
-      background-color: var(--color-blue-200);
-    }
-
     [data-theme="select-post-builder"] .hover\:bg-destructive\/10:hover {
       background-color: var(--destructive);
     }
@@ -3277,10 +3273,6 @@ body {
       }
     }
 
-    [data-theme="select-post-builder"] .hover\:bg-purple-200:hover {
-      background-color: var(--color-purple-200);
-    }
-
     [data-theme="select-post-builder"] .hover\:bg-red-50:hover {
       background-color: var(--color-red-50);
     }
@@ -4207,10 +4199,6 @@ body {
     border-color: var(--color-gray-700);
   }
 
-[data-theme="select-post-builder"] .dark\:bg-amber-950:is(.dark *) {
-    background-color: var(--color-amber-950);
-  }
-
 [data-theme="select-post-builder"] .dark\:bg-blue-900\/20:is(.dark *) {
     background-color: #1c398e33;
   }
@@ -4221,24 +4209,6 @@ body {
     }
   }
 
-[data-theme="select-post-builder"] .dark\:bg-blue-900\/30:is(.dark *) {
-    background-color: #1c398e4d;
-  }
-
-@supports (color: color-mix(in lab, red, red)) {
-    [data-theme="select-post-builder"] .dark\:bg-blue-900\/30:is(.dark *) {
-      background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent);
-    }
-  }
-
-[data-theme="select-post-builder"] .dark\:bg-blue-950:is(.dark *) {
-    background-color: var(--color-blue-950);
-  }
-
-[data-theme="select-post-builder"] .dark\:bg-emerald-950:is(.dark *) {
-    background-color: var(--color-emerald-950);
-  }
-
 [data-theme="select-post-builder"] .dark\:bg-gray-800:is(.dark *) {
     background-color: var(--color-gray-800);
   }
@@ -4263,44 +4233,18 @@ body {
     }
   }
 
-[data-theme="select-post-builder"] .dark\:bg-purple-900\/30:is(.dark *) {
-    background-color: #59168b4d;
-  }
-
-@supports (color: color-mix(in lab, red, red)) {
-    [data-theme="select-post-builder"] .dark\:bg-purple-900\/30:is(.dark *) {
-      background-color: color-mix(in oklab, var(--color-purple-900) 30%, transparent);
-    }
-  }
-
-[data-theme="select-post-builder"] .dark\:bg-rose-950:is(.dark *) {
-    background-color: var(--color-rose-950);
-  }
-
 [data-theme="select-post-builder"] .dark\:bg-transparent:is(.dark *) {
     background-color: #0000;
   }
 
-[data-theme="select-post-builder"] .dark\:text-amber-100:is(.dark *) {
-    color: var(--color-amber-100);
-  }
-
 [data-theme="select-post-builder"] .dark\:text-amber-400:is(.dark *) {
     color: var(--color-amber-400);
   }
 
-[data-theme="select-post-builder"] .dark\:text-blue-100:is(.dark *) {
-    color: var(--color-blue-100);
-  }
-
 [data-theme="select-post-builder"] .dark\:text-blue-300:is(.dark *) {
     color: var(--color-blue-300);
   }
 
-[data-theme="select-post-builder"] .dark\:text-emerald-100:is(.dark *) {
-    color: var(--color-emerald-100);
-  }
-
 [data-theme="select-post-builder"] .dark\:text-gray-100:is(.dark *) {
     color: var(--color-gray-100);
   }
@@ -4317,25 +4261,7 @@ body {
     color: var(--muted-foreground);
   }
 
-[data-theme="select-post-builder"] .dark\:text-purple-300:is(.dark *) {
-    color: var(--color-purple-300);
-  }
-
-[data-theme="select-post-builder"] .dark\:text-rose-100:is(.dark *) {
-    color: var(--color-rose-100);
-  }
-
 @media (hover: hover) {
-    [data-theme="select-post-builder"] .dark\:hover\:bg-blue-900\/50:is(.dark *):hover {
-      background-color: #1c398e80;
-    }
-
-    @supports (color: color-mix(in lab, red, red)) {
-      [data-theme="select-post-builder"] .dark\:hover\:bg-blue-900\/50:is(.dark *):hover {
-        background-color: color-mix(in oklab, var(--color-blue-900) 50%, transparent);
-      }
-    }
-
     [data-theme="select-post-builder"] .dark\:hover\:bg-gray-700\/50:is(.dark *):hover {
       background-color: #36415380;
     }
@@ -4355,16 +4281,6 @@ body {
         background-color: color-mix(in oklab, var(--input) 50%, transparent);
       }
     }
-
-    [data-theme="select-post-builder"] .dark\:hover\:bg-purple-900\/50:is(.dark *):hover {
-      background-color: #59168b80;
-    }
-
-    @supports (color: color-mix(in lab, red, red)) {
-      [data-theme="select-post-builder"] .dark\:hover\:bg-purple-900\/50:is(.dark *):hover {
-        background-color: color-mix(in oklab, var(--color-purple-900) 50%, transparent);
-      }
-    }
   }
 
 [data-theme="select-post-builder"] .dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state="checked"]) {
@@ -4697,6 +4613,16 @@ body {
     color: var(--color-white);
   }
 
+[data-theme="select-post-builder"] .\[\&\>svg\]\:size-5\! > svg {
+    width: calc(var(--spacing) * 5) !important;
+    height: calc(var(--spacing) * 5) !important;
+  }
+
+[data-theme="select-post-builder"] .\[\&\>svg\]\:size-6 > svg {
+    width: calc(var(--spacing) * 6);
+    height: calc(var(--spacing) * 6);
+  }
+
 [data-theme="select-post-builder"] .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 > svg:not([class*="size-"]) {
     width: calc(var(--spacing) * 3.5);
     height: calc(var(--spacing) * 3.5);