@nkey-ui/theme - npm Package Compare versions

Comparing version 1.0.21 to 1.0.22

dist/components/alert.d.ts

@@ -267,6 +267,18 @@ import * as tailwind_variants from 'tailwind-variants';
 }>, unknown, unknown, undefined>>;
+declare const alertMessage: tailwind_variants.TVReturnType<tailwind_variants.TVVariantsDefault<undefined, "grow hyphens-auto"> | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | tailwind_variants.SlotsClassValue<undefined, "grow hyphens-auto">;
+    } | undefined;
+} | {}, undefined, "grow hyphens-auto", tailwind_variants_dist_config.TVConfig<unknown, tailwind_variants.TVVariantsDefault<undefined, "grow hyphens-auto"> | {}>, tailwind_variants.TVVariantsDefault<undefined, "grow hyphens-auto"> | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "grow hyphens-auto", tailwind_variants_dist_config.TVConfig<unknown, tailwind_variants.TVVariantsDefault<undefined, "grow hyphens-auto"> | {}>, unknown, unknown, undefined>>;
+declare const alertClose: tailwind_variants.TVReturnType<tailwind_variants.TVVariantsDefault<undefined, "cursor-pointer text-inherit"> | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | tailwind_variants.SlotsClassValue<undefined, "cursor-pointer text-inherit">;
+    } | undefined;
+} | {}, undefined, "cursor-pointer text-inherit", tailwind_variants_dist_config.TVConfig<unknown, tailwind_variants.TVVariantsDefault<undefined, "cursor-pointer text-inherit"> | {}>, tailwind_variants.TVVariantsDefault<undefined, "cursor-pointer text-inherit"> | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "cursor-pointer text-inherit", tailwind_variants_dist_config.TVConfig<unknown, tailwind_variants.TVVariantsDefault<undefined, "cursor-pointer text-inherit"> | {}>, unknown, unknown, undefined>>;
 type AlertWrapperVariantProps = VariantProps<typeof alertWrapper>;
 type AlertVariantProps = VariantProps<typeof alert>;
 type AlertIconVariantProps = VariantProps<typeof alertIcon>;
+type AlertMessageVariantProps = VariantProps<typeof alertMessage>;
+type AlertCloseVariantProps = VariantProps<typeof alertClose>;
 
-export { AlertIconVariantProps, AlertVariantProps, AlertWrapperVariantProps, alert, alertIcon, alertWrapper };
+export { AlertCloseVariantProps, AlertIconVariantProps, AlertMessageVariantProps, AlertVariantProps, AlertWrapperVariantProps, alert, alertClose, alertIcon, alertMessage, alertWrapper };

dist/components/alert.js

@@ -24,3 +24,5 @@ "use strict";
   alert: () => alert,
+  alertClose: () => alertClose,
   alertIcon: () => alertIcon,
+  alertMessage: () => alertMessage,
   alertWrapper: () => alertWrapper
@@ -174,7 +176,15 @@ });
 });
+var alertMessage = (0, import_tailwind_variants.tv)({
+  base: "grow hyphens-auto"
+});
+var alertClose = (0, import_tailwind_variants.tv)({
+  base: "cursor-pointer text-inherit"
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   alert,
+  alertClose,
   alertIcon,
+  alertMessage,
   alertWrapper
 });

dist/components/badge.d.ts

@@ -0,5 +1,10 @@
+import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
-import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
 
+declare const badgeWrapper: tailwind_variants.TVReturnType<tailwind_variants.TVVariantsDefault<undefined, "relative h-fit w-fit"> | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | tailwind_variants.SlotsClassValue<undefined, "relative h-fit w-fit">;
+    } | undefined;
+} | {}, undefined, "relative h-fit w-fit", tailwind_variants_dist_config.TVConfig<unknown, tailwind_variants.TVVariantsDefault<undefined, "relative h-fit w-fit"> | {}>, tailwind_variants.TVVariantsDefault<undefined, "relative h-fit w-fit"> | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "relative h-fit w-fit", tailwind_variants_dist_config.TVConfig<unknown, tailwind_variants.TVVariantsDefault<undefined, "relative h-fit w-fit"> | {}>, unknown, unknown, undefined>>;
 declare const badge: tailwind_variants.TVReturnType<{
@@ -181,4 +186,5 @@ color: {
 }>, unknown, unknown, undefined>>;
+type BadgeWrapperVariantProps = VariantProps<typeof badgeWrapper>;
 type BadgeVariantProps = VariantProps<typeof badge>;
 
-export { BadgeVariantProps, badge };
+export { BadgeVariantProps, BadgeWrapperVariantProps, badge, badgeWrapper };

dist/components/badge.js

@@ -23,3 +23,4 @@ "use strict";
 __export(badge_exports, {
-  badge: () => badge
+  badge: () => badge,
+  badgeWrapper: () => badgeWrapper
 });
@@ -122,2 +123,5 @@ module.exports = __toCommonJS(badge_exports);
 // src/components/badge.ts
+var badgeWrapper = (0, import_tailwind_variants.tv)({
+  base: "relative h-fit w-fit"
+});
 var badge = (0, import_tailwind_variants.tv)({
@@ -151,3 +155,4 @@ base: "absolute z-[2] flex -translate-y-1/2 translate-x-1/2 items-center justify-center rounded-full px-[4px]",
 0 && (module.exports = {
-  badge
+  badge,
+  badgeWrapper
 });

dist/components/button.d.ts

@@ -5,7 +5,31 @@ import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
 
-declare const buttonBase: tailwind_variants.TVReturnType<tailwind_variants.TVVariantsDefault<undefined, "relative select-none"> | {
+declare const buttonBase: tailwind_variants.TVReturnType<tailwind_variants.TVVariantsDefault<{
+    spinner: string;
+    ripple: string;
+}, "relative select-none"> | {
     [x: string]: {
-        [x: string]: tailwind_variants.ClassValue | tailwind_variants.SlotsClassValue<undefined, "relative select-none">;
+        [x: string]: tailwind_variants.ClassValue | tailwind_variants.SlotsClassValue<{
+            spinner: string;
+            ripple: string;
+        }, "relative select-none">;
     } | undefined;
-} | {}, undefined, "relative select-none", tailwind_variants_dist_config.TVConfig<unknown, tailwind_variants.TVVariantsDefault<undefined, "relative select-none"> | {}>, tailwind_variants.TVVariantsDefault<undefined, "relative select-none"> | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "relative select-none", tailwind_variants_dist_config.TVConfig<unknown, tailwind_variants.TVVariantsDefault<undefined, "relative select-none"> | {}>, unknown, unknown, undefined>>;
+} | {}, {
+    spinner: string;
+    ripple: string;
+}, "relative select-none", tailwind_variants_dist_config.TVConfig<unknown, tailwind_variants.TVVariantsDefault<{
+    spinner: string;
+    ripple: string;
+}, "relative select-none"> | {}>, tailwind_variants.TVVariantsDefault<{
+    spinner: string;
+    ripple: string;
+}, "relative select-none"> | {}, {
+    spinner: string;
+    ripple: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    spinner: string;
+    ripple: string;
+}, "relative select-none", tailwind_variants_dist_config.TVConfig<unknown, tailwind_variants.TVVariantsDefault<{
+    spinner: string;
+    ripple: string;
+}, "relative select-none"> | {}>, unknown, unknown, undefined>>;
 declare const button: tailwind_variants.TVReturnType<{
@@ -12,0 +36,0 @@ color: {

dist/components/button.js

@@ -145,3 +145,7 @@ "use strict";
 var buttonBase = (0, import_tailwind_variants.tv)({
-  base: "relative select-none"
+  base: "relative select-none",
+  slots: {
+    spinner: "absolute inset-0 z-[1] flex items-center justify-center rounded p-1 opacity-20",
+    ripple: "absolute inset-0 overflow-hidden rounded-[inherit]"
+  }
 });
@@ -148,0 +152,0 @@ var button = (0, import_tailwind_variants.tv)({

dist/components/index.d.ts

@@ -6,6 +6,6 @@ export { ButtonBaseVariantProps, ButtonGroupVariantProps, ButtonRippleVariantProps, ButtonVariantProps, IconButtonVariantProps, button, buttonBase, buttonGroup, buttonRipple, iconButton } from './button.js';
 export { CollapseVariantProps, collapse } from './collapse.js';
-export { AlertIconVariantProps, AlertVariantProps, AlertWrapperVariantProps, alert, alertIcon, alertWrapper } from './alert.js';
-export { BadgeVariantProps, badge } from './badge.js';
+export { AlertCloseVariantProps, AlertIconVariantProps, AlertMessageVariantProps, AlertVariantProps, AlertWrapperVariantProps, alert, alertClose, alertIcon, alertMessage, alertWrapper } from './alert.js';
+export { BadgeVariantProps, BadgeWrapperVariantProps, badge, badgeWrapper } from './badge.js';
 export { NavbarContentVariantProps, NavbarMenuItemVariantProps, NavbarMenuToggleVariantProps, NavbarMenuVariantProps, NavbarVariantProps, navbar, navbarContent, navbarMenu, navbarMenuItem, navbarMenuToggle } from './navbar.js';
 import 'tailwind-variants/dist/config';
 import 'tailwind-variants';

dist/components/index.js

@@ -24,5 +24,8 @@ "use strict";
   alert: () => alert,
+  alertClose: () => alertClose,
   alertIcon: () => alertIcon,
+  alertMessage: () => alertMessage,
   alertWrapper: () => alertWrapper,
   badge: () => badge,
+  badgeWrapper: () => badgeWrapper,
   button: () => button,
@@ -162,3 +165,7 @@ buttonBase: () => buttonBase,
 var buttonBase = (0, import_tailwind_variants.tv)({
-  base: "relative select-none"
+  base: "relative select-none",
+  slots: {
+    spinner: "absolute inset-0 z-[1] flex items-center justify-center rounded p-1 opacity-20",
+    ripple: "absolute inset-0 overflow-hidden rounded-[inherit]"
+  }
 });
@@ -400,5 +407,14 @@ var button = (0, import_tailwind_variants.tv)({
 });
+var alertMessage = (0, import_tailwind_variants6.tv)({
+  base: "grow hyphens-auto"
+});
+var alertClose = (0, import_tailwind_variants6.tv)({
+  base: "cursor-pointer text-inherit"
+});
 
 // src/components/badge.ts
 var import_tailwind_variants7 = require("tailwind-variants");
+var badgeWrapper = (0, import_tailwind_variants7.tv)({
+  base: "relative h-fit w-fit"
+});
 var badge = (0, import_tailwind_variants7.tv)({
@@ -470,5 +486,8 @@ base: "absolute z-[2] flex -translate-y-1/2 translate-x-1/2 items-center justify-center rounded-full px-[4px]",
   alert,
+  alertClose,
   alertIcon,
+  alertMessage,
   alertWrapper,
   badge,
+  badgeWrapper,
   button,
@@ -475,0 +494,0 @@ buttonBase,

dist/index.d.ts

@@ -6,4 +6,4 @@ export { ButtonBaseVariantProps, ButtonGroupVariantProps, ButtonRippleVariantProps, ButtonVariantProps, IconButtonVariantProps, button, buttonBase, buttonGroup, buttonRipple, iconButton } from './components/button.js';
 export { CollapseVariantProps, collapse } from './components/collapse.js';
-export { AlertIconVariantProps, AlertVariantProps, AlertWrapperVariantProps, alert, alertIcon, alertWrapper } from './components/alert.js';
-export { BadgeVariantProps, badge } from './components/badge.js';
+export { AlertCloseVariantProps, AlertIconVariantProps, AlertMessageVariantProps, AlertVariantProps, AlertWrapperVariantProps, alert, alertClose, alertIcon, alertMessage, alertWrapper } from './components/alert.js';
+export { BadgeVariantProps, BadgeWrapperVariantProps, badge, badgeWrapper } from './components/badge.js';
 export { NavbarContentVariantProps, NavbarMenuItemVariantProps, NavbarMenuToggleVariantProps, NavbarMenuVariantProps, NavbarVariantProps, navbar, navbarContent, navbarMenu, navbarMenuItem, navbarMenuToggle } from './components/navbar.js';
@@ -10,0 +10,0 @@ export { baseStyles } from './utils/classes.js';

dist/index.js

@@ -100,5 +100,8 @@ "use strict";
   alert: () => alert,
+  alertClose: () => alertClose,
   alertIcon: () => alertIcon,
+  alertMessage: () => alertMessage,
   alertWrapper: () => alertWrapper,
   badge: () => badge,
+  badgeWrapper: () => badgeWrapper,
   baseStyles: () => baseStyles,
@@ -244,3 +247,7 @@ button: () => button,
 var buttonBase = (0, import_tailwind_variants.tv)({
-  base: "relative select-none"
+  base: "relative select-none",
+  slots: {
+    spinner: "absolute inset-0 z-[1] flex items-center justify-center rounded p-1 opacity-20",
+    ripple: "absolute inset-0 overflow-hidden rounded-[inherit]"
+  }
 });
@@ -482,5 +489,14 @@ var button = (0, import_tailwind_variants.tv)({
 });
+var alertMessage = (0, import_tailwind_variants6.tv)({
+  base: "grow hyphens-auto"
+});
+var alertClose = (0, import_tailwind_variants6.tv)({
+  base: "cursor-pointer text-inherit"
+});
 
 // src/components/badge.ts
 var import_tailwind_variants7 = require("tailwind-variants");
+var badgeWrapper = (0, import_tailwind_variants7.tv)({
+  base: "relative h-fit w-fit"
+});
 var badge = (0, import_tailwind_variants7.tv)({
@@ -1140,5 +1156,8 @@ base: "absolute z-[2] flex -translate-y-1/2 translate-x-1/2 items-center justify-center rounded-full px-[4px]",
   alert,
+  alertClose,
   alertIcon,
+  alertMessage,
   alertWrapper,
   badge,
+  badgeWrapper,
   baseStyles,
@@ -1145,0 +1164,0 @@ button,

package.json

 {
   "name": "@nkey-ui/theme",
-  "version": "1.0.21",
+  "version": "1.0.22",
   "description": "The default theme for NkeyUI components",
@@ -5,0 +5,0 @@ "keywords": [

No alert changes

Improved metrics

Total package byte prevSize

260762

increased by2.23%

Lines of code

8789

increased by1.56%

No dependency changes