New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

include-media-query-builder

Package Overview
Dependencies
Maintainers
2
Versions
6
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

include-media-query-builder - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

2

build/buildMediaQuery.d.ts

@@ -1,2 +0,2 @@

declare const buildMediaQuery: <Size extends string | number | symbol>(sizes: Record<Size, number>, queries: string[]) => string;
declare const buildMediaQuery: <Size extends string | number | symbol>(breakpoints: Record<Size, number>, query: string | string[]) => string;
export default buildMediaQuery;

@@ -8,8 +8,9 @@ "use strict";

const parseQuery_1 = __importDefault(require("./parseQuery"));
const buildMediaQuery = (sizes, queries) => {
const buildMediaQuery = (breakpoints, query) => {
const queries = typeof query === 'string' ? [query] : query;
return queries
.map((query) => (0, parseQuery_1.default)(sizes, query))
.map((query) => (0, buildParsedQuery_1.default)(sizes, query))
.map((query) => (0, parseQuery_1.default)(breakpoints, query))
.map((query) => (0, buildParsedQuery_1.default)(breakpoints, query))
.join(' and ');
};
exports.default = buildMediaQuery;
import { ParsedQuery } from './types';
declare const buildParsedQuery: <Size extends string | number | symbol>(sizes: Record<Size, number>, { operator, size }: ParsedQuery<Size>) => string;
declare const buildParsedQuery: <Size extends string | number | symbol>(breakpoints: Record<Size, number>, { operator, size }: ParsedQuery<Size>) => string;
export default buildParsedQuery;
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const buildParsedQuery = (sizes, { operator, size }) => {
const value = sizes[size];
const buildParsedQuery = (breakpoints, { operator, size }) => {
const value = breakpoints[size];
if (operator === '<') {

@@ -6,0 +6,0 @@ return `(max-width: ${value - 1}px)`;

@@ -1,2 +0,2 @@

declare const isSize: <Size extends string | number | symbol>(sizes: Record<Size, number>, value: unknown) => value is Size;
declare const isSize: <Size extends string | number | symbol>(breakpoints: Record<Size, number>, value: unknown) => value is Size;
export default isSize;
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const isSize = (sizes, value) => {
return typeof value === 'string' && Object.keys(sizes).includes(value);
const isSize = (breakpoints, value) => {
return typeof value === 'string' && Object.keys(breakpoints).includes(value);
};
exports.default = isSize;
import { ParsedQuery } from './types';
declare const parseQuery: <Size extends string | number | symbol>(sizes: Record<Size, number>, query: string) => ParsedQuery<Size>;
declare const parseQuery: <Size extends string | number | symbol>(breakpoints: Record<Size, number>, query: string) => ParsedQuery<Size>;
export default parseQuery;

@@ -8,3 +8,3 @@ "use strict";

const isSize_1 = __importDefault(require("./isSize"));
const parseQuery = (sizes, query) => {
const parseQuery = (breakpoints, query) => {
const matches = query.match(/^([<>]=?)(\w+)$/);

@@ -15,3 +15,3 @@ if (!matches) {

const [, operator, size] = matches;
if (!(0, isOperator_1.default)(operator) || !(0, isSize_1.default)(sizes, size)) {
if (!(0, isOperator_1.default)(operator) || !(0, isSize_1.default)(breakpoints, size)) {
throw new Error('Invalid query');

@@ -18,0 +18,0 @@ }

{
"name": "include-media-query-builder",
"version": "1.0.1",
"version": "1.0.2",
"description": "Build include-media-like media queries in JavaScript",

@@ -5,0 +5,0 @@ "keywords": [

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