vue-screen - npm Package Compare versions

Comparing version 2.2.0 to 2.3.0

dist/grids/bootstrap.d.ts

 export declare type GridTypeBootstrapName = 'bootstrap';
+export declare type GridTypeBootstrap3Name = 'bootstrap3';
 export interface Bootstrap {
     xs: '0px';
-    sm: '480px';
-    md: '768px';
-    lg: '992px';
-    xl: '1200px';
-    xxl: '1400px';
+    sm: '768px';
+    md: '992px';
+    lg: '1200px';
 }
 declare const _default: Bootstrap;
 export default _default;

dist/grids/index.d.ts

 export * from './tailwind';
 export * from './bootstrap';
+export * from './bootstrap4';
+export * from './bootstrap5';
 export * from './bulma';
@@ -10,2 +12,5 @@ export * from './materialize';
     bootstrap: import("./bootstrap").Bootstrap;
+    bootstrap3: import("./bootstrap").Bootstrap;
+    bootstrap4: import("./bootstrap4").Bootstrap4;
+    bootstrap5: import("./bootstrap5").Bootstrap5;
     bulma: import("./bulma").Bulma;
@@ -12,0 +17,0 @@ materialize: import("./materialize").Materialize;

dist/types/grid.d.ts

@@ -1,6 +0,6 @@
-import { GridTypeTailwindName, Tailwind, GridTypeBootstrapName, Bootstrap, GridTypeBulmaName, Bulma, GridTypeFoundationName, Foundation, GridTypeMaterializeName, Materialize, GridTypeSemanticUiName, SemanticUi } from '../grids';
+import { GridTypeTailwindName, Tailwind, GridTypeBootstrapName, GridTypeBootstrap3Name, Bootstrap, GridTypeBootstrap4Name, Bootstrap4, GridTypeBootstrap5Name, Bootstrap5, GridTypeBulmaName, Bulma, GridTypeFoundationName, Foundation, GridTypeMaterializeName, Materialize, GridTypeSemanticUiName, SemanticUi } from '../grids';
 export declare type ComputedBreakpoint = (grid: GridObject<Custom>) => boolean;
 export declare type Custom = Record<string, number | string | ComputedBreakpoint>;
 export declare type CustomObject = Record<string, boolean>;
-export declare type SupportedGridType = Tailwind | Bootstrap | Bulma | Foundation | Materialize | SemanticUi | Custom;
+export declare type SupportedGridType = Tailwind | Bootstrap | Bootstrap | Bootstrap4 | Bootstrap5 | Bulma | Foundation | Materialize | SemanticUi | Custom;
 export declare type GridTypes = SupportedGridType | Custom;
@@ -12,6 +12,6 @@ export declare type BaseObject<T> = {
 export declare type GridObject<T extends GridTypes> = Record<keyof T, boolean> & BaseObject<T>;
-export declare type GridTypeLiteral<T> = T extends GridTypeTailwindName ? Tailwind : T extends GridTypeBootstrapName ? Bootstrap : T extends GridTypeBulmaName ? Bulma : T extends GridTypeFoundationName ? Foundation : T extends GridTypeMaterializeName ? Materialize : T extends GridTypeSemanticUiName ? SemanticUi : never;
-export declare type GridObjectLiteral<T> = T extends GridTypeTailwindName ? Record<keyof Tailwind, boolean> & BaseObject<Tailwind> : T extends GridTypeBootstrapName ? Record<keyof Bootstrap, boolean> & BaseObject<Bootstrap> : T extends GridTypeBulmaName ? Record<keyof Bulma, boolean> & BaseObject<Bulma> : T extends GridTypeFoundationName ? Record<keyof Foundation, boolean> & BaseObject<Foundation> : T extends GridTypeMaterializeName ? Record<keyof Materialize, boolean> & BaseObject<Materialize> : T extends GridTypeSemanticUiName ? Record<keyof SemanticUi, boolean> & BaseObject<SemanticUi> : never;
+export declare type GridTypeLiteral<T> = T extends GridTypeTailwindName ? Tailwind : T extends GridTypeBootstrapName ? Bootstrap : T extends GridTypeBootstrap3Name ? Bootstrap : T extends GridTypeBootstrap4Name ? Bootstrap4 : T extends GridTypeBootstrap5Name ? Bootstrap5 : T extends GridTypeBulmaName ? Bulma : T extends GridTypeFoundationName ? Foundation : T extends GridTypeMaterializeName ? Materialize : T extends GridTypeSemanticUiName ? SemanticUi : never;
+export declare type GridObjectLiteral<T> = T extends GridTypeTailwindName ? Record<keyof Tailwind, boolean> & BaseObject<Tailwind> : T extends GridTypeBootstrapName ? Record<keyof Bootstrap, boolean> & BaseObject<Bootstrap> : T extends GridTypeBootstrap3Name ? Record<keyof Bootstrap, boolean> & BaseObject<Bootstrap> : T extends GridTypeBootstrap4Name ? Record<keyof Bootstrap4, boolean> & BaseObject<Bootstrap4> : T extends GridTypeBootstrap5Name ? Record<keyof Bootstrap4, boolean> & BaseObject<Bootstrap5> : T extends GridTypeBulmaName ? Record<keyof Bulma, boolean> & BaseObject<Bulma> : T extends GridTypeFoundationName ? Record<keyof Foundation, boolean> & BaseObject<Foundation> : T extends GridTypeMaterializeName ? Record<keyof Materialize, boolean> & BaseObject<Materialize> : T extends GridTypeSemanticUiName ? Record<keyof SemanticUi, boolean> & BaseObject<SemanticUi> : never;
 export declare type GridDefinitionCustomObject = Custom;
-export declare type GridDefinitionLiteral = GridTypeTailwindName | GridTypeBootstrapName | GridTypeBulmaName | GridTypeFoundationName | GridTypeMaterializeName | GridTypeSemanticUiName;
+export declare type GridDefinitionLiteral = GridTypeTailwindName | GridTypeBootstrapName | GridTypeBootstrap3Name | GridTypeBootstrap4Name | GridTypeBootstrap5Name | GridTypeBulmaName | GridTypeFoundationName | GridTypeMaterializeName | GridTypeSemanticUiName;
 export declare type GridDefinition = GridDefinitionLiteral | GridDefinitionCustomObject;
@@ -18,0 +18,0 @@ declare module '@vue/runtime-core' {

dist/vue-screen.cjs.js

@@ -121,6 +121,21 @@ 'use strict';
     xs: '0px',
-    sm: '480px',
+    sm: '768px',
+    md: '992px',
+    lg: '1200px',
+};
+
+var bootstrap4 = {
+    xs: '0px',
+    sm: '576px',
     md: '768px',
     lg: '992px',
     xl: '1200px',
+};
+
+var bootstrap5 = {
+    xs: '0px',
+    sm: '576px',
+    md: '768px',
+    lg: '992px',
+    xl: '1200px',
     xxl: '1400px',
@@ -160,2 +175,5 @@ };
     bootstrap: bootstrap,
+    bootstrap3: bootstrap,
+    bootstrap4: bootstrap4,
+    bootstrap5: bootstrap5,
     bulma: bulma,
@@ -162,0 +180,0 @@ materialize: materialize,

dist/vue-screen.esm.js

@@ -117,6 +117,21 @@ import { reactive, getCurrentInstance, onUnmounted } from 'vue';
     xs: '0px',
-    sm: '480px',
+    sm: '768px',
+    md: '992px',
+    lg: '1200px',
+};
+
+var bootstrap4 = {
+    xs: '0px',
+    sm: '576px',
     md: '768px',
     lg: '992px',
     xl: '1200px',
+};
+
+var bootstrap5 = {
+    xs: '0px',
+    sm: '576px',
+    md: '768px',
+    lg: '992px',
+    xl: '1200px',
     xxl: '1400px',
@@ -156,2 +171,5 @@ };
     bootstrap: bootstrap,
+    bootstrap3: bootstrap,
+    bootstrap4: bootstrap4,
+    bootstrap5: bootstrap5,
     bulma: bulma,
@@ -158,0 +176,0 @@ materialize: materialize,

package.json

 {
   "name": "vue-screen",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "Reactive screen size and media query states for Vue. Integrates with most UI frameworks out of the box.",
@@ -5,0 +5,0 @@ "main": "dist/vue-screen.cjs.js",

New alerts

License Policy Violation

License

This 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

License

This 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

33735

increased by6.22%

Number of package files

22

increased by10%

Lines of code

787

increased by8.1%

No dependency changes