Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@spectrum-web-components/asset
Advanced tools
@spectrum-web-components/asset - npm Package Compare versions
Comparing version 0.41.2 to 0.42.0
| { | ||
| "name": "@spectrum-web-components/asset", | ||
| "version": "0.41.2", | ||
| "version": "0.42.0", | ||
| "publishConfig": { | ||
@@ -60,6 +60,6 @@ "access": "public" | ||
| "dependencies": { | ||
| "@spectrum-web-components/base": "^0.41.2" | ||
| "@spectrum-web-components/base": "^0.42.0" | ||
| }, | ||
| "devDependencies": { | ||
| "@spectrum-css/asset": "^3.1.2" | ||
| "@spectrum-css/asset": "^4.0.0" | ||
| }, | ||
@@ -72,3 +72,3 @@ "types": "./src/index.d.ts", | ||
| ], | ||
| "gitHead": "78c3f16b08c9133c9e5ca88d0c9fef5ea7d2ab87" | ||
| "gitHead": "9b3bd55ff8e8f9438817255976e77fd456b19d72" | ||
| } |
| "use strict"; | ||
| import { css } from "@spectrum-web-components/base"; | ||
| const styles = css` | ||
| :host{justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex}::slotted(*){object-fit:contain;transition:opacity var(--spectrum-global-animation-duration-100,.13s);max-block-size:100%;max-inline-size:100%}.folder,.file{min-inline-size:var(--spectrum-asset-icon-min-width,var(--spectrum-global-dimension-size-600));max-inline-size:var(--spectrum-asset-icon-max-width,var(--spectrum-global-dimension-static-size-1000));margin:var(--spectrum-asset-icon-margin,var(--spectrum-global-dimension-size-250));block-size:100%;inline-size:100%}.folderBackground{fill:var(--highcontrast-asset-folder-background-color,var(--spectrum-asset-folder-background-color,var(--spectrum-global-color-gray-300)))}.fileBackground{fill:var(--highcontrast-asset-file-background-color,var(--spectrum-asset-file-background-color,var(--spectrum-global-color-gray-50)))}.folderOutline,.fileOutline{fill:var(--spectrum-asset-icon-outline-color,var(--spectrum-global-color-gray-500))}@media (forced-colors:active){:host{--highcontrast-asset-folder-background-color:currentColor;--highcontrast-asset-file-background-color:currentColor}} | ||
| :host{justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex}::slotted(*){object-fit:contain;transition:opacity var(--spectrum-animation-duration-100);max-block-size:100%;max-inline-size:100%}.folder,.file{inline-size:clamp(var(--mod-asset-icon-min-width,48px),100%,var(--mod-asset-icon-max-width,80px));margin:var(--mod-asset-icon-margin,20px);block-size:100%}.folderBackground{fill:var(--highcontrast-asset-folder-background-color,var(--mod-asset-folder-background-color,var(--spectrum-gray-300)))}.fileBackground{fill:var(--highcontrast-asset-file-background-color,var(--mod-asset-file-background-color,var(--spectrum-gray-50)))}.folderOutline,.fileOutline{fill:var(--mod-asset-icon-outline-color,var(--spectrum-gray-500))}@media (forced-colors:active){:host{--highcontrast-asset-folder-background-color:currentColor;--highcontrast-asset-file-background-color:currentColor}} | ||
| `; | ||
| export default styles; | ||
| //# sourceMappingURL=asset.css.dev.js.map |
| "use strict";import{css as o}from"@spectrum-web-components/base";const r=o` | ||
| :host{justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex}::slotted(*){object-fit:contain;transition:opacity var(--spectrum-global-animation-duration-100,.13s);max-block-size:100%;max-inline-size:100%}.folder,.file{min-inline-size:var(--spectrum-asset-icon-min-width,var(--spectrum-global-dimension-size-600));max-inline-size:var(--spectrum-asset-icon-max-width,var(--spectrum-global-dimension-static-size-1000));margin:var(--spectrum-asset-icon-margin,var(--spectrum-global-dimension-size-250));block-size:100%;inline-size:100%}.folderBackground{fill:var(--highcontrast-asset-folder-background-color,var(--spectrum-asset-folder-background-color,var(--spectrum-global-color-gray-300)))}.fileBackground{fill:var(--highcontrast-asset-file-background-color,var(--spectrum-asset-file-background-color,var(--spectrum-global-color-gray-50)))}.folderOutline,.fileOutline{fill:var(--spectrum-asset-icon-outline-color,var(--spectrum-global-color-gray-500))}@media (forced-colors:active){:host{--highcontrast-asset-folder-background-color:currentColor;--highcontrast-asset-file-background-color:currentColor}} | ||
| :host{justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex}::slotted(*){object-fit:contain;transition:opacity var(--spectrum-animation-duration-100);max-block-size:100%;max-inline-size:100%}.folder,.file{inline-size:clamp(var(--mod-asset-icon-min-width,48px),100%,var(--mod-asset-icon-max-width,80px));margin:var(--mod-asset-icon-margin,20px);block-size:100%}.folderBackground{fill:var(--highcontrast-asset-folder-background-color,var(--mod-asset-folder-background-color,var(--spectrum-gray-300)))}.fileBackground{fill:var(--highcontrast-asset-file-background-color,var(--mod-asset-file-background-color,var(--spectrum-gray-50)))}.folderOutline,.fileOutline{fill:var(--mod-asset-icon-outline-color,var(--spectrum-gray-500))}@media (forced-colors:active){:host{--highcontrast-asset-folder-background-color:currentColor;--highcontrast-asset-file-background-color:currentColor}} | ||
| `;export default r; | ||
| //# sourceMappingURL=asset.css.js.map |
| "use strict"; | ||
| import { css } from "@spectrum-web-components/base"; | ||
| const styles = css` | ||
| :host{justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex}::slotted(*){object-fit:contain;transition:opacity var(--spectrum-global-animation-duration-100,.13s);max-block-size:100%;max-inline-size:100%}.folder,.file{min-inline-size:var(--spectrum-asset-icon-min-width,var(--spectrum-global-dimension-size-600));max-inline-size:var(--spectrum-asset-icon-max-width,var(--spectrum-global-dimension-static-size-1000));margin:var(--spectrum-asset-icon-margin,var(--spectrum-global-dimension-size-250));block-size:100%;inline-size:100%}.folderBackground{fill:var(--highcontrast-asset-folder-background-color,var(--spectrum-asset-folder-background-color,var(--spectrum-global-color-gray-300)))}.fileBackground{fill:var(--highcontrast-asset-file-background-color,var(--spectrum-asset-file-background-color,var(--spectrum-global-color-gray-50)))}.folderOutline,.fileOutline{fill:var(--spectrum-asset-icon-outline-color,var(--spectrum-global-color-gray-500))}@media (forced-colors:active){:host{--highcontrast-asset-folder-background-color:currentColor;--highcontrast-asset-file-background-color:currentColor}} | ||
| :host{justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex}::slotted(*){object-fit:contain;transition:opacity var(--spectrum-animation-duration-100);max-block-size:100%;max-inline-size:100%}.folder,.file{inline-size:clamp(var(--mod-asset-icon-min-width,48px),100%,var(--mod-asset-icon-max-width,80px));margin:var(--mod-asset-icon-margin,20px);block-size:100%}.folderBackground{fill:var(--highcontrast-asset-folder-background-color,var(--mod-asset-folder-background-color,var(--spectrum-gray-300)))}.fileBackground{fill:var(--highcontrast-asset-file-background-color,var(--mod-asset-file-background-color,var(--spectrum-gray-50)))}.folderOutline,.fileOutline{fill:var(--mod-asset-icon-outline-color,var(--spectrum-gray-500))}@media (forced-colors:active){:host{--highcontrast-asset-folder-background-color:currentColor;--highcontrast-asset-file-background-color:currentColor}} | ||
| `; | ||
| export default styles; | ||
| //# sourceMappingURL=spectrum-asset.css.dev.js.map |
| "use strict";import{css as o}from"@spectrum-web-components/base";const r=o` | ||
| :host{justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex}::slotted(*){object-fit:contain;transition:opacity var(--spectrum-global-animation-duration-100,.13s);max-block-size:100%;max-inline-size:100%}.folder,.file{min-inline-size:var(--spectrum-asset-icon-min-width,var(--spectrum-global-dimension-size-600));max-inline-size:var(--spectrum-asset-icon-max-width,var(--spectrum-global-dimension-static-size-1000));margin:var(--spectrum-asset-icon-margin,var(--spectrum-global-dimension-size-250));block-size:100%;inline-size:100%}.folderBackground{fill:var(--highcontrast-asset-folder-background-color,var(--spectrum-asset-folder-background-color,var(--spectrum-global-color-gray-300)))}.fileBackground{fill:var(--highcontrast-asset-file-background-color,var(--spectrum-asset-file-background-color,var(--spectrum-global-color-gray-50)))}.folderOutline,.fileOutline{fill:var(--spectrum-asset-icon-outline-color,var(--spectrum-global-color-gray-500))}@media (forced-colors:active){:host{--highcontrast-asset-folder-background-color:currentColor;--highcontrast-asset-file-background-color:currentColor}} | ||
| :host{justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex}::slotted(*){object-fit:contain;transition:opacity var(--spectrum-animation-duration-100);max-block-size:100%;max-inline-size:100%}.folder,.file{inline-size:clamp(var(--mod-asset-icon-min-width,48px),100%,var(--mod-asset-icon-max-width,80px));margin:var(--mod-asset-icon-margin,20px);block-size:100%}.folderBackground{fill:var(--highcontrast-asset-folder-background-color,var(--mod-asset-folder-background-color,var(--spectrum-gray-300)))}.fileBackground{fill:var(--highcontrast-asset-file-background-color,var(--mod-asset-file-background-color,var(--spectrum-gray-50)))}.folderOutline,.fileOutline{fill:var(--mod-asset-icon-outline-color,var(--spectrum-gray-500))}@media (forced-colors:active){:host{--highcontrast-asset-folder-background-color:currentColor;--highcontrast-asset-file-background-color:currentColor}} | ||
| `;export default r; | ||
| //# sourceMappingURL=spectrum-asset.css.js.map |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
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
Unidentified License
License(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.
Found 1 instance in 1 package
Improved metrics
- Number of low license alerts
- decreased by-9.09%
10
Worsened metrics
- Total package byte prevSize
- decreased by-3.1%
56358
- Lines of code
- decreased by-1.05%
376
Dependency changes
+ Added@lit/reactive-element@2.0.4(transitive)
+ Added@spectrum-web-components/base@0.42.5(transitive)
+ Addedlit@3.2.1(transitive)
+ Addedlit-element@4.1.1(transitive)
+ Addedlit-html@3.2.1(transitive)
- Removed@lit/reactive-element@1.6.3(transitive)
- Removed@spectrum-web-components/base@0.41.2(transitive)
- Removedlit@2.8.0(transitive)
- Removedlit-element@3.3.3(transitive)
- Removedlit-html@2.8.0(transitive)