@yummacss/ui - npm Package Compare versions

Comparing version 0.1.1 to 0.1.2

dist/index.d.ts

 import { VariantProps } from "class-variance-authority";
 import * as react5 from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 import { AlertDialog as AlertDialog$1 } from "@base-ui-components/react/alert-dialog";
@@ -40,3 +40,3 @@ import { Avatar as Avatar$1 } from "@base-ui-components/react/avatar";
 interface AlertDialogProps extends React.ComponentPropsWithoutRef<typeof AlertDialog$1.Root> {}
-declare function AlertDialog(props: AlertDialogProps): react_jsx_runtime0.JSX.Element;
+declare function AlertDialog(props: AlertDialogProps): react_jsx_runtime5.JSX.Element;
 //#endregion
@@ -48,3 +48,3 @@ //#region src/components/AlertDialog/AlertDialogBackdrop.d.ts
   ...props
-}: AlertDialogBackdropProps): react_jsx_runtime0.JSX.Element;
+}: AlertDialogBackdropProps): react_jsx_runtime5.JSX.Element;
 //#endregion
@@ -56,3 +56,3 @@ //#region src/components/AlertDialog/AlertDialogClose.d.ts
   ...props
-}: AlertDialogCloseProps): react_jsx_runtime0.JSX.Element;
+}: AlertDialogCloseProps): react_jsx_runtime5.JSX.Element;
 //#endregion
@@ -64,3 +64,3 @@ //#region src/components/AlertDialog/AlertDialogDescription.d.ts
   ...props
-}: AlertDialogDescriptionProps): react_jsx_runtime0.JSX.Element;
+}: AlertDialogDescriptionProps): react_jsx_runtime5.JSX.Element;
 //#endregion
@@ -76,7 +76,7 @@ //#region src/components/AlertDialog/AlertDialogPopup.d.ts
   ...props
-}: AlertDialogPopupProps): react_jsx_runtime0.JSX.Element;
+}: AlertDialogPopupProps): react_jsx_runtime5.JSX.Element;
 //#endregion
 //#region src/components/AlertDialog/AlertDialogPortal.d.ts
 interface AlertDialogPortalProps extends React.ComponentPropsWithoutRef<typeof AlertDialog$1.Portal> {}
-declare function AlertDialogPortal(props: AlertDialogPortalProps): react_jsx_runtime0.JSX.Element;
+declare function AlertDialogPortal(props: AlertDialogPortalProps): react_jsx_runtime5.JSX.Element;
 //#endregion
@@ -88,7 +88,7 @@ //#region src/components/AlertDialog/AlertDialogTitle.d.ts
   ...props
-}: AlertDialogTitleProps): react_jsx_runtime0.JSX.Element;
+}: AlertDialogTitleProps): react_jsx_runtime5.JSX.Element;
 //#endregion
 //#region src/components/AlertDialog/AlertDialogTrigger.d.ts
 interface AlertDialogTriggerProps extends React.ComponentPropsWithoutRef<typeof AlertDialog$1.Trigger> {}
-declare function AlertDialogTrigger(props: AlertDialogTriggerProps): react_jsx_runtime0.JSX.Element;
+declare function AlertDialogTrigger(props: AlertDialogTriggerProps): react_jsx_runtime5.JSX.Element;
 //#endregion
@@ -106,3 +106,3 @@ //#region src/components/Avatar/Avatar.d.ts
   ...props
-}: AvatarProps): react_jsx_runtime0.JSX.Element;
+}: AvatarProps): react_jsx_runtime5.JSX.Element;
 //#endregion
@@ -114,3 +114,3 @@ //#region src/components/Avatar/AvatarFallback.d.ts
   ...props
-}: AvatarFallbackProps): react_jsx_runtime0.JSX.Element;
+}: AvatarFallbackProps): react_jsx_runtime5.JSX.Element;
 //#endregion
@@ -122,3 +122,3 @@ //#region src/components/Avatar/AvatarImage.d.ts
   ...props
-}: AvatarImageProps): react_jsx_runtime0.JSX.Element;
+}: AvatarImageProps): react_jsx_runtime5.JSX.Element;
 //#endregion
@@ -137,3 +137,3 @@ //#region src/components/Badge/Badge.d.ts
 declare const buttonVariants: (props?: ({
-  variant?: "base" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
+  variant?: "base" | "destructive" | "ghost" | "link" | "outline" | null | undefined;
   size?: "sm" | "md" | "lg" | null | undefined;
@@ -178,3 +178,3 @@ } & class_variance_authority_types0.ClassProp) | undefined) => string;
   ...props
-}: CheckboxProps): react_jsx_runtime0.JSX.Element;
+}: CheckboxProps): react_jsx_runtime5.JSX.Element;
 //#endregion
@@ -186,3 +186,3 @@ //#region src/components/Checkbox/CheckboxIndicator.d.ts
   ...props
-}: CheckboxIndicatorProps): react_jsx_runtime0.JSX.Element;
+}: CheckboxIndicatorProps): react_jsx_runtime5.JSX.Element;
 //#endregion
@@ -201,3 +201,3 @@ //#region src/components/Input/Input.d.ts
   ...props
-}: TabsProps): react_jsx_runtime0.JSX.Element;
+}: TabsProps): react_jsx_runtime5.JSX.Element;
 //#endregion
@@ -209,3 +209,3 @@ //#region src/components/Tabs/TabsList.d.ts
   ...props
-}: TabsListProps): react_jsx_runtime0.JSX.Element;
+}: TabsListProps): react_jsx_runtime5.JSX.Element;
 //#endregion
@@ -217,3 +217,3 @@ //#region src/components/Tabs/TabsPanel.d.ts
   ...props
-}: TabsPanelProps): react_jsx_runtime0.JSX.Element;
+}: TabsPanelProps): react_jsx_runtime5.JSX.Element;
 //#endregion
@@ -225,3 +225,3 @@ //#region src/components/Tabs/TabsTab.d.ts
   ...props
-}: TabsTabProps): react_jsx_runtime0.JSX.Element;
+}: TabsTabProps): react_jsx_runtime5.JSX.Element;
 //#endregion
@@ -228,0 +228,0 @@ //#region src/components/Textarea/Textarea.d.ts

dist/out.css

@@ -1,1 +0,1 @@
-*,:before,:after{box-sizing:border-box;border:0 solid}*{margin:0;padding:0}button,textarea{background-color:#0000;padding:.5rem;font-family:inherit}button:not([class]),textarea:not([class]){border:1px solid #bfc2c7}button:focus,textarea:focus{outline:2px solid #0000}textarea:not([rows]){min-height:10em}button{cursor:pointer}button:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-size:1rem;font-weight:600}p{text-wrap:pretty}.rad-0{border-radius:0}.rad-1{border-radius:.25rem}.rad-2{border-radius:.5rem}.rad-3{border-radius:.75rem}.rad-half{border-radius:50%}.b-0{border-width:0}.b-1{border-width:1px}.d-3{width:.75rem;height:.75rem}.h-full{height:100%}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.mb-4{margin-bottom:1rem}.ml-2{margin-left:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.p-1{padding:.25rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.w-full{width:100%}.w-8{width:2rem}.w-12{width:3rem}.w-16{width:4rem}.w-80{width:20rem}.w-96{width:24rem}.w-100{width:25rem}.max-w-80{max-width:20rem}.max-w-96{max-width:24rem}.max-w-100{max-width:25rem}.bg-red{background-color:#d73d3d}.h\:bg-red-7:hover{background-color:#b93434}.bg-silver-1,.h\:bg-silver-1:hover{background-color:#f5f5f6}.bg-silver-2,.h\:bg-silver-2:hover{background-color:#ecedee}.bg-silver-3{background-color:#e3e4e6}.bg-black{background-color:#000}.bg-white,.f\:bg-white:focus,.a\:bg-white:active{background-color:#fff}.bg-transparent{background-color:#0000}.bc-red{border-color:#d73d3d}.bc-red-2{border-color:#f3c5c5}.bc-red-4{border-color:#e88e8e}.bc-red-6{border-color:#dd5858}.bc-yellow-2{border-color:#f2e3b5}.bc-green{border-color:#1fb155}.bc-green-2{border-color:#bce8cc}.bc-blue-2{border-color:#c2d6f5}.bc-slate-2{border-color:#c5c5ca}.bc-silver-3{border-color:#e3e4e6}.bc-silver-4{border-color:#dadcdf}.bc-silver-5{border-color:#d1d3d7}.bc-silver-7,.h\:bc-silver-7:hover{border-color:#a4a7ab}.tc-red{color:#d73d3d}.tc-red-6{color:#dd5858}.tc-yellow{color:#d3a107}.tc-green{color:#1fb155}.tc-blue{color:#3575dd}.tc-slate{color:#3f3f4e}.tc-slate-12{color:#0a0a0c}.tc-gray{color:#606773}.tc-silver-7{color:#a4a7ab}.tc-silver-10{color:#545558}.tc-white{color:#fff}.f\:oc-slate:focus{outline-color:#3f3f4e}.bs-xs{box-shadow:1px 3px 5px -3px #0000001a}.a\:bs-sm:active,.f\:bs-sm:focus{box-shadow:1px 3px 5px -2px #0000001a}.bs-xl{box-shadow:1px 3px 5px 2px #0000001a}.o-40{opacity:.4}.o-50{opacity:.5}.ai-c{align-items:center}.ai-fs{align-items:flex-start}.jc-c{justify-content:center}.cg-2{column-gap:.5rem}.g-2{gap:.5rem}.a-none{appearance:none}.c-d{cursor:default}.c-na{cursor:not-allowed}.c-p{cursor:pointer}.us-none{user-select:none}.i-0{inset:0}.l-half{left:50%}.t-half{top:50%}.d-f{display:flex}.d-if{display:inline-flex}.of-c{object-fit:cover}.o-h{overflow:hidden}.p-f{position:fixed}.os-none{outline-style:none}.f\:os-s:focus{outline-style:solid}.f\:ow-2:focus{outline-width:2px}.fs-xs{font-size:.75rem}.fs-sm{font-size:.875rem}.fs-md{font-size:1rem}.fs-lg{font-size:1.125rem}.fw-600{font-weight:600}.lh-2{line-height:1.25}.h\:td-u:hover{text-decoration:underline}.tuo-4{text-underline-offset:4px}
+*,:before,:after{box-sizing:border-box;border:0 solid}*{margin:0;padding:0}html{font-family:system-ui,sans-serif}body{-webkit-font-smoothing:antialiased;font-family:inherit;line-height:1.5}canvas,img,picture,svg,video{max-width:100%;display:block}button,input,optgroup,select,textarea{background-color:#0000;padding:.5rem;font-family:inherit}button:not([class]),input:not([class]),optgroup:not([class]),select:not([class]),textarea:not([class]){border:1px solid #bfc2c7}a,button,input,select,summary,textarea{&:focus{outline:2px solid #0000}}textarea:not([rows]){min-height:10em}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-size:1rem;font-weight:600}p{text-wrap:pretty}b,strong{font-weight:700}small{font-size:80%;line-height:1.4}pre,code,kbd,samp{font-family:monospace;font-size:1em}a{color:inherit;text-decoration:none}ol,ul{padding:0;list-style:none}th{font-size:1rem;font-weight:600}hr{border-top:1px solid #bfc2c7;height:0;margin:1em 0}details{display:block}summary{display:list-item}.ai-fs{align-items:flex-start}.b-0{border-width:0}.bg-transparent{background-color:#0000}.bg-white{background-color:#fff}.bs-xl{box-shadow:1px 3px 5px 2px #0000001a}.c-na{cursor:not-allowed}.d-f{display:flex}.fs-lg{font-size:1.125rem}.fs-md{font-size:1rem}.fs-sm{font-size:.875rem}.fs-xs{font-size:.75rem}.fw-600{font-weight:600}.jc-c{justify-content:center}.l-half{left:50%}.lh-2{line-height:1.25}.ml-2{margin-left:.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.o-40{opacity:.4}.of-c{object-fit:cover}.ow-2{outline-width:2px}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.rad-0{border-radius:0}.rad-1{border-radius:.25rem}.rad-3{border-radius:.75rem}.rad-half{border-radius:50%}.tc-blue{color:#3575dd}.tc-gray{color:#606773}.tc-green{color:#1fb155}.tc-red{color:#d73d3d}.tc-slate{color:#3f3f4e}.tc-white{color:#fff}.tc-yellow{color:#d3a107}.td-u{text-decoration:underline}.us-none{user-select:none}.w-100{width:25rem}.w-80{width:20rem}.w-96{width:24rem}.w-full{width:100%}

package.json

 {
   "name": "@yummacss/ui",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Reusable React components styled with Yumma CSS.",
@@ -57,3 +57,3 @@ "keywords": [
     "typescript-eslint": "^8.44.0",
-    "yummacss": "^3.3.1"
+    "yummacss": "^3.4.3"
   },
@@ -60,0 +60,0 @@ "peerDependencies": {

README.md

@@ -18,3 +18,3 @@ # [@yummacss/ui](https://www.npmjs.com/package/@yummacss/ui)
 
-## Usage
+## Usage example
 
@@ -35,3 +35,3 @@ ```tsx
 
-Head over to [yummacss.com/ui](https://www.yummacss.com) for the full documentation.
+Head over to the [Yumma UI docs](https://www.yummacss.com/ui) to learn more.
 
@@ -38,0 +38,0 @@ ## Built with

New alerts

Unpublished package

Supply chain risk

Package version was not found on the registry. It may exist on a different registry and need to be configured to pull from that registry.

Fixed alerts

Unpublished package

Supply chain risk

Package version was not found on the registry. It may exist on a different registry and need to be configured to pull from that registry.

Worsened metrics

Total package byte prevSize

24100

-5.24%

No dependency changes