@umbraco-ui/uui-badge
Advanced tools
@umbraco-ui/uui-badge - npm Package Compare versions
Comparing version 0.0.12 to 0.1.0
@@ -46,3 +46,3 @@ { | ||
| "name": "", | ||
| "description": "for badge contents" | ||
| "description": "The slot for badge contents" | ||
| } | ||
@@ -49,0 +49,0 @@ ] |
@@ -0,3 +1,3 @@ | ||
| import { defineElement } from '@umbraco-ui/uui-base/lib/registration'; | ||
| import { css, LitElement, html } from 'lit'; | ||
| import { defineElement } from '@umbraco-ui/uui-base/lib/registration'; | ||
| import { property } from 'lit/decorators.js'; | ||
@@ -29,3 +29,3 @@ | ||
| :host { | ||
| position: absolute; | ||
| position: var(--uui-badge-position, absolute); | ||
| display: flex; | ||
@@ -35,8 +35,4 @@ justify-content: center; | ||
| /* top: -8px; | ||
| right: -8px; */ | ||
| padding: var(--uui-size-1,3px) var(--uui-size-2,6px); | ||
| --uui-badge-inset: -8px -8px auto auto; | ||
| /* 4 different ones */ | ||
| inset: var(--uui-badge-inset); | ||
| inset: var(--uui-badge-inset, -8px -8px auto auto); | ||
@@ -48,3 +44,3 @@ text-align: center; | ||
| margin-right: 0 !important; | ||
| margin-right: 0; | ||
@@ -51,0 +47,0 @@ min-width: var(--uui-size-8,24px); |
@@ -0,7 +1,7 @@ | ||
| import { InterfaceLookType } from '@umbraco-ui/uui-base/lib/types'; | ||
| import { LitElement } from 'lit'; | ||
| import { InterfaceLookType } from '@umbraco-ui/uui-base/lib/types'; | ||
| /** | ||
| * A badge to notify that there is something that requires attention of the user. The badge is positioned with `position: absolute`. It will determine its position against the first ancestor with `position: relative`. | ||
| * @element uui-badge | ||
| * @slot - for badge contents | ||
| * @slot - The slot for badge contents | ||
| */ | ||
@@ -8,0 +8,0 @@ export declare class UUIBadgeElement extends LitElement { |
| { | ||
| "name": "@umbraco-ui/uui-badge", | ||
| "version": "0.0.12", | ||
| "version": "0.1.0", | ||
| "license": "MIT", | ||
@@ -33,3 +33,3 @@ "description": "A badge to notify that there is something that requires attention of the user.", | ||
| "dependencies": { | ||
| "@umbraco-ui/uui-base": "0.0.17" | ||
| "@umbraco-ui/uui-base": "0.1.0" | ||
| }, | ||
@@ -44,3 +44,3 @@ "scripts": { | ||
| }, | ||
| "gitHead": "3b7c6cf892e89054b2980b19d8c2f8bead2752e8" | ||
| "gitHead": "9ed7860ce865d310b85bd1718f37b59db873aefd" | ||
| } |
@@ -5,2 +5,6 @@ # uui-badge | ||
| ### See it in action | ||
| Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-badge) | ||
| ## Installation | ||
@@ -7,0 +11,0 @@ |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.31%
11736
- Number of lines in readme file
- increased by13.33%
34
Worsened metrics
- Lines of code
- decreased by-1.6%
246
Dependency changes
+ Added@umbraco-ui/uui-base@0.1.0(transitive)
- Removed@umbraco-ui/uui-base@0.0.17(transitive)
Updated@umbraco-ui/uui-base@0.1.0