@blakesteve/roster 1.1.27 → 1.1.29
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.
- package/dist/components/atoms/Spinner/Spinner.d.ts +1 -1
- package/dist/roster.css +1 -1
- package/dist/roster.es.js +52 -52
- package/dist/roster.umd.js +1 -1
- package/package.json +1 -1
package/dist/roster.es.js
CHANGED
|
@@ -8036,7 +8036,8 @@ const Tv = ce("animate-spin rounded-full transition-colors", {
|
|
|
8036
8036
|
primary: "border-primary-600 dark:border-primary-500",
|
|
8037
8037
|
neutral: "border-gray-600 dark:border-gray-400",
|
|
8038
8038
|
danger: "border-error-600 dark:border-error-500",
|
|
8039
|
-
white: "border-white"
|
|
8039
|
+
white: "border-white",
|
|
8040
|
+
current: "border-current"
|
|
8040
8041
|
},
|
|
8041
8042
|
size: {
|
|
8042
8043
|
sm: "h-4 w-4 border-2",
|
|
@@ -8103,50 +8104,50 @@ const Tv = ce("animate-spin rounded-full transition-colors", {
|
|
|
8103
8104
|
},
|
|
8104
8105
|
compoundVariants: [
|
|
8105
8106
|
// --- SOLID VARIANTS (Bold Backgrounds) ---
|
|
8106
|
-
{ variant: "solid", colorScheme: "primary", className: "bg-primary-600 text-white hover:bg-primary-700" },
|
|
8107
|
-
{ variant: "solid", colorScheme: "orange", className: "bg-orange-
|
|
8108
|
-
{ variant: "solid", colorScheme: "teal", className: "bg-teal-
|
|
8109
|
-
{ variant: "solid", colorScheme: "purple", className: "bg-purple-
|
|
8110
|
-
{ variant: "solid", colorScheme: "amber", className: "bg-amber-400 text-black hover:bg-amber-500" },
|
|
8111
|
-
{ variant: "solid", colorScheme: "success", className: "bg-success-600 text-white hover:bg-success-700" },
|
|
8112
|
-
{ variant: "solid", colorScheme: "error", className: "bg-error-600 text-white hover:bg-error-700" },
|
|
8113
|
-
{ variant: "solid", colorScheme: "neutral", className: "bg-gray-600 text-white hover:bg-gray-700" },
|
|
8114
|
-
// --- SOFT VARIANTS (
|
|
8115
|
-
{ variant: "soft", colorScheme: "primary", className: "bg-primary-
|
|
8116
|
-
{ variant: "soft", colorScheme: "orange", className: "bg-orange-
|
|
8117
|
-
{ variant: "soft", colorScheme: "teal", className: "bg-teal-
|
|
8118
|
-
{ variant: "soft", colorScheme: "purple", className: "bg-purple-
|
|
8119
|
-
{ variant: "soft", colorScheme: "amber", className: "bg-amber-
|
|
8120
|
-
{ variant: "soft", colorScheme: "success", className: "bg-success-
|
|
8121
|
-
{ variant: "soft", colorScheme: "error", className: "bg-error-
|
|
8122
|
-
{ variant: "soft", colorScheme: "neutral", className: "bg-gray-
|
|
8107
|
+
{ variant: "solid", colorScheme: "primary", className: "bg-primary-600 text-white hover:bg-primary-700 dark:bg-primary-600 dark:hover:bg-primary-500" },
|
|
8108
|
+
{ variant: "solid", colorScheme: "orange", className: "bg-orange-600 text-white hover:bg-orange-700 dark:bg-orange-600 dark:hover:bg-orange-500" },
|
|
8109
|
+
{ variant: "solid", colorScheme: "teal", className: "bg-teal-600 text-white hover:bg-teal-700 dark:bg-teal-600 dark:hover:bg-teal-500" },
|
|
8110
|
+
{ variant: "solid", colorScheme: "purple", className: "bg-purple-600 text-white hover:bg-purple-700 dark:bg-purple-600 dark:hover:bg-purple-500" },
|
|
8111
|
+
{ variant: "solid", colorScheme: "amber", className: "bg-amber-400 text-black hover:bg-amber-500 dark:bg-amber-500 dark:hover:bg-amber-400 dark:text-gray-900" },
|
|
8112
|
+
{ variant: "solid", colorScheme: "success", className: "bg-success-600 text-white hover:bg-success-700 dark:bg-success-600 dark:hover:bg-success-500" },
|
|
8113
|
+
{ variant: "solid", colorScheme: "error", className: "bg-error-600 text-white hover:bg-error-700 dark:bg-error-600 dark:hover:bg-error-500" },
|
|
8114
|
+
{ variant: "solid", colorScheme: "neutral", className: "bg-gray-600 text-white hover:bg-gray-700 dark:bg-gray-600 dark:hover:bg-gray-500" },
|
|
8115
|
+
// --- SOFT VARIANTS (Crisp Light Mode, Translucent Dark Mode) ---
|
|
8116
|
+
{ variant: "soft", colorScheme: "primary", className: "bg-primary-50 text-primary-700 hover:bg-primary-100 dark:bg-primary-900/40 dark:text-primary-300 dark:hover:bg-primary-900/60" },
|
|
8117
|
+
{ variant: "soft", colorScheme: "orange", className: "bg-orange-50 text-orange-700 hover:bg-orange-100 dark:bg-orange-900/30 dark:text-orange-300 dark:hover:bg-orange-900/50" },
|
|
8118
|
+
{ variant: "soft", colorScheme: "teal", className: "bg-teal-100 text-teal-800 hover:bg-teal-200 dark:bg-teal-900/30 dark:text-teal-300 dark:hover:bg-teal-900/50" },
|
|
8119
|
+
{ variant: "soft", colorScheme: "purple", className: "bg-purple-50 text-purple-700 hover:bg-purple-100 dark:bg-purple-900/30 dark:text-purple-300 dark:hover:bg-purple-900/50" },
|
|
8120
|
+
{ variant: "soft", colorScheme: "amber", className: "bg-amber-50 text-amber-800 hover:bg-amber-100 dark:bg-amber-900/30 dark:text-amber-300 dark:hover:bg-amber-900/50" },
|
|
8121
|
+
{ variant: "soft", colorScheme: "success", className: "bg-success-50 text-success-700 hover:bg-success-100 dark:bg-success-900/30 dark:text-success-300 dark:hover:bg-success-900/50" },
|
|
8122
|
+
{ variant: "soft", colorScheme: "error", className: "bg-error-50 text-error-700 hover:bg-error-100 dark:bg-error-900/30 dark:text-error-300 dark:hover:bg-error-900/50" },
|
|
8123
|
+
{ variant: "soft", colorScheme: "neutral", className: "bg-gray-100 text-gray-700 hover:bg-gray-200 dark:bg-gray-800/50 dark:text-gray-300 dark:hover:bg-gray-800" },
|
|
8123
8124
|
// --- OUTLINE VARIANTS (Borders + Colored Adaptive Text + Transparent Hover) ---
|
|
8124
|
-
{ variant: "outline", colorScheme: "primary", className: "border-primary-
|
|
8125
|
-
{ variant: "outline", colorScheme: "orange", className: "border-orange-
|
|
8126
|
-
{ variant: "outline", colorScheme: "teal", className: "border-teal-
|
|
8127
|
-
{ variant: "outline", colorScheme: "purple", className: "border-purple-
|
|
8128
|
-
{ variant: "outline", colorScheme: "amber", className: "border-amber-
|
|
8129
|
-
{ variant: "outline", colorScheme: "success", className: "border-success-
|
|
8130
|
-
{ variant: "outline", colorScheme: "error", className: "border-error-
|
|
8131
|
-
{ variant: "outline", colorScheme: "neutral", className: "border-gray-300
|
|
8125
|
+
{ variant: "outline", colorScheme: "primary", className: "border-primary-600 text-primary-600 hover:bg-primary-50 dark:border-primary-500 dark:text-primary-400 dark:hover:bg-primary-500/10" },
|
|
8126
|
+
{ variant: "outline", colorScheme: "orange", className: "border-orange-600 text-orange-600 hover:bg-orange-50 dark:border-orange-500 dark:text-orange-400 dark:hover:bg-orange-500/10" },
|
|
8127
|
+
{ variant: "outline", colorScheme: "teal", className: "border-teal-600 text-teal-600 hover:bg-teal-50 dark:border-teal-500 dark:text-teal-400 dark:hover:bg-teal-500/10" },
|
|
8128
|
+
{ variant: "outline", colorScheme: "purple", className: "border-purple-600 text-purple-600 hover:bg-purple-50 dark:border-purple-500 dark:text-purple-400 dark:hover:bg-purple-500/10" },
|
|
8129
|
+
{ variant: "outline", colorScheme: "amber", className: "border-amber-600 text-amber-600 hover:bg-amber-50 dark:border-amber-500 dark:text-amber-400 dark:hover:bg-amber-500/10" },
|
|
8130
|
+
{ variant: "outline", colorScheme: "success", className: "border-success-600 text-success-600 hover:bg-success-50 dark:border-success-500 dark:text-success-400 dark:hover:bg-success-500/10" },
|
|
8131
|
+
{ variant: "outline", colorScheme: "error", className: "border-error-600 text-error-600 hover:bg-error-50 dark:border-error-500 dark:text-error-400 dark:hover:bg-error-500/10" },
|
|
8132
|
+
{ variant: "outline", colorScheme: "neutral", className: "border-gray-300 text-gray-700 hover:bg-gray-50 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-800/50" },
|
|
8132
8133
|
// --- GHOST VARIANTS (Adaptive Text + Transparent Hover) ---
|
|
8133
|
-
{ variant: "ghost", colorScheme: "primary", className: "text-primary-600 dark:text-primary-400 hover:bg-primary-500/10" },
|
|
8134
|
-
{ variant: "ghost", colorScheme: "orange", className: "text-orange-600 dark:text-orange-400 hover:bg-orange-500/10" },
|
|
8135
|
-
{ variant: "ghost", colorScheme: "teal", className: "text-teal-600 dark:text-teal-400 hover:bg-teal-500/10" },
|
|
8136
|
-
{ variant: "ghost", colorScheme: "purple", className: "text-purple-600 dark:text-purple-400 hover:bg-purple-500/10" },
|
|
8137
|
-
{ variant: "ghost", colorScheme: "amber", className: "text-amber-600 dark:text-amber-400 hover:bg-amber-500/10" },
|
|
8138
|
-
{ variant: "ghost", colorScheme: "success", className: "text-success-600 dark:text-success-400 hover:bg-success-500/10" },
|
|
8139
|
-
{ variant: "ghost", colorScheme: "error", className: "text-error-600 dark:text-error-400 hover:bg-error-500/10" },
|
|
8140
|
-
{ variant: "ghost", colorScheme: "neutral", className: "text-gray-600 dark:text-gray-400 hover:bg-gray-
|
|
8134
|
+
{ variant: "ghost", colorScheme: "primary", className: "text-primary-600 hover:bg-primary-50 dark:text-primary-400 dark:hover:bg-primary-500/10" },
|
|
8135
|
+
{ variant: "ghost", colorScheme: "orange", className: "text-orange-600 hover:bg-orange-50 dark:text-orange-400 dark:hover:bg-orange-500/10" },
|
|
8136
|
+
{ variant: "ghost", colorScheme: "teal", className: "text-teal-600 hover:bg-teal-100 dark:text-teal-400 dark:hover:bg-teal-500/10" },
|
|
8137
|
+
{ variant: "ghost", colorScheme: "purple", className: "text-purple-600 hover:bg-purple-50 dark:text-purple-400 dark:hover:bg-purple-500/10" },
|
|
8138
|
+
{ variant: "ghost", colorScheme: "amber", className: "text-amber-600 hover:bg-amber-100 dark:text-amber-400 dark:hover:bg-amber-500/10" },
|
|
8139
|
+
{ variant: "ghost", colorScheme: "success", className: "text-success-600 hover:bg-success-50 dark:text-success-400 dark:hover:bg-success-500/10" },
|
|
8140
|
+
{ variant: "ghost", colorScheme: "error", className: "text-error-600 hover:bg-error-50 dark:text-error-400 dark:hover:bg-error-500/10" },
|
|
8141
|
+
{ variant: "ghost", colorScheme: "neutral", className: "text-gray-600 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-800/50" },
|
|
8141
8142
|
// --- LINK VARIANTS (Adaptive Text Only + Underline) ---
|
|
8142
|
-
{ variant: "link", colorScheme: "primary", className: "text-primary-600
|
|
8143
|
-
{ variant: "link", colorScheme: "orange", className: "text-orange-600
|
|
8144
|
-
{ variant: "link", colorScheme: "teal", className: "text-teal-600
|
|
8145
|
-
{ variant: "link", colorScheme: "purple", className: "text-purple-600
|
|
8146
|
-
{ variant: "link", colorScheme: "amber", className: "text-amber-600
|
|
8147
|
-
{ variant: "link", colorScheme: "success", className: "text-success-600
|
|
8148
|
-
{ variant: "link", colorScheme: "error", className: "text-error-600
|
|
8149
|
-
{ variant: "link", colorScheme: "neutral", className: "text-gray-600
|
|
8143
|
+
{ variant: "link", colorScheme: "primary", className: "text-primary-600 hover:text-primary-700 dark:text-primary-400 dark:hover:text-primary-300" },
|
|
8144
|
+
{ variant: "link", colorScheme: "orange", className: "text-orange-600 hover:text-orange-700 dark:text-orange-400 dark:hover:text-orange-300" },
|
|
8145
|
+
{ variant: "link", colorScheme: "teal", className: "text-teal-600 hover:text-teal-700 dark:text-teal-400 dark:hover:text-teal-300" },
|
|
8146
|
+
{ variant: "link", colorScheme: "purple", className: "text-purple-600 hover:text-purple-700 dark:text-purple-400 dark:hover:text-purple-300" },
|
|
8147
|
+
{ variant: "link", colorScheme: "amber", className: "text-amber-600 hover:text-amber-700 dark:text-amber-400 dark:hover:text-amber-300" },
|
|
8148
|
+
{ variant: "link", colorScheme: "success", className: "text-success-600 hover:text-success-700 dark:text-success-400 dark:hover:text-success-300" },
|
|
8149
|
+
{ variant: "link", colorScheme: "error", className: "text-error-600 hover:text-error-700 dark:text-error-400 dark:hover:text-error-300" },
|
|
8150
|
+
{ variant: "link", colorScheme: "neutral", className: "text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100" }
|
|
8150
8151
|
],
|
|
8151
8152
|
defaultVariants: {
|
|
8152
8153
|
colorScheme: "primary",
|
|
@@ -8179,7 +8180,7 @@ const Tv = ce("animate-spin rounded-full transition-colors", {
|
|
|
8179
8180
|
disabled: f,
|
|
8180
8181
|
...u,
|
|
8181
8182
|
children: [
|
|
8182
|
-
a && /* @__PURE__ */ h.jsx("span", { className: "mr-2 flex items-center", children: /* @__PURE__ */ h.jsx(Mv, { size: "sm",
|
|
8183
|
+
a && /* @__PURE__ */ h.jsx("span", { className: "mr-2 flex shrink-0 items-center", children: /* @__PURE__ */ h.jsx(Mv, { size: "sm", variant: "current" }) }),
|
|
8183
8184
|
!a && o && /* @__PURE__ */ h.jsx("span", { className: "mr-2 inline-flex shrink-0 items-center", children: o }),
|
|
8184
8185
|
l,
|
|
8185
8186
|
!a && i && /* @__PURE__ */ h.jsx("span", { className: "ml-2 inline-flex shrink-0 items-center", children: i })
|
|
@@ -8195,20 +8196,19 @@ const Lv = ce(
|
|
|
8195
8196
|
{
|
|
8196
8197
|
variants: {
|
|
8197
8198
|
variant: {
|
|
8198
|
-
|
|
8199
|
-
|
|
8200
|
-
|
|
8201
|
-
soft: "bg-gray-200 border border-transparent text-gray-900 dark:bg-gray-900/50 dark:border-gray-800 dark:text-gray-100",
|
|
8199
|
+
white: "bg-white border border-gray-200 text-gray-900 shadow-sm dark:bg-gray-900 dark:border-gray-800 dark:text-gray-100",
|
|
8200
|
+
// crisp light mode (gray-50) and translucent stained-glass dark mode
|
|
8201
|
+
soft: "bg-gray-50 border border-gray-100 text-gray-900 dark:bg-gray-900/40 dark:border-gray-800/50 dark:text-gray-100",
|
|
8202
8202
|
// Moody slate, baby.
|
|
8203
|
-
slate: "bg-gray-700 border border-gray-600 text-gray-100 shadow-sm dark:bg-gray-
|
|
8203
|
+
slate: "bg-gray-700 border border-gray-600 text-gray-100 shadow-sm dark:bg-gray-800 dark:border-gray-700 dark:text-gray-100",
|
|
8204
8204
|
// Primary: Fully drenched in brand color.
|
|
8205
|
-
primary: "bg-primary-
|
|
8205
|
+
primary: "bg-primary-600 border border-primary-700 text-white shadow-sm dark:bg-primary-900 dark:border-primary-800 dark:text-primary-50",
|
|
8206
8206
|
// Outline: Transparent background, just the structural border.
|
|
8207
|
-
outline: "bg-transparent border border-gray-200 text-gray-900 dark:border-gray-
|
|
8207
|
+
outline: "bg-transparent border border-gray-200 text-gray-900 dark:border-gray-800 dark:text-gray-100",
|
|
8208
8208
|
// Ghost: Completely invisible structure until hovered (great for clickable cards).
|
|
8209
8209
|
ghost: "bg-transparent border border-transparent text-gray-900 hover:bg-gray-50 dark:text-gray-100 dark:hover:bg-gray-800/50",
|
|
8210
|
-
//
|
|
8211
|
-
glass: "bg-white/
|
|
8210
|
+
// Upgraded to match the ActionBar's exact /50 frosted glass formula
|
|
8211
|
+
glass: "bg-white/50 border border-white/20 backdrop-blur-md text-gray-900 shadow-sm dark:bg-gray-950/50 dark:border-white/10 dark:text-gray-100 dark:shadow-black/50"
|
|
8212
8212
|
},
|
|
8213
8213
|
padding: {
|
|
8214
8214
|
none: "p-0",
|