Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@skeletonizer/utils

Package Overview
Dependencies
Maintainers
0
Versions
36
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@skeletonizer/utils - npm Package Compare versions

Comparing version 1.0.0 to 1.1.0

19

package.json
{
"name": "@skeletonizer/utils",
"version": "1.0.0",
"version": "1.1.0",
"description": "Utils for all skeletonizer packages",

@@ -24,3 +24,4 @@ "author": "Luka Varga",

"require": "./dist/utils.umd.js",
"types": "./dist/src/index.d.ts"
"types": "./dist/src/index.d.ts",
"default": "./dist/utils.mjs"
},

@@ -44,4 +45,4 @@ "publishConfig": {

"style-lintfix": "stylelint 'src/**/*.?(css|scss)' --color --fix",
"lint": "eslint --ext .ts src/ && npm run style-lint",
"lintfix": "npm run style-lintfix && eslint --ext .ts src/ --fix",
"lint": "eslint src/ && npm run style-lint",
"lintfix": "npm run style-lintfix && eslint src/ --fix",
"lint-staged": "lint-staged"

@@ -54,8 +55,8 @@ },

"devDependencies": {
"@vitest/coverage-istanbul": "2.1.2",
"sass": "^1.72.0",
"vite-plugin-dts": "^4.2.3",
"vitest": "2.1.2"
"@vitest/coverage-istanbul": "2.1.4",
"sass": "^1.80.5",
"vite-plugin-dts": "^4.3.0",
"vitest": "2.1.4"
},
"gitHead": "b991aef461188aebee063efb7df47e70c58b0772"
"gitHead": "1cc1b5c8a71f0f2490f555edf700c238a64df3d1"
}

@@ -92,3 +92,3 @@ # `@skeletonizer/utils`

For example, if you want to render 10 students that have borrowed a book from a library, where the underlying data of each student looks like:
For example, if you want to render 10 (ex)students that have borrowed a book from a library, where the underlying data of each (ex)student looks like:

@@ -99,3 +99,3 @@ ```typescript

age: number;
isStudent: boolean;
exStudent: boolean;
profilePicture: string | null;

@@ -114,3 +114,3 @@ booksBorrowed: Array<{ title: string; id: number }>;

age: new SchemaItem<number>().number(18, 30),
isStudent: new SchemaItem<boolean>().boolean(),
exStudent: new SchemaItem<boolean>().boolean(),
profilePicture: new SchemaItem().identical('https://your-placeholder-image.jpg'),

@@ -128,3 +128,3 @@ booksBorrowed: Array.from({ length: 3 }, () => ({

## colorSchema
Generally speaking, you shouldn't need to adjust the color scheme of the skeletonized component in most cases. However, should you need to, the color scheme of the skeletonized views can be customized by providing the `colorScheme` input bound property to the `SkeletonizerSkeletonComponent`.
Generally speaking, you shouldn't need to adjust the color scheme of the skeletonized component in most cases. However, should you need to, the color scheme of the skeletonized views can be customized by providing the `colorSchema` input bound property to the `SkeletonizerSkeletonComponent`.
You can provide a custom color scheme by providing an object with the following shape:

@@ -131,0 +131,0 @@

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc