@indra-inter/neobrutalism-components 0.1.4 → 0.2.0

package/dist/typescript/index.d.ts

@@ -1,11 +1,11 @@
-export { Button, type ButtonRounded, type ButtonProps, type ButtonSize, type ButtonVariant, } from './components/button/button.js';
-export { IconButton, type IconButtonProps, type IconButtonRounded, type IconButtonVariant, } from './components/icon-button/icon-button.js';
+export { Button, type ButtonProps, type ButtonSize, type ButtonVariant, } from './components/button/button.js';
+export { IconButton, type IconButtonProps, type IconButtonVariant, } from './components/icon-button/icon-button.js';
 export { createTheme, createNativeWindVariables, theme, type Theme, type ThemeMode, type ThemeStatus, type ThemeVariant, } from './theme/theme.js';
 export type { CornerRadius, Radius, Rounded, ShadowVariant, } from './components/shared/styling.js';
 export { ThemeProvider, useTheme, type ThemeProviderProps, } from './theme/theme-provider.js';
 export { NativeWindThemeProvider, type NativeWindThemeProviderProps, } from './theme/nativewind-theme-provider.js';
 export { defaultDesignTokenModes, designTokens, } from './theme/design-tokens.generated.js';
-export { Badge, type BadgeProps, type BadgeRounded, type BadgeSize, type BadgeType, type BadgeVariant, } from './components/badge/badge.js';
+export { Badge, type BadgeProps, type BadgeSize, type BadgeVariant, } from './components/badge/badge.js';
 export { Input, TextArea, type InputProps, type TextAreaProps, } from './components/input/input.js';
 export { PasswordInput, type PasswordInputProps, } from './components/input/password-input.js';
 export { CurrencyInput, type CurrencyInputProps, } from './components/input/currency-input.js';
@@ -14,17 +14,17 @@ export { PinCodeField, type PinCodeFieldProps, type PinCodeFieldRounded, } from
 export { PhoneInput, type PhoneCountry, type PhoneInputProps, } from './components/input/phone-input.js';
 export { UrlInput, type UrlInputProps } from './components/input/url-input.js';
 export { Dropdown, type DropdownOption, type DropdownOptionState, type DropdownProps, type DropdownType, type MultiSelectDropdownProps, type SingleDropdownProps, } from './components/dropdown/dropdown.js';
-export { DropdownMenu, type DropdownMenuAlign, type DropdownMenuItem, type DropdownMenuMode, type DropdownMenuProps, type DropdownMenuShadowVariant, type DropdownMenuSide, type DropdownMenuVariant, } from './components/dropdown/dropdown-menu.js';
+export { DropdownMenu, type DropdownMenuAlign, type DropdownMenuItem, type DropdownMenuProps, type DropdownMenuSide, type DropdownMenuVariant, } from './components/dropdown/dropdown-menu.js';
 export { Checkbox, type CheckboxProps, type SelectionControlLabelPosition, } from './components/checkbox/checkbox.js';
 export { Radio, type RadioProps } from './components/radio/radio.js';
 export { Switch, type SwitchProps } from './components/switch/switch.js';
-export { Avatar, type AvatarRounded, type AvatarProps, type AvatarSize, type AvatarMode, type AvatarVariant, } from './components/avatar/avatar.js';
+export { Avatar, type AvatarProps, type AvatarSize, type AvatarVariant, } from './components/avatar/avatar.js';
 export { Toast, type ToastAction, type ToastProps, type ToastType, } from './components/toast/toast.js';
 export { ToastProvider, useToast, type ToastOptions, type ToastProviderProps, } from './components/toast/toast-provider.js';
 export { ConfirmDialog, Dialog, DialogBody, DialogFooter, DialogHeader, DialogProvider, type ConfirmDialogProps, type DialogHeaderProps, type DialogProps, } from './components/dialog/dialog.js';
 export { BottomSheet, BottomSheetBody, BottomSheetFooter, BottomSheetHeader, type BottomSheetAnimation, type BottomSheetHeaderProps, type BottomSheetProps, } from './components/bottom-sheet/bottom-sheet.js';
-export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type CardProps, type CardRadius, type CardShadowVariant, } from './components/card/card.js';
-export { Tabs, type TabItem, type TabsLayout, type TabsProps, type TabsRounded, type TabsItemRounded, type TabsVariant, } from './components/tabs/tabs.js';
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type CardProps, } from './components/card/card.js';
+export { Tabs, type TabItem, type TabsLayout, type TabsProps, type TabsVariant, } from './components/tabs/tabs.js';
 export { ListItem, type ListItemProps, type ListItemTrailingAction, } from './components/list-item/list-item.js';
 export { Divider, type DividerInset, type DividerProps } from './components/divider/divider.js';
 export { CallItem, type CallItemProps, type CallItemType, } from './components/call-item/call-item.js';
@@ -32,7 +32,7 @@ export { ChatListItem, type ChatListItemProps, type ChatListItemState, } from '.
 export { Progress, type ProgressProps, type ProgressType, } from './components/progress/progress.js';
 export { Accordion, type AccordionItem, type AccordionProps, type AccordionType, } from './components/accordion/accordion.js';
 export { AppBar, type AppBarBottomProps, type AppBarContentProps, type AppBarProps, } from './components/app-bar/app-bar.js';
-export { Calendar, type CalendarMode, type CalendarProps, type CalendarRadius, type CalendarRangeValue, } from './components/calendar/calendar.js';
+export { Calendar, type CalendarMode, type CalendarProps, type CalendarRangeValue, } from './components/calendar/calendar.js';
 export { BottomNavigation, type BottomNavigationItem, type BottomNavigationProps, } from './components/bottom-navigation/bottom-navigation.js';
-export { Skeleton, type SkeletonProps, type SkeletonRounded, type SkeletonType, } from './components/skeleton/skeleton.js';
+export { Skeleton, type SkeletonProps, type SkeletonType, } from './components/skeleton/skeleton.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/typescript/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/dist/typescript/theme/design-tokens.generated.d.ts

@@ -44,7 +44,7 @@ export declare const designTokens: {
         readonly "decor-accent": "#01ABFF";
         readonly "decor-ink": "#000000";
         readonly "decor-paper": "#FFFFFF";
-        readonly "background-color": "#00000080";
+        readonly overlay: "#00000080";
         readonly "semantic-background": "#8D8D8D";
         readonly "semantic-border": "#908F8F";
         readonly "semantic-foreground": "#FFFFFF";
@@ -190,7 +190,7 @@ export declare const designTokens: {
                 readonly "decor-accent": "#01ABFF";
                 readonly "decor-ink": "#000000";
                 readonly "decor-paper": "#FFFFFF";
-                readonly "background-color": "#00000080";
+                readonly overlay: "#00000080";
                 readonly "semantic-background": "#8D8D8D";
                 readonly "semantic-border": "#908F8F";
                 readonly "semantic-foreground": "#FFFFFF";
@@ -234,7 +234,7 @@ export declare const designTokens: {
                 readonly "decor-accent": "#FF7F50";
                 readonly "decor-ink": "#000000";
                 readonly "decor-paper": "#FFFFFF";
-                readonly "background-color": "#00000080";
+                readonly overlay: "#00000080";
                 readonly "semantic-background": "#8D8D8D";
                 readonly "semantic-border": "#908F8F";
                 readonly "semantic-foreground": "#FFFFFF";
@@ -280,7 +280,7 @@ export declare const designTokens: {
                 readonly "decor-accent": "#5CA1C4";
                 readonly "decor-ink": "#000000";
                 readonly "decor-paper": "#FFFFFF";
-                readonly "background-color": "#00000080";
+                readonly overlay: "#00000080";
                 readonly "semantic-background": "#272625";
                 readonly "semantic-border": "#515253";
                 readonly "semantic-foreground": "#FFFFFF";
@@ -324,7 +324,7 @@ export declare const designTokens: {
                 readonly "decor-accent": "#29130A";
                 readonly "decor-ink": "#000000";
                 readonly "decor-paper": "#FFFFFF";
-                readonly "background-color": "#00000080";
+                readonly overlay: "#00000080";
                 readonly "semantic-background": "#272625";
                 readonly "semantic-border": "#515253";
                 readonly "semantic-foreground": "#FFFFFF";

package/dist/typescript/theme/nativewind-tokens.generated.d.ts

@@ -4,7 +4,6 @@ export declare const nativeWindTokenVariables: {
             readonly "--accent": "201.11 100% 89.41%";
             readonly "--accent-foreground": "202.17 79.31% 11.37%";
             readonly "--background": "0 0% 100%";
-            readonly "--background-color": "0 0% 0% / 50.2%";
             readonly "--border": "0 0% 0%";
             readonly "--card": "0 0% 95.29%";
             readonly "--card-foreground": "0 0% 3.92%";
@@ -19,6 +18,7 @@ export declare const nativeWindTokenVariables: {
             readonly "--input": "0 0% 100%";
             readonly "--muted": "0 0% 94.9%";
             readonly "--muted-foreground": "0 0% 36.08%";
+            readonly "--overlay": "0 0% 0% / 50.2%";
             readonly "--popover": "0 0% 98.04%";
             readonly "--popover-foreground": "0 0% 3.92%";
             readonly "--primary": "199.84 100% 50.2%";
@@ -76,7 +76,6 @@ export declare const nativeWindTokenVariables: {
             readonly "--accent": "202.5 64.86% 14.51%";
             readonly "--accent-foreground": "201.11 100% 89.41%";
             readonly "--background": "0 0% 12.16%";
-            readonly "--background-color": "0 0% 0% / 50.2%";
             readonly "--border": "0 0% 0%";
             readonly "--card": "0 0% 10.2%";
             readonly "--card-foreground": "0 0% 98.04%";
@@ -91,6 +90,7 @@ export declare const nativeWindTokenVariables: {
             readonly "--input": "200 8.57% 13.73%";
             readonly "--muted": "0 0% 14.9%";
             readonly "--muted-foreground": "0 0% 63.92%";
+            readonly "--overlay": "0 0% 0% / 50.2%";
             readonly "--popover": "0 0% 10.2%";
             readonly "--popover-foreground": "0 0% 98.04%";
             readonly "--primary": "199.84 100% 50.2%";
@@ -150,7 +150,6 @@ export declare const nativeWindTokenVariables: {
             readonly "--accent": "16.8 49.02% 90%";
             readonly "--accent-foreground": "16.8 49.02% 20%";
             readonly "--background": "0 0% 100%";
-            readonly "--background-color": "0 0% 0% / 50.2%";
             readonly "--border": "0 0% 0%";
             readonly "--card": "0 0% 95.29%";
             readonly "--card-foreground": "0 0% 3.92%";
@@ -165,6 +164,7 @@ export declare const nativeWindTokenVariables: {
             readonly "--input": "0 0% 100%";
             readonly "--muted": "0 0% 94.9%";
             readonly "--muted-foreground": "0 0% 36.08%";
+            readonly "--overlay": "0 0% 0% / 50.2%";
             readonly "--popover": "0 0% 98.04%";
             readonly "--popover-foreground": "0 0% 3.92%";
             readonly "--primary": "16.11 100% 65.69%";
@@ -222,7 +222,6 @@ export declare const nativeWindTokenVariables: {
             readonly "--accent": "16.8 49.02% 20%";
             readonly "--accent-foreground": "16.8 49.02% 90%";
             readonly "--background": "0 0% 12.16%";
-            readonly "--background-color": "0 0% 0% / 50.2%";
             readonly "--border": "0 0% 0%";
             readonly "--card": "0 0% 10.2%";
             readonly "--card-foreground": "0 0% 98.04%";
@@ -237,6 +236,7 @@ export declare const nativeWindTokenVariables: {
             readonly "--input": "200 8.57% 13.73%";
             readonly "--muted": "0 0% 14.9%";
             readonly "--muted-foreground": "0 0% 63.92%";
+            readonly "--overlay": "0 0% 0% / 50.2%";
             readonly "--popover": "0 0% 10.2%";
             readonly "--popover-foreground": "0 0% 98.04%";
             readonly "--primary": "16.11 100% 65.69%";

package/nativewind.css

@@ -3,7 +3,6 @@
   --accent: 201.11 100% 89.41%;
   --accent-foreground: 202.17 79.31% 11.37%;
   --background: 0 0% 100%;
-  --background-color: 0 0% 0% / 50.2%;
   --border: 0 0% 0%;
   --card: 0 0% 95.29%;
   --card-foreground: 0 0% 3.92%;
@@ -18,6 +17,7 @@
   --input: 0 0% 100%;
   --muted: 0 0% 94.9%;
   --muted-foreground: 0 0% 36.08%;
+  --overlay: 0 0% 0% / 50.2%;
   --popover: 0 0% 98.04%;
   --popover-foreground: 0 0% 3.92%;
   --primary: 199.84 100% 50.2%;
@@ -76,7 +76,6 @@
   --accent: 202.5 64.86% 14.51%;
   --accent-foreground: 201.11 100% 89.41%;
   --background: 0 0% 12.16%;
-  --background-color: 0 0% 0% / 50.2%;
   --border: 0 0% 0%;
   --card: 0 0% 10.2%;
   --card-foreground: 0 0% 98.04%;
@@ -91,6 +90,7 @@
   --input: 200 8.57% 13.73%;
   --muted: 0 0% 14.9%;
   --muted-foreground: 0 0% 63.92%;
+  --overlay: 0 0% 0% / 50.2%;
   --popover: 0 0% 10.2%;
   --popover-foreground: 0 0% 98.04%;
   --primary: 199.84 100% 50.2%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indra-inter/neobrutalism-components",
-  "version": "0.1.4",
+  "version": "0.2.0",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -45,6 +45,7 @@
     "generate:design-tokens": "node ./scripts/generate-design-tokens.mjs",
     "test:badge-nativewind": "node ./scripts/test-badge-nativewind.mjs",
     "test:card-nativewind": "node ./scripts/test-card-nativewind.mjs",
+    "test:canonical-component-api": "node ./scripts/test-canonical-component-api.mjs",
     "test:bottom-sheet-drag-dismiss": "node ./scripts/test-bottom-sheet-drag-dismiss.mjs",
     "test:chat-list-item-slots": "node ./scripts/test-chat-list-item-slots.mjs",
     "test:design-tokens": "node ./scripts/test-design-tokens.mjs && node ./scripts/test-theme-family-token-contract.mjs",
@@ -54,6 +55,7 @@
     "test:list-item-nativewind": "node ./scripts/test-list-item-nativewind.mjs",
     "test:pin-code-field": "node ./scripts/test-pin-code-field.mjs",
     "test:public-styling-contract": "node ./scripts/test-public-styling-contract.mjs && node ./scripts/test-theme-family-public-contract.mjs",
+    "test:semantic-color-contract": "node ./scripts/test-semantic-color-contract.mjs",
     "test:shared-styling": "node ./scripts/test-shared-styling.mjs",
     "test:styling-aliases": "node ./scripts/test-styling-aliases.mjs",
     "test:theme-family-runtime": "node ./scripts/test-theme-family-runtime-contract.mjs",

package/tokens.css

@@ -38,7 +38,7 @@
   --neo-decor-accent: 199.84 100% 50.2%;
   --neo-decor-ink: 0 0% 0%;
   --neo-decor-paper: 0 0% 100%;
-  --neo-background-color: 0 0% 0% / 50.2%;
+  --neo-overlay: 0 0% 0% / 50.2%;
   --neo-semantic-background: 0 0% 55.29%;
   --neo-semantic-border: 0 0.45% 56.27%;
   --neo-semantic-foreground: 0 0% 100%;
@@ -104,7 +104,7 @@
   --neo-decor-accent: 200.19 46.85% 56.47%;
   --neo-decor-ink: 0 0% 0%;
   --neo-decor-paper: 0 0% 100%;
-  --neo-background-color: 0 0% 0% / 50.2%;
+  --neo-overlay: 0 0% 0% / 50.2%;
   --neo-semantic-background: 30 2.63% 14.9%;
   --neo-semantic-border: 210 1.22% 32.16%;
   --neo-semantic-foreground: 0 0% 100%;