From 1738515c92cc517045b2d49bc158ffaf5fd446ce Mon Sep 17 00:00:00 2001 From: dengribar Date: Tue, 25 Feb 2025 19:26:34 +0300 Subject: [PATCH 01/11] Change package name to "@maestroqa/ui-box" To publish it to npm registry --- package.json | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/package.json b/package.json index e2e24e0..40db453 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "name": "ui-box", + "name": "@maestroqa/ui-box", "version": "5.6.0", "description": "Blazing Fast React UI Primitive", "contributors": [ @@ -12,7 +12,7 @@ "keywords": [ "react" ], - "repository": "segmentio/ui-box", + "repository": "adtribute/mqa-ui-box", "license": "MIT", "main": "dist/src/index.js", "typings": "dist/src/index.d.ts", @@ -21,7 +21,7 @@ ], "sideEffects": false, "engines": { - "node": ">=12" + "node": ">=14" }, "scripts": { "test": "xo && nyc ava", From 67f590319090fd13a569de47e7f7811175b72488 Mon Sep 17 00:00:00 2001 From: dengribar Date: Tue, 25 Feb 2025 19:26:55 +0300 Subject: [PATCH 02/11] Revert "build" This reverts commit 4da420bf8197785983ff855d6c12835302fb437d. --- .gitignore | 1 + dist/src/box.d.ts | 4 - dist/src/box.js | 43 ----- dist/src/cache.d.ts | 9 - dist/src/cache.js | 33 ---- dist/src/enhance-props.d.ts | 10 - dist/src/enhance-props.js | 77 -------- dist/src/enhancers/animation.d.ts | 5 - dist/src/enhancers/animation.js | 85 --------- dist/src/enhancers/background.d.ts | 5 - dist/src/enhancers/background.js | 81 -------- dist/src/enhancers/border-radius.d.ts | 7 - dist/src/enhancers/border-radius.js | 71 ------- dist/src/enhancers/borders.d.ts | 10 - dist/src/enhancers/borders.js | 175 ----------------- dist/src/enhancers/box-shadow.d.ts | 5 - dist/src/enhancers/box-shadow.js | 22 --- dist/src/enhancers/dimensions.d.ts | 5 - dist/src/enhancers/dimensions.js | 56 ------ dist/src/enhancers/flex.d.ts | 5 - dist/src/enhancers/flex.js | 155 --------------- dist/src/enhancers/grid.d.ts | 5 - dist/src/enhancers/grid.js | 177 ------------------ dist/src/enhancers/index.d.ts | 29 --- dist/src/enhancers/index.js | 75 -------- dist/src/enhancers/interaction.d.ts | 5 - dist/src/enhancers/interaction.js | 46 ----- dist/src/enhancers/layout.d.ts | 5 - dist/src/enhancers/layout.js | 78 -------- dist/src/enhancers/list.d.ts | 5 - dist/src/enhancers/list.js | 45 ----- dist/src/enhancers/opacity.d.ts | 5 - dist/src/enhancers/opacity.js | 22 --- dist/src/enhancers/outline.d.ts | 5 - dist/src/enhancers/outline.js | 22 --- dist/src/enhancers/overflow.d.ts | 5 - dist/src/enhancers/overflow.js | 33 ---- dist/src/enhancers/position.d.ts | 5 - dist/src/enhancers/position.js | 51 ----- dist/src/enhancers/resize.d.ts | 5 - dist/src/enhancers/resize.js | 21 --- dist/src/enhancers/selectors.d.ts | 5 - dist/src/enhancers/selectors.js | 13 -- dist/src/enhancers/spacing.d.ts | 5 - dist/src/enhancers/spacing.js | 122 ------------ dist/src/enhancers/svg.d.ts | 5 - dist/src/enhancers/svg.js | 54 ------ dist/src/enhancers/text.d.ts | 5 - dist/src/enhancers/text.js | 154 --------------- dist/src/enhancers/transform.d.ts | 5 - dist/src/enhancers/transform.js | 30 --- dist/src/enhancers/transition.d.ts | 5 - dist/src/enhancers/transition.js | 54 ------ dist/src/expand-aliases.d.ts | 4 - dist/src/expand-aliases.js | 25 --- dist/src/get-class-name.d.ts | 12 -- dist/src/get-class-name.js | 38 ---- dist/src/get-css.d.ts | 3 - dist/src/get-css.js | 52 ----- dist/src/get-safe-value.d.ts | 1 - dist/src/get-safe-value.js | 12 -- dist/src/index.d.ts | 17 -- dist/src/index.js | 78 -------- dist/src/keyframes.d.ts | 3 - dist/src/keyframes.js | 94 ---------- dist/src/prefixer.d.ts | 5 - dist/src/prefixer.js | 31 --- dist/src/styles.d.ts | 3 - dist/src/styles.js | 24 --- dist/src/types/box-types.d.ts | 11 -- dist/src/types/box-types.js | 2 - dist/src/types/enhancers.d.ts | 37 ---- dist/src/types/enhancers.js | 2 - dist/src/types/keyframes.d.ts | 5 - dist/src/types/keyframes.js | 2 - dist/src/utils/decamelize.d.ts | 1 - dist/src/utils/decamelize.js | 12 -- dist/src/utils/flatten-object.d.ts | 2 - dist/src/utils/flatten-object.js | 19 -- dist/src/utils/is-production.d.ts | 2 - dist/src/utils/is-production.js | 4 - dist/src/utils/regex.d.ts | 2 - dist/src/utils/regex.js | 5 - dist/src/utils/safeHref.d.ts | 15 -- dist/src/utils/safeHref.js | 61 ------ dist/src/utils/split-box-props.d.ts | 7 - dist/src/utils/split-box-props.js | 11 -- dist/src/utils/split-props.d.ts | 10 - dist/src/utils/split-props.js | 19 -- dist/src/utils/style-sheet.d.ts | 21 --- dist/src/utils/style-sheet.js | 114 ----------- dist/src/value-to-string.d.ts | 1 - dist/src/value-to-string.js | 6 - dist/tools/all-properties-component.d.ts | 3 - dist/tools/all-properties-component.js | 46 ----- dist/tools/benchmarks/box.d.ts | 2 - dist/tools/benchmarks/box.js | 10 - dist/tools/box.stories.d.ts | 1 - dist/tools/box.stories.js | 160 ---------------- dist/tools/fixtures/keyframes-story.d.ts | 3 - dist/tools/fixtures/keyframes-story.js | 61 ------ .../fixtures/selector-uniquness-story.d.ts | 3 - .../fixtures/selector-uniquness-story.js | 46 ----- dist/tools/fixtures/selectors-story.d.ts | 3 - dist/tools/fixtures/selectors-story.js | 43 ----- package.json | 6 +- tsconfig.json | 25 ++- yarn.lock | 25 +-- 108 files changed, 27 insertions(+), 3148 deletions(-) delete mode 100644 dist/src/box.d.ts delete mode 100644 dist/src/box.js delete mode 100644 dist/src/cache.d.ts delete mode 100644 dist/src/cache.js delete mode 100644 dist/src/enhance-props.d.ts delete mode 100644 dist/src/enhance-props.js delete mode 100644 dist/src/enhancers/animation.d.ts delete mode 100644 dist/src/enhancers/animation.js delete mode 100644 dist/src/enhancers/background.d.ts delete mode 100644 dist/src/enhancers/background.js delete mode 100644 dist/src/enhancers/border-radius.d.ts delete mode 100644 dist/src/enhancers/border-radius.js delete mode 100644 dist/src/enhancers/borders.d.ts delete mode 100644 dist/src/enhancers/borders.js delete mode 100644 dist/src/enhancers/box-shadow.d.ts delete mode 100644 dist/src/enhancers/box-shadow.js delete mode 100644 dist/src/enhancers/dimensions.d.ts delete mode 100644 dist/src/enhancers/dimensions.js delete mode 100644 dist/src/enhancers/flex.d.ts delete mode 100644 dist/src/enhancers/flex.js delete mode 100644 dist/src/enhancers/grid.d.ts delete mode 100644 dist/src/enhancers/grid.js delete mode 100644 dist/src/enhancers/index.d.ts delete mode 100644 dist/src/enhancers/index.js delete mode 100644 dist/src/enhancers/interaction.d.ts delete mode 100644 dist/src/enhancers/interaction.js delete mode 100644 dist/src/enhancers/layout.d.ts delete mode 100644 dist/src/enhancers/layout.js delete mode 100644 dist/src/enhancers/list.d.ts delete mode 100644 dist/src/enhancers/list.js delete mode 100644 dist/src/enhancers/opacity.d.ts delete mode 100644 dist/src/enhancers/opacity.js delete mode 100644 dist/src/enhancers/outline.d.ts delete mode 100644 dist/src/enhancers/outline.js delete mode 100644 dist/src/enhancers/overflow.d.ts delete mode 100644 dist/src/enhancers/overflow.js delete mode 100644 dist/src/enhancers/position.d.ts delete mode 100644 dist/src/enhancers/position.js delete mode 100644 dist/src/enhancers/resize.d.ts delete mode 100644 dist/src/enhancers/resize.js delete mode 100644 dist/src/enhancers/selectors.d.ts delete mode 100644 dist/src/enhancers/selectors.js delete mode 100644 dist/src/enhancers/spacing.d.ts delete mode 100644 dist/src/enhancers/spacing.js delete mode 100644 dist/src/enhancers/svg.d.ts delete mode 100644 dist/src/enhancers/svg.js delete mode 100644 dist/src/enhancers/text.d.ts delete mode 100644 dist/src/enhancers/text.js delete mode 100644 dist/src/enhancers/transform.d.ts delete mode 100644 dist/src/enhancers/transform.js delete mode 100644 dist/src/enhancers/transition.d.ts delete mode 100644 dist/src/enhancers/transition.js delete mode 100644 dist/src/expand-aliases.d.ts delete mode 100644 dist/src/expand-aliases.js delete mode 100644 dist/src/get-class-name.d.ts delete mode 100644 dist/src/get-class-name.js delete mode 100644 dist/src/get-css.d.ts delete mode 100644 dist/src/get-css.js delete mode 100644 dist/src/get-safe-value.d.ts delete mode 100644 dist/src/get-safe-value.js delete mode 100644 dist/src/index.d.ts delete mode 100644 dist/src/index.js delete mode 100644 dist/src/keyframes.d.ts delete mode 100644 dist/src/keyframes.js delete mode 100644 dist/src/prefixer.d.ts delete mode 100644 dist/src/prefixer.js delete mode 100644 dist/src/styles.d.ts delete mode 100644 dist/src/styles.js delete mode 100644 dist/src/types/box-types.d.ts delete mode 100644 dist/src/types/box-types.js delete mode 100644 dist/src/types/enhancers.d.ts delete mode 100644 dist/src/types/enhancers.js delete mode 100644 dist/src/types/keyframes.d.ts delete mode 100644 dist/src/types/keyframes.js delete mode 100644 dist/src/utils/decamelize.d.ts delete mode 100644 dist/src/utils/decamelize.js delete mode 100644 dist/src/utils/flatten-object.d.ts delete mode 100644 dist/src/utils/flatten-object.js delete mode 100644 dist/src/utils/is-production.d.ts delete mode 100644 dist/src/utils/is-production.js delete mode 100644 dist/src/utils/regex.d.ts delete mode 100644 dist/src/utils/regex.js delete mode 100644 dist/src/utils/safeHref.d.ts delete mode 100644 dist/src/utils/safeHref.js delete mode 100644 dist/src/utils/split-box-props.d.ts delete mode 100644 dist/src/utils/split-box-props.js delete mode 100644 dist/src/utils/split-props.d.ts delete mode 100644 dist/src/utils/split-props.js delete mode 100644 dist/src/utils/style-sheet.d.ts delete mode 100644 dist/src/utils/style-sheet.js delete mode 100644 dist/src/value-to-string.d.ts delete mode 100644 dist/src/value-to-string.js delete mode 100644 dist/tools/all-properties-component.d.ts delete mode 100644 dist/tools/all-properties-component.js delete mode 100644 dist/tools/benchmarks/box.d.ts delete mode 100644 dist/tools/benchmarks/box.js delete mode 100644 dist/tools/box.stories.d.ts delete mode 100644 dist/tools/box.stories.js delete mode 100644 dist/tools/fixtures/keyframes-story.d.ts delete mode 100644 dist/tools/fixtures/keyframes-story.js delete mode 100644 dist/tools/fixtures/selector-uniquness-story.d.ts delete mode 100644 dist/tools/fixtures/selector-uniquness-story.js delete mode 100644 dist/tools/fixtures/selectors-story.d.ts delete mode 100644 dist/tools/fixtures/selectors-story.js diff --git a/.gitignore b/.gitignore index 1cbf887..f521fc3 100644 --- a/.gitignore +++ b/.gitignore @@ -1,4 +1,5 @@ node_modules +/dist/ /.out/ .DS_Store *.log diff --git a/dist/src/box.d.ts b/dist/src/box.d.ts deleted file mode 100644 index de6d38e..0000000 --- a/dist/src/box.d.ts +++ /dev/null @@ -1,4 +0,0 @@ -import React from 'react'; -import { BoxProps } from './types/box-types'; -declare const Box: = "div">(props: BoxProps) => JSX.Element; -export default Box; diff --git a/dist/src/box.js b/dist/src/box.js deleted file mode 100644 index ca1b9a6..0000000 --- a/dist/src/box.js +++ /dev/null @@ -1,43 +0,0 @@ -"use strict"; -var __rest = (this && this.__rest) || function (s, e) { - var t = {}; - for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) - t[p] = s[p]; - if (s != null && typeof Object.getOwnPropertySymbols === "function") - for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { - if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) - t[p[i]] = s[p[i]]; - } - return t; -}; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -const react_1 = __importDefault(require("react")); -const prop_types_1 = __importDefault(require("prop-types")); -const enhancers_1 = require("./enhancers"); -const enhance_props_1 = __importDefault(require("./enhance-props")); -const safeHref_1 = require("./utils/safeHref"); -const Box = react_1.default.forwardRef((_a, ref) => { - var { is, children, allowUnsafeHref } = _a, props = __rest(_a, ["is", "children", "allowUnsafeHref"]); - const { className, enhancedProps: parsedProps } = (0, enhance_props_1.default)(props); - parsedProps.className = className; - if (ref) { - parsedProps.ref = ref; - } - const safeHrefEnabled = (typeof allowUnsafeHref === 'boolean' ? !allowUnsafeHref : (0, safeHref_1.getUseSafeHref)()) && is === 'a' && parsedProps.href; - if (safeHrefEnabled) { - const { safeHref, safeRel } = (0, safeHref_1.extractAnchorProps)(parsedProps.href, parsedProps.rel); - parsedProps.href = safeHref; - parsedProps.rel = safeRel; - } - return react_1.default.createElement(is || 'div', parsedProps, children); -}); -Box.displayName = 'Box'; -Box.propTypes = Object.assign(Object.assign({}, enhancers_1.propTypes), { is: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.func, prop_types_1.default.elementType]), allowUnsafeHref: prop_types_1.default.bool }); -Box.defaultProps = { - is: 'div', - boxSizing: 'border-box' -}; -exports.default = Box; diff --git a/dist/src/cache.d.ts b/dist/src/cache.d.ts deleted file mode 100644 index 81035b1..0000000 --- a/dist/src/cache.d.ts +++ /dev/null @@ -1,9 +0,0 @@ -import { BoxPropValue } from './types/enhancers'; -type CacheValue = BoxPropValue; -export declare function get(property: string, value: CacheValue, selectorHead?: string): string | undefined; -export declare function set(property: string, value: CacheValue | object, className: string, selectorHead?: string): void; -export declare function entries(): [string, string][]; -type CacheEntry = [string, string]; -export declare function hydrate(newEntries: CacheEntry[]): void; -export declare function clear(): void; -export {}; diff --git a/dist/src/cache.js b/dist/src/cache.js deleted file mode 100644 index 82124e0..0000000 --- a/dist/src/cache.js +++ /dev/null @@ -1,33 +0,0 @@ -"use strict"; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.clear = exports.hydrate = exports.entries = exports.set = exports.get = void 0; -let cache = new Map(); -function get(property, value, selectorHead = '') { - return cache.get(selectorHead + property + value); -} -exports.get = get; -function set(property, value, className, selectorHead = '') { - if (process.env.NODE_ENV !== 'production') { - const valueType = typeof value; - if (valueType !== 'boolean' && - valueType !== 'number' && - valueType !== 'string') { - const encodedValue = JSON.stringify(value); - throw new TypeError(`📦 ui-box: invalid cache value “${encodedValue}”. Only booleans, numbers and strings are supported.`); - } - } - cache.set(selectorHead + property + value, className); -} -exports.set = set; -function entries() { - return [...cache]; -} -exports.entries = entries; -function hydrate(newEntries) { - cache = new Map([...cache, ...newEntries]); -} -exports.hydrate = hydrate; -function clear() { - cache.clear(); -} -exports.clear = clear; diff --git a/dist/src/enhance-props.d.ts b/dist/src/enhance-props.d.ts deleted file mode 100644 index 4b22bb9..0000000 --- a/dist/src/enhance-props.d.ts +++ /dev/null @@ -1,10 +0,0 @@ -/// -import { Without } from './types/box-types'; -import { EnhancerProps } from './types/enhancers'; -type PreservedProps = Without, keyof EnhancerProps>; -interface EnhancePropsResult { - className: string; - enhancedProps: PreservedProps; -} -export default function enhanceProps(props: EnhancerProps & React.ComponentPropsWithoutRef, selectorHead?: string, parentProperty?: string): EnhancePropsResult; -export {}; diff --git a/dist/src/enhance-props.js b/dist/src/enhance-props.js deleted file mode 100644 index ae5e6a4..0000000 --- a/dist/src/enhance-props.js +++ /dev/null @@ -1,77 +0,0 @@ -"use strict"; -var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - var desc = Object.getOwnPropertyDescriptor(m, k); - if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { - desc = { enumerable: true, get: function() { return m[k]; } }; - } - Object.defineProperty(o, k2, desc); -}) : (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - o[k2] = m[k]; -})); -var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { - Object.defineProperty(o, "default", { enumerable: true, value: v }); -}) : function(o, v) { - o["default"] = v; -}); -var __importStar = (this && this.__importStar) || function (mod) { - if (mod && mod.__esModule) return mod; - var result = {}; - if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); - __setModuleDefault(result, mod); - return result; -}; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -const enhancers_1 = require("./enhancers"); -const expand_aliases_1 = __importDefault(require("./expand-aliases")); -const cache = __importStar(require("./cache")); -const styles = __importStar(require("./styles")); -const SELECTORS_PROP = 'selectors'; -function enhanceProps(props, selectorHead = '', parentProperty = '') { - const propsMap = (0, expand_aliases_1.default)(props); - const preservedProps = {}; - let className = props.className || ''; - for (const [property, value] of propsMap) { - const isSelectorOrChildProp = property === SELECTORS_PROP || parentProperty.length > 0; - if (isObject(value) && isSelectorOrChildProp) { - const prop = property === SELECTORS_PROP ? '' : property; - const newSelectorHead = selectorHead.includes(',') - ? selectorHead - .split(',') - .map(selector => `${selector}${prop}`) - .join(',') - : `${selectorHead}${prop}`; - const parsed = enhanceProps(value, noAnd(newSelectorHead), property); - className = `${className} ${parsed.className}`; - continue; - } - const enhancer = enhancers_1.propEnhancers[property]; - if (!enhancer) { - preservedProps[property] = value; - continue; - } - if (value === null || value === undefined || value === false) { - continue; - } - const cachedClassName = cache.get(property, value, selectorHead); - if (cachedClassName) { - className = `${className} ${cachedClassName}`; - continue; - } - const newCss = enhancer(value, selectorHead); - if (newCss) { - styles.add(newCss.styles); - cache.set(property, value, newCss.className, selectorHead); - className = `${className} ${newCss.className}`; - } - } - className = className.trim(); - return { className, enhancedProps: preservedProps }; -} -exports.default = enhanceProps; -const isObject = (value) => value != null && typeof value === 'object'; -const noAnd = (value) => value.replace(/&/g, ''); diff --git a/dist/src/enhancers/animation.d.ts b/dist/src/enhancers/animation.d.ts deleted file mode 100644 index 559884c..0000000 --- a/dist/src/enhancers/animation.d.ts +++ /dev/null @@ -1,5 +0,0 @@ -import { PropValidators, PropTypesMapping, PropAliases, PropEnhancers } from '../types/enhancers'; -export declare const propTypes: PropTypesMapping; -export declare const propAliases: PropAliases; -export declare const propValidators: PropValidators; -export declare const propEnhancers: PropEnhancers; diff --git a/dist/src/enhancers/animation.js b/dist/src/enhancers/animation.js deleted file mode 100644 index 8d376f0..0000000 --- a/dist/src/enhancers/animation.js +++ /dev/null @@ -1,85 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.propEnhancers = exports.propValidators = exports.propAliases = exports.propTypes = void 0; -const prop_types_1 = __importDefault(require("prop-types")); -const get_css_1 = __importDefault(require("../get-css")); -exports.propTypes = { - animation: prop_types_1.default.string, - animationDelay: prop_types_1.default.string, - animationDirection: prop_types_1.default.string, - animationDuration: prop_types_1.default.string, - animationFillMode: prop_types_1.default.string, - animationIterationCount: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - animationName: prop_types_1.default.string, - animationPlayState: prop_types_1.default.string, - animationTimingFunction: prop_types_1.default.string -}; -exports.propAliases = {}; -exports.propValidators = {}; -const animation = { - className: 'a', - cssName: 'animation', - jsName: 'animation', - complexValue: true -}; -const animationDelay = { - className: 'a-dly', - cssName: 'animation-delay', - jsName: 'animationDelay', - defaultUnit: 'ms' -}; -const animationDirection = { - className: 'a-dir', - cssName: 'animation-direction', - jsName: 'animationDirection', - safeValue: true -}; -const animationDuration = { - className: 'a-dur', - cssName: 'animation-duration', - jsName: 'animationDuration', - defaultUnit: 'ms' -}; -const animationFillMode = { - className: 'a-fill-md', - cssName: 'animation-fill-mode', - jsName: 'animationFillMode', - safeValue: true -}; -const animationIterationCount = { - className: 'a-itr-ct', - cssName: 'animation-iteration-count', - jsName: 'animationIterationCount', - defaultUnit: '' -}; -const animationName = { - className: 'a-nm', - cssName: 'animation-name', - jsName: 'animationName' -}; -const animationPlayState = { - className: 'a-ply-ste', - cssName: 'animation-play-state', - jsName: 'animationPlayState', - safeValue: true -}; -const animationTimingFunction = { - className: 'a-tmng-fn', - cssName: 'animation-timing-function', - jsName: 'animationTimingFunction', - complexValue: true -}; -exports.propEnhancers = { - animation: (value, selector) => (0, get_css_1.default)(animation, value, selector), - animationDelay: (value, selector) => (0, get_css_1.default)(animationDelay, value, selector), - animationDirection: (value, selector) => (0, get_css_1.default)(animationDirection, value, selector), - animationDuration: (value, selector) => (0, get_css_1.default)(animationDuration, value, selector), - animationFillMode: (value, selector) => (0, get_css_1.default)(animationFillMode, value, selector), - animationIterationCount: (value, selector) => (0, get_css_1.default)(animationIterationCount, value, selector), - animationName: (value, selector) => (0, get_css_1.default)(animationName, value, selector), - animationPlayState: (value, selector) => (0, get_css_1.default)(animationPlayState, value, selector), - animationTimingFunction: (value, selector) => (0, get_css_1.default)(animationTimingFunction, value, selector) -}; diff --git a/dist/src/enhancers/background.d.ts b/dist/src/enhancers/background.d.ts deleted file mode 100644 index 559884c..0000000 --- a/dist/src/enhancers/background.d.ts +++ /dev/null @@ -1,5 +0,0 @@ -import { PropValidators, PropTypesMapping, PropAliases, PropEnhancers } from '../types/enhancers'; -export declare const propTypes: PropTypesMapping; -export declare const propAliases: PropAliases; -export declare const propValidators: PropValidators; -export declare const propEnhancers: PropEnhancers; diff --git a/dist/src/enhancers/background.js b/dist/src/enhancers/background.js deleted file mode 100644 index 20bf12b..0000000 --- a/dist/src/enhancers/background.js +++ /dev/null @@ -1,81 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.propEnhancers = exports.propValidators = exports.propAliases = exports.propTypes = void 0; -const prop_types_1 = __importDefault(require("prop-types")); -const get_css_1 = __importDefault(require("../get-css")); -exports.propTypes = { - background: prop_types_1.default.string, - backgroundBlendMode: prop_types_1.default.string, - backgroundClip: prop_types_1.default.string, - backgroundColor: prop_types_1.default.string, - backgroundImage: prop_types_1.default.string, - backgroundOrigin: prop_types_1.default.string, - backgroundPosition: prop_types_1.default.string, - backgroundRepeat: prop_types_1.default.string, - backgroundSize: prop_types_1.default.string -}; -exports.propAliases = {}; -exports.propValidators = {}; -const background = { - className: 'bg', - cssName: 'background', - jsName: 'background', - isPrefixed: true, - complexValue: true -}; -const backgroundColor = { - className: 'bg-clr', - cssName: 'background-color', - jsName: 'backgroundColor' -}; -const backgroundImage = { - className: 'bg-img', - cssName: 'background-image', - jsName: 'backgroundImage', - isPrefixed: true, - complexValue: true -}; -const backgroundPosition = { - className: 'bg-pos', - cssName: 'background-position', - jsName: 'backgroundPosition' -}; -const backgroundSize = { - className: 'bg-siz', - cssName: 'background-size', - jsName: 'backgroundSize' -}; -const backgroundOrigin = { - className: 'bg-orgn', - cssName: 'background-origin', - jsName: 'backgroundOrigin' -}; -const backgroundRepeat = { - className: 'bg-rpt', - cssName: 'background-repeat', - jsName: 'backgroundRepeat' -}; -const backgroundClip = { - className: 'bg-clp', - cssName: 'background-clip', - jsName: 'backgroundClip' -}; -const backgroundBlendMode = { - className: 'bg-blnd-md', - cssName: 'background-blend-mode', - jsName: 'backgroundBlendMode' -}; -exports.propEnhancers = { - background: (value, selector) => (0, get_css_1.default)(background, value, selector), - backgroundBlendMode: (value, selector) => (0, get_css_1.default)(backgroundBlendMode, value, selector), - backgroundClip: (value, selector) => (0, get_css_1.default)(backgroundClip, value, selector), - backgroundColor: (value, selector) => (0, get_css_1.default)(backgroundColor, value, selector), - backgroundImage: (value, selector) => (0, get_css_1.default)(backgroundImage, value, selector), - backgroundOrigin: (value, selector) => (0, get_css_1.default)(backgroundOrigin, value, selector), - backgroundPosition: (value, selector) => (0, get_css_1.default)(backgroundPosition, value, selector), - backgroundRepeat: (value, selector) => (0, get_css_1.default)(backgroundRepeat, value, selector), - backgroundSize: (value, selector) => (0, get_css_1.default)(backgroundSize, value, selector) -}; diff --git a/dist/src/enhancers/border-radius.d.ts b/dist/src/enhancers/border-radius.d.ts deleted file mode 100644 index cd11b1c..0000000 --- a/dist/src/enhancers/border-radius.d.ts +++ /dev/null @@ -1,7 +0,0 @@ -import { PropValidators, PropEnhancers, PropTypesMapping } from '../types/enhancers'; -export declare const propTypes: PropTypesMapping; -export declare const propAliases: { - borderRadius: string[]; -}; -export declare const propValidators: PropValidators; -export declare const propEnhancers: PropEnhancers; diff --git a/dist/src/enhancers/border-radius.js b/dist/src/enhancers/border-radius.js deleted file mode 100644 index 76c3ce7..0000000 --- a/dist/src/enhancers/border-radius.js +++ /dev/null @@ -1,71 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.propEnhancers = exports.propValidators = exports.propAliases = exports.propTypes = void 0; -const prop_types_1 = __importDefault(require("prop-types")); -const get_css_1 = __importDefault(require("../get-css")); -const regex_1 = require("../utils/regex"); -exports.propTypes = { - borderBottomLeftRadius: prop_types_1.default.oneOfType([ - prop_types_1.default.string, - prop_types_1.default.number - ]), - borderBottomRightRadius: prop_types_1.default.oneOfType([ - prop_types_1.default.string, - prop_types_1.default.number - ]), - borderRadius: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - borderTopLeftRadius: prop_types_1.default.oneOfType([ - prop_types_1.default.string, - prop_types_1.default.number - ]), - borderTopRightRadius: prop_types_1.default.oneOfType([ - prop_types_1.default.string, - prop_types_1.default.number - ]) -}; -exports.propAliases = { - borderRadius: [ - 'borderBottomLeftRadius', - 'borderBottomRightRadius', - 'borderTopLeftRadius', - 'borderTopRightRadius' - ] -}; -exports.propValidators = {}; -if (process.env.NODE_ENV !== 'production') { - exports.propValidators.borderRadius = value => { - if (regex_1.spacesOutsideParentheses.test(value)) { - return `multiple values (“${value}”) aren՚t supported with “borderRadius”. Use “borderBottomLeftRadius”, “borderBottomRightRadius” “borderTopLeftRadius” and “borderTopRightRadius” instead.`; - } - return; - }; -} -const borderTopLeftRadius = { - className: 'btlr', - cssName: 'border-top-left-radius', - jsName: 'borderTopLeftRadius' -}; -const borderTopRightRadius = { - className: 'btrr', - cssName: 'border-top-right-radius', - jsName: 'borderTopRightRadius' -}; -const borderBottomLeftRadius = { - className: 'bblr', - cssName: 'border-bottom-left-radius', - jsName: 'borderBottomLeftRadius' -}; -const borderBottomRightRadius = { - className: 'bbrr', - cssName: 'border-bottom-right-radius', - jsName: 'borderBottomRightRadius' -}; -exports.propEnhancers = { - borderBottomLeftRadius: (value, selector) => (0, get_css_1.default)(borderBottomLeftRadius, value, selector), - borderBottomRightRadius: (value, selector) => (0, get_css_1.default)(borderBottomRightRadius, value, selector), - borderTopLeftRadius: (value, selector) => (0, get_css_1.default)(borderTopLeftRadius, value, selector), - borderTopRightRadius: (value, selector) => (0, get_css_1.default)(borderTopRightRadius, value, selector) -}; diff --git a/dist/src/enhancers/borders.d.ts b/dist/src/enhancers/borders.d.ts deleted file mode 100644 index 62c3337..0000000 --- a/dist/src/enhancers/borders.d.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { PropValidators, PropEnhancers, PropTypesMapping } from '../types/enhancers'; -export declare const propTypes: PropTypesMapping; -export declare const propAliases: { - border: string[]; - borderColor: string[]; - borderStyle: string[]; - borderWidth: string[]; -}; -export declare const propValidators: PropValidators; -export declare const propEnhancers: PropEnhancers; diff --git a/dist/src/enhancers/borders.js b/dist/src/enhancers/borders.js deleted file mode 100644 index 62d4125..0000000 --- a/dist/src/enhancers/borders.js +++ /dev/null @@ -1,175 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.propEnhancers = exports.propValidators = exports.propAliases = exports.propTypes = void 0; -const prop_types_1 = __importDefault(require("prop-types")); -const get_css_1 = __importDefault(require("../get-css")); -const regex_1 = require("../utils/regex"); -exports.propTypes = { - border: prop_types_1.default.string, - borderBottom: prop_types_1.default.string, - borderBottomColor: prop_types_1.default.string, - borderBottomStyle: prop_types_1.default.string, - borderBottomWidth: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - borderColor: prop_types_1.default.string, - borderLeft: prop_types_1.default.string, - borderLeftColor: prop_types_1.default.string, - borderLeftStyle: prop_types_1.default.string, - borderLeftWidth: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - borderRight: prop_types_1.default.string, - borderRightColor: prop_types_1.default.string, - borderRightStyle: prop_types_1.default.string, - borderRightWidth: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - borderStyle: prop_types_1.default.string, - borderTop: prop_types_1.default.string, - borderTopColor: prop_types_1.default.string, - borderTopStyle: prop_types_1.default.string, - borderTopWidth: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - borderWidth: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]) -}; -exports.propAliases = { - border: ['borderBottom', 'borderLeft', 'borderRight', 'borderTop'], - borderColor: [ - 'borderBottomColor', - 'borderLeftColor', - 'borderRightColor', - 'borderTopColor' - ], - borderStyle: [ - 'borderBottomStyle', - 'borderLeftStyle', - 'borderRightStyle', - 'borderTopStyle' - ], - borderWidth: [ - 'borderBottomWidth', - 'borderLeftWidth', - 'borderRightWidth', - 'borderTopWidth' - ] -}; -exports.propValidators = {}; -if (process.env.NODE_ENV !== 'production') { - exports.propValidators.borderColor = value => { - if (regex_1.spacesOutsideParentheses.test(value)) { - return `multiple values (“${value}”) aren՚t supported with “borderColor”. Use “borderBottomColor”, “borderLeftColor” “borderRightColor” and “borderTopColor” instead.`; - } - return; - }; - exports.propValidators.borderStyle = value => { - if (regex_1.spacesOutsideParentheses.test(value)) { - return `multiple values (“${value}”) aren՚t supported with “borderStyle”. Use “borderBottomStyle”, “borderLeftStyle” “borderRightStyle” and “borderTopStyle” instead.`; - } - return; - }; - exports.propValidators.borderWidth = value => { - if (regex_1.spacesOutsideParentheses.test(value)) { - return `multiple values (“${value}”) aren՚t supported with “borderWidth”. Use “borderBottomWidth”, “borderLeftWidth” “borderRightWidth” and “borderTopWidth” instead.`; - } - return; - }; -} -const borderLeft = { - className: 'b-lft', - cssName: 'border-left', - jsName: 'borderLeft' -}; -const borderLeftColor = { - className: 'b-lft-clr', - cssName: 'border-left-color', - jsName: 'borderLeftColor' -}; -const borderLeftStyle = { - className: 'b-lft-stl', - cssName: 'border-left-style', - jsName: 'borderLeftStyle', - safeValue: true -}; -const borderLeftWidth = { - className: 'b-lft-wdt', - cssName: 'border-left-width', - jsName: 'borderLeftWidth' -}; -const borderRight = { - className: 'b-rgt', - cssName: 'border-right', - jsName: 'borderRight' -}; -const borderRightColor = { - className: 'b-rgt-clr', - cssName: 'border-right-color', - jsName: 'borderRightColor' -}; -const borderRightStyle = { - className: 'b-rgt-stl', - cssName: 'border-right-style', - jsName: 'borderRightStyle', - safeValue: true -}; -const borderRightWidth = { - className: 'b-rgt-wdt', - cssName: 'border-right-width', - jsName: 'borderRightWidth' -}; -const borderTop = { - className: 'b-top', - cssName: 'border-top', - jsName: 'borderTop' -}; -const borderTopColor = { - className: 'b-top-clr', - cssName: 'border-top-color', - jsName: 'borderTopColor' -}; -const borderTopStyle = { - className: 'b-top-stl', - cssName: 'border-top-style', - jsName: 'borderTopStyle', - safeValue: true -}; -const borderTopWidth = { - className: 'b-top-wdt', - cssName: 'border-top-width', - jsName: 'borderTopWidth' -}; -const borderBottom = { - className: 'b-btm', - cssName: 'border-bottom', - jsName: 'borderBottom' -}; -const borderBottomColor = { - className: 'b-btm-clr', - cssName: 'border-bottom-color', - jsName: 'borderBottomColor' -}; -const borderBottomStyle = { - className: 'b-btm-stl', - cssName: 'border-bottom-style', - jsName: 'borderBottomStyle', - safeValue: true -}; -const borderBottomWidth = { - className: 'b-btm-wdt', - cssName: 'border-bottom-width', - jsName: 'borderBottomWidth' -}; -exports.propEnhancers = { - borderBottom: (value, selector) => (0, get_css_1.default)(borderBottom, value, selector), - borderBottomColor: (value, selector) => (0, get_css_1.default)(borderBottomColor, value, selector), - borderBottomStyle: (value, selector) => (0, get_css_1.default)(borderBottomStyle, value, selector), - borderBottomWidth: (value, selector) => (0, get_css_1.default)(borderBottomWidth, value, selector), - borderLeft: (value, selector) => (0, get_css_1.default)(borderLeft, value, selector), - borderLeftColor: (value, selector) => (0, get_css_1.default)(borderLeftColor, value, selector), - borderLeftStyle: (value, selector) => (0, get_css_1.default)(borderLeftStyle, value, selector), - borderLeftWidth: (value, selector) => (0, get_css_1.default)(borderLeftWidth, value, selector), - borderRight: (value, selector) => (0, get_css_1.default)(borderRight, value, selector), - borderRightColor: (value, selector) => (0, get_css_1.default)(borderRightColor, value, selector), - borderRightStyle: (value, selector) => (0, get_css_1.default)(borderRightStyle, value, selector), - borderRightWidth: (value, selector) => (0, get_css_1.default)(borderRightWidth, value, selector), - borderTop: (value, selector) => (0, get_css_1.default)(borderTop, value, selector), - borderTopColor: (value, selector) => (0, get_css_1.default)(borderTopColor, value, selector), - borderTopStyle: (value, selector) => (0, get_css_1.default)(borderTopStyle, value, selector), - borderTopWidth: (value, selector) => (0, get_css_1.default)(borderTopWidth, value, selector) -}; diff --git a/dist/src/enhancers/box-shadow.d.ts b/dist/src/enhancers/box-shadow.d.ts deleted file mode 100644 index 540fa24..0000000 --- a/dist/src/enhancers/box-shadow.d.ts +++ /dev/null @@ -1,5 +0,0 @@ -import { PropValidators, PropEnhancers, PropTypesMapping, PropAliases } from '../types/enhancers'; -export declare const propTypes: PropTypesMapping; -export declare const propAliases: PropAliases; -export declare const propValidators: PropValidators; -export declare const propEnhancers: PropEnhancers; diff --git a/dist/src/enhancers/box-shadow.js b/dist/src/enhancers/box-shadow.js deleted file mode 100644 index 8785e9a..0000000 --- a/dist/src/enhancers/box-shadow.js +++ /dev/null @@ -1,22 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.propEnhancers = exports.propValidators = exports.propAliases = exports.propTypes = void 0; -const prop_types_1 = __importDefault(require("prop-types")); -const get_css_1 = __importDefault(require("../get-css")); -exports.propTypes = { - boxShadow: prop_types_1.default.string -}; -exports.propAliases = {}; -exports.propValidators = {}; -const boxShadow = { - className: 'bs', - cssName: 'box-shadow', - jsName: 'boxShadow', - complexValue: true -}; -exports.propEnhancers = { - boxShadow: (value, selector) => (0, get_css_1.default)(boxShadow, value, selector) -}; diff --git a/dist/src/enhancers/dimensions.d.ts b/dist/src/enhancers/dimensions.d.ts deleted file mode 100644 index 540fa24..0000000 --- a/dist/src/enhancers/dimensions.d.ts +++ /dev/null @@ -1,5 +0,0 @@ -import { PropValidators, PropEnhancers, PropTypesMapping, PropAliases } from '../types/enhancers'; -export declare const propTypes: PropTypesMapping; -export declare const propAliases: PropAliases; -export declare const propValidators: PropValidators; -export declare const propEnhancers: PropEnhancers; diff --git a/dist/src/enhancers/dimensions.js b/dist/src/enhancers/dimensions.js deleted file mode 100644 index 7012d72..0000000 --- a/dist/src/enhancers/dimensions.js +++ /dev/null @@ -1,56 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.propEnhancers = exports.propValidators = exports.propAliases = exports.propTypes = void 0; -const prop_types_1 = __importDefault(require("prop-types")); -const get_css_1 = __importDefault(require("../get-css")); -exports.propTypes = { - height: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - maxHeight: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - maxWidth: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - minHeight: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - minWidth: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - width: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]) -}; -exports.propAliases = {}; -exports.propValidators = {}; -const width = { - className: 'w', - cssName: 'width', - jsName: 'width' -}; -const height = { - className: 'h', - cssName: 'height', - jsName: 'height' -}; -const minWidth = { - className: 'min-w', - cssName: 'min-width', - jsName: 'minWidth' -}; -const minHeight = { - className: 'min-h', - cssName: 'min-height', - jsName: 'minHeight' -}; -const maxWidth = { - className: 'max-w', - cssName: 'max-width', - jsName: 'maxWidth' -}; -const maxHeight = { - className: 'max-h', - cssName: 'max-height', - jsName: 'maxHeight' -}; -exports.propEnhancers = { - height: (value, selector) => (0, get_css_1.default)(height, value, selector), - maxHeight: (value, selector) => (0, get_css_1.default)(maxHeight, value, selector), - maxWidth: (value, selector) => (0, get_css_1.default)(maxWidth, value, selector), - minHeight: (value, selector) => (0, get_css_1.default)(minHeight, value, selector), - minWidth: (value, selector) => (0, get_css_1.default)(minWidth, value, selector), - width: (value, selector) => (0, get_css_1.default)(width, value, selector) -}; diff --git a/dist/src/enhancers/flex.d.ts b/dist/src/enhancers/flex.d.ts deleted file mode 100644 index 540fa24..0000000 --- a/dist/src/enhancers/flex.d.ts +++ /dev/null @@ -1,5 +0,0 @@ -import { PropValidators, PropEnhancers, PropTypesMapping, PropAliases } from '../types/enhancers'; -export declare const propTypes: PropTypesMapping; -export declare const propAliases: PropAliases; -export declare const propValidators: PropValidators; -export declare const propEnhancers: PropEnhancers; diff --git a/dist/src/enhancers/flex.js b/dist/src/enhancers/flex.js deleted file mode 100644 index 3b72c9a..0000000 --- a/dist/src/enhancers/flex.js +++ /dev/null @@ -1,155 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.propEnhancers = exports.propValidators = exports.propAliases = exports.propTypes = void 0; -const prop_types_1 = __importDefault(require("prop-types")); -const get_css_1 = __importDefault(require("../get-css")); -exports.propTypes = { - alignContent: prop_types_1.default.string, - alignItems: prop_types_1.default.string, - alignSelf: prop_types_1.default.string, - flex: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - flexBasis: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - flexDirection: prop_types_1.default.string, - flexFlow: prop_types_1.default.string, - flexGrow: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - flexShrink: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - flexWrap: prop_types_1.default.string, - justifyContent: prop_types_1.default.string, - justifyItems: prop_types_1.default.string, - justifySelf: prop_types_1.default.string, - order: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - placeContent: prop_types_1.default.string, - placeItems: prop_types_1.default.string, - placeSelf: prop_types_1.default.string -}; -exports.propAliases = {}; -exports.propValidators = {}; -const flex = { - className: 'flx', - cssName: 'flex', - jsName: 'flex', - isPrefixed: true, - defaultUnit: '' -}; -const alignItems = { - className: 'algn-itms', - cssName: 'align-items', - jsName: 'alignItems', - isPrefixed: true -}; -const alignSelf = { - className: 'algn-slf', - cssName: 'align-self', - jsName: 'alignSelf', - isPrefixed: true -}; -const alignContent = { - className: 'algn-cnt', - cssName: 'align-content', - jsName: 'alignContent', - isPrefixed: true -}; -const justifyContent = { - className: 'just-cnt', - cssName: 'justify-content', - jsName: 'justifyContent', - isPrefixed: true -}; -const justifyItems = { - className: 'just-items', - cssName: 'justify-items', - jsName: 'justifyItems', - isPrefixed: true -}; -const justifySelf = { - className: 'just-self', - cssName: 'justify-self', - jsName: 'justifySelf', - isPrefixed: true -}; -const flexDirection = { - className: 'flx-drct', - cssName: 'flex-direction', - jsName: 'flexDirection', - isPrefixed: true, - safeValue: true -}; -const flexWrap = { - className: 'flx-wrap', - cssName: 'flex-wrap', - jsName: 'flexWrap', - isPrefixed: true, - safeValue: true -}; -const flexGrow = { - className: 'flx-grow', - cssName: 'flex-grow', - jsName: 'flexGrow', - isPrefixed: true, - defaultUnit: '' -}; -const flexShrink = { - className: 'flx-srnk', - cssName: 'flex-shrink', - jsName: 'flexShrink', - isPrefixed: true, - defaultUnit: '' -}; -const flexBasis = { - className: 'flx-basis', - cssName: 'flex-basis', - jsName: 'flexBasis', - isPrefixed: true -}; -const order = { - className: 'order', - cssName: 'order', - jsName: 'order', - isPrefixed: true, - defaultUnit: '', - safeValue: true -}; -const flexFlow = { - className: 'flx-flow', - cssName: 'flex-flow', - jsName: 'flexFlow', - isPrefixed: true, - defaultUnit: '' -}; -const placeContent = { - className: 'plc-cnt', - cssName: 'place-content', - jsName: 'placeContent' -}; -const placeItems = { - className: 'plc-items', - cssName: 'place-items', - jsName: 'placeItems' -}; -const placeSelf = { - className: 'plc-self', - cssName: 'place-self', - jsName: 'placeSelf' -}; -exports.propEnhancers = { - alignContent: (value, selector) => (0, get_css_1.default)(alignContent, value, selector), - alignItems: (value, selector) => (0, get_css_1.default)(alignItems, value, selector), - alignSelf: (value, selector) => (0, get_css_1.default)(alignSelf, value, selector), - flex: (value, selector) => (0, get_css_1.default)(flex, value, selector), - flexBasis: (value, selector) => (0, get_css_1.default)(flexBasis, value, selector), - flexDirection: (value, selector) => (0, get_css_1.default)(flexDirection, value, selector), - flexFlow: (value, selector) => (0, get_css_1.default)(flexFlow, value, selector), - flexGrow: (value, selector) => (0, get_css_1.default)(flexGrow, value, selector), - flexShrink: (value, selector) => (0, get_css_1.default)(flexShrink, value, selector), - flexWrap: (value, selector) => (0, get_css_1.default)(flexWrap, value, selector), - justifyContent: (value, selector) => (0, get_css_1.default)(justifyContent, value, selector), - justifyItems: (value, selector) => (0, get_css_1.default)(justifyItems, value, selector), - justifySelf: (value, selector) => (0, get_css_1.default)(justifySelf, value, selector), - order: (value, selector) => (0, get_css_1.default)(order, value, selector), - placeContent: (value, selector) => (0, get_css_1.default)(placeContent, value, selector), - placeItems: (value, selector) => (0, get_css_1.default)(placeItems, value, selector), - placeSelf: (value, selector) => (0, get_css_1.default)(placeSelf, value, selector) -}; diff --git a/dist/src/enhancers/grid.d.ts b/dist/src/enhancers/grid.d.ts deleted file mode 100644 index 540fa24..0000000 --- a/dist/src/enhancers/grid.d.ts +++ /dev/null @@ -1,5 +0,0 @@ -import { PropValidators, PropEnhancers, PropTypesMapping, PropAliases } from '../types/enhancers'; -export declare const propTypes: PropTypesMapping; -export declare const propAliases: PropAliases; -export declare const propValidators: PropValidators; -export declare const propEnhancers: PropEnhancers; diff --git a/dist/src/enhancers/grid.js b/dist/src/enhancers/grid.js deleted file mode 100644 index ccd10f9..0000000 --- a/dist/src/enhancers/grid.js +++ /dev/null @@ -1,177 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.propEnhancers = exports.propValidators = exports.propAliases = exports.propTypes = void 0; -const prop_types_1 = __importDefault(require("prop-types")); -const get_css_1 = __importDefault(require("../get-css")); -exports.propTypes = { - columnGap: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - gap: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - grid: prop_types_1.default.string, - gridArea: prop_types_1.default.string, - gridAutoColumns: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - gridAutoFlow: prop_types_1.default.string, - gridAutoRows: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - gridColumn: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - gridColumnEnd: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - gridColumnGap: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - gridColumnStart: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - gridGap: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - gridRow: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - gridRowEnd: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - gridRowGap: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - gridRowStart: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - gridTemplate: prop_types_1.default.string, - gridTemplateAreas: prop_types_1.default.string, - gridTemplateColumns: prop_types_1.default.string, - gridTemplateRows: prop_types_1.default.string, - rowGap: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]) -}; -exports.propAliases = {}; -exports.propValidators = {}; -const columnGap = { - className: 'col-gap', - cssName: 'column-gap', - jsName: 'columnGap' -}; -const gap = { - className: 'gap', - cssName: 'gap', - jsName: 'gap' -}; -const grid = { - className: 'grd', - cssName: 'grid', - jsName: 'grid', - complexValue: true -}; -const gridArea = { - className: 'grd-ara', - cssName: 'grid-area', - jsName: 'gridArea', - complexValue: true -}; -const gridAutoColumns = { - className: 'grd-ato-col', - cssName: 'grid-auto-columns', - jsName: 'gridAutoColumns', - complexValue: true -}; -const gridAutoFlow = { - className: 'grd-ato-flw', - cssName: 'grid-auto-flow', - jsName: 'gridAutoFlow' -}; -const gridAutoRows = { - className: 'grd-ato-row', - cssName: 'grid-auto-rows', - jsName: 'gridAutoRows', - complexValue: true -}; -const gridColumn = { - className: 'grd-col', - cssName: 'grid-column', - jsName: 'gridColumn', - defaultUnit: '', - complexValue: true -}; -const gridColumnEnd = { - className: 'grd-col-end', - cssName: 'grid-column-end', - jsName: 'gridColumnEnd', - defaultUnit: '' -}; -const gridColumnGap = { - className: 'grd-col-gap', - cssName: 'grid-column-gap', - jsName: 'gridColumnGap' -}; -const gridColumnStart = { - className: 'grd-col-str', - cssName: 'grid-column-start', - jsName: 'gridColumnStart', - defaultUnit: '' -}; -const gridGap = { - className: 'grd-gap', - cssName: 'grid-gap', - jsName: 'gridGap' -}; -const gridRow = { - className: 'grd-row', - cssName: 'grid-row', - jsName: 'gridRow', - defaultUnit: '', - complexValue: true -}; -const gridRowEnd = { - className: 'grd-row-end', - cssName: 'grid-row-end', - jsName: 'gridRowEnd', - defaultUnit: '' -}; -const gridRowGap = { - className: 'grd-row-gap', - cssName: 'grid-row-gap', - jsName: 'gridRowGap' -}; -const gridRowStart = { - className: 'grd-row-str', - cssName: 'grid-row-start', - jsName: 'gridRowStart', - defaultUnit: '' -}; -const gridTemplate = { - className: 'grd-tmp', - cssName: 'grid-template', - jsName: 'gridTemplate', - complexValue: true -}; -const gridTemplateAreas = { - className: 'grd-tmp-ara', - cssName: 'grid-template-areas', - jsName: 'gridTemplateAreas', - complexValue: true -}; -const gridTemplateColumns = { - className: 'grd-tmp-col', - cssName: 'grid-template-columns', - jsName: 'gridTemplateColumns', - complexValue: true -}; -const gridTemplateRows = { - className: 'grd-tmp-row', - cssName: 'grid-template-rows', - jsName: 'gridTemplateRows', - complexValue: true -}; -const rowGap = { - className: 'row-gap', - cssName: 'row-gap', - jsName: 'rowGap' -}; -exports.propEnhancers = { - columnGap: (value, selector) => (0, get_css_1.default)(columnGap, value, selector), - gap: (value, selector) => (0, get_css_1.default)(gap, value, selector), - grid: (value, selector) => (0, get_css_1.default)(grid, value, selector), - gridArea: (value, selector) => (0, get_css_1.default)(gridArea, value, selector), - gridAutoColumns: (value, selector) => (0, get_css_1.default)(gridAutoColumns, value, selector), - gridAutoFlow: (value, selector) => (0, get_css_1.default)(gridAutoFlow, value, selector), - gridAutoRows: (value, selector) => (0, get_css_1.default)(gridAutoRows, value, selector), - gridColumn: (value, selector) => (0, get_css_1.default)(gridColumn, value, selector), - gridColumnEnd: (value, selector) => (0, get_css_1.default)(gridColumnEnd, value, selector), - gridColumnGap: (value, selector) => (0, get_css_1.default)(gridColumnGap, value, selector), - gridColumnStart: (value, selector) => (0, get_css_1.default)(gridColumnStart, value, selector), - gridGap: (value, selector) => (0, get_css_1.default)(gridGap, value, selector), - gridRow: (value, selector) => (0, get_css_1.default)(gridRow, value, selector), - gridRowEnd: (value, selector) => (0, get_css_1.default)(gridRowEnd, value, selector), - gridRowGap: (value, selector) => (0, get_css_1.default)(gridRowGap, value, selector), - gridRowStart: (value, selector) => (0, get_css_1.default)(gridRowStart, value, selector), - gridTemplate: (value, selector) => (0, get_css_1.default)(gridTemplate, value, selector), - gridTemplateAreas: (value, selector) => (0, get_css_1.default)(gridTemplateAreas, value, selector), - gridTemplateColumns: (value, selector) => (0, get_css_1.default)(gridTemplateColumns, value, selector), - gridTemplateRows: (value, selector) => (0, get_css_1.default)(gridTemplateRows, value, selector), - rowGap: (value, selector) => (0, get_css_1.default)(rowGap, value, selector) -}; diff --git a/dist/src/enhancers/index.d.ts b/dist/src/enhancers/index.d.ts deleted file mode 100644 index 26ff4fb..0000000 --- a/dist/src/enhancers/index.d.ts +++ /dev/null @@ -1,29 +0,0 @@ -import * as animation from './animation'; -import * as background from './background'; -import * as borderRadius from './border-radius'; -import * as borders from './borders'; -import * as boxShadow from './box-shadow'; -import * as dimensions from './dimensions'; -import * as flex from './flex'; -import * as grid from './grid'; -import * as interaction from './interaction'; -import * as layout from './layout'; -import * as list from './list'; -import * as opacity from './opacity'; -import * as outline from './outline'; -import * as overflow from './overflow'; -import * as position from './position'; -import * as resize from './resize'; -import * as selectors from './selectors'; -import * as spacing from './spacing'; -import * as svg from './svg'; -import * as text from './text'; -import * as transform from './transform'; -import * as transition from './transition'; -import { PropValidators, PropEnhancers, PropAliases, PropTypesMapping } from '../types/enhancers'; -export { animation, background, borderRadius, borders, boxShadow, dimensions, flex, grid, interaction, layout, list, opacity, outline, overflow, position, resize, selectors, spacing, svg, text, transform, transition }; -export declare const propTypes: PropTypesMapping; -export declare const propNames: string[]; -export declare const propAliases: PropAliases; -export declare const propValidators: PropValidators; -export declare const propEnhancers: PropEnhancers; diff --git a/dist/src/enhancers/index.js b/dist/src/enhancers/index.js deleted file mode 100644 index 15e537a..0000000 --- a/dist/src/enhancers/index.js +++ /dev/null @@ -1,75 +0,0 @@ -"use strict"; -var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - var desc = Object.getOwnPropertyDescriptor(m, k); - if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { - desc = { enumerable: true, get: function() { return m[k]; } }; - } - Object.defineProperty(o, k2, desc); -}) : (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - o[k2] = m[k]; -})); -var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { - Object.defineProperty(o, "default", { enumerable: true, value: v }); -}) : function(o, v) { - o["default"] = v; -}); -var __importStar = (this && this.__importStar) || function (mod) { - if (mod && mod.__esModule) return mod; - var result = {}; - if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); - __setModuleDefault(result, mod); - return result; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.propEnhancers = exports.propValidators = exports.propAliases = exports.propNames = exports.propTypes = exports.transition = exports.transform = exports.text = exports.svg = exports.spacing = exports.selectors = exports.resize = exports.position = exports.overflow = exports.outline = exports.opacity = exports.list = exports.layout = exports.interaction = exports.grid = exports.flex = exports.dimensions = exports.boxShadow = exports.borders = exports.borderRadius = exports.background = exports.animation = void 0; -const animation = __importStar(require("./animation")); -exports.animation = animation; -const background = __importStar(require("./background")); -exports.background = background; -const borderRadius = __importStar(require("./border-radius")); -exports.borderRadius = borderRadius; -const borders = __importStar(require("./borders")); -exports.borders = borders; -const boxShadow = __importStar(require("./box-shadow")); -exports.boxShadow = boxShadow; -const dimensions = __importStar(require("./dimensions")); -exports.dimensions = dimensions; -const flex = __importStar(require("./flex")); -exports.flex = flex; -const grid = __importStar(require("./grid")); -exports.grid = grid; -const interaction = __importStar(require("./interaction")); -exports.interaction = interaction; -const layout = __importStar(require("./layout")); -exports.layout = layout; -const list = __importStar(require("./list")); -exports.list = list; -const opacity = __importStar(require("./opacity")); -exports.opacity = opacity; -const outline = __importStar(require("./outline")); -exports.outline = outline; -const overflow = __importStar(require("./overflow")); -exports.overflow = overflow; -const position = __importStar(require("./position")); -exports.position = position; -const resize = __importStar(require("./resize")); -exports.resize = resize; -const selectors = __importStar(require("./selectors")); -exports.selectors = selectors; -const spacing = __importStar(require("./spacing")); -exports.spacing = spacing; -const svg = __importStar(require("./svg")); -exports.svg = svg; -const text = __importStar(require("./text")); -exports.text = text; -const transform = __importStar(require("./transform")); -exports.transform = transform; -const transition = __importStar(require("./transition")); -exports.transition = transition; -exports.propTypes = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, animation.propTypes), background.propTypes), borderRadius.propTypes), borders.propTypes), boxShadow.propTypes), dimensions.propTypes), flex.propTypes), grid.propTypes), interaction.propTypes), layout.propTypes), list.propTypes), opacity.propTypes), outline.propTypes), overflow.propTypes), position.propTypes), resize.propTypes), selectors.propTypes), spacing.propTypes), svg.propTypes), text.propTypes), transform.propTypes), transition.propTypes); -exports.propNames = Object.keys(exports.propTypes); -exports.propAliases = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, animation.propAliases), background.propAliases), borderRadius.propAliases), borders.propAliases), boxShadow.propAliases), dimensions.propAliases), flex.propAliases), grid.propAliases), interaction.propAliases), layout.propAliases), list.propAliases), opacity.propAliases), outline.propAliases), overflow.propAliases), position.propAliases), resize.propAliases), selectors.propAliases), spacing.propAliases), svg.propAliases), text.propAliases), transform.propAliases), transition.propAliases); -exports.propValidators = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, animation.propValidators), background.propValidators), borderRadius.propValidators), borders.propValidators), boxShadow.propValidators), dimensions.propValidators), flex.propValidators), grid.propValidators), interaction.propValidators), layout.propValidators), list.propValidators), opacity.propValidators), outline.propValidators), overflow.propValidators), position.propValidators), resize.propValidators), selectors.propValidators), spacing.propValidators), svg.propValidators), text.propValidators), transform.propValidators), transition.propValidators); -exports.propEnhancers = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, animation.propEnhancers), background.propEnhancers), borderRadius.propEnhancers), borders.propEnhancers), boxShadow.propEnhancers), dimensions.propEnhancers), flex.propEnhancers), grid.propEnhancers), interaction.propEnhancers), layout.propEnhancers), list.propEnhancers), opacity.propEnhancers), outline.propEnhancers), overflow.propEnhancers), position.propEnhancers), resize.propEnhancers), selectors.propEnhancers), spacing.propEnhancers), svg.propEnhancers), text.propEnhancers), transform.propEnhancers), transition.propEnhancers); diff --git a/dist/src/enhancers/interaction.d.ts b/dist/src/enhancers/interaction.d.ts deleted file mode 100644 index 540fa24..0000000 --- a/dist/src/enhancers/interaction.d.ts +++ /dev/null @@ -1,5 +0,0 @@ -import { PropValidators, PropEnhancers, PropTypesMapping, PropAliases } from '../types/enhancers'; -export declare const propTypes: PropTypesMapping; -export declare const propAliases: PropAliases; -export declare const propValidators: PropValidators; -export declare const propEnhancers: PropEnhancers; diff --git a/dist/src/enhancers/interaction.js b/dist/src/enhancers/interaction.js deleted file mode 100644 index 0d23294..0000000 --- a/dist/src/enhancers/interaction.js +++ /dev/null @@ -1,46 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.propEnhancers = exports.propValidators = exports.propAliases = exports.propTypes = void 0; -const prop_types_1 = __importDefault(require("prop-types")); -const get_css_1 = __importDefault(require("../get-css")); -exports.propTypes = { - cursor: prop_types_1.default.string, - pointerEvents: prop_types_1.default.string, - userSelect: prop_types_1.default.string, - visibility: prop_types_1.default.string -}; -exports.propAliases = {}; -exports.propValidators = {}; -const cursor = { - className: 'crsr', - cssName: 'cursor', - jsName: 'cursor' -}; -const userSelect = { - className: 'usr-slct', - cssName: 'user-select', - jsName: 'userSelect', - safeValue: true, - isPrefixed: true -}; -const visibility = { - className: 'vsblt', - cssName: 'visibility', - jsName: 'visibility', - safeValue: true -}; -const pointerEvents = { - className: 'ptr-evts', - cssName: 'pointer-events', - jsName: 'pointerEvents', - safeValue: true -}; -exports.propEnhancers = { - cursor: (value, selector) => (0, get_css_1.default)(cursor, value, selector), - pointerEvents: (value, selector) => (0, get_css_1.default)(pointerEvents, value, selector), - userSelect: (value, selector) => (0, get_css_1.default)(userSelect, value, selector), - visibility: (value, selector) => (0, get_css_1.default)(visibility, value, selector) -}; diff --git a/dist/src/enhancers/layout.d.ts b/dist/src/enhancers/layout.d.ts deleted file mode 100644 index 540fa24..0000000 --- a/dist/src/enhancers/layout.d.ts +++ /dev/null @@ -1,5 +0,0 @@ -import { PropValidators, PropEnhancers, PropTypesMapping, PropAliases } from '../types/enhancers'; -export declare const propTypes: PropTypesMapping; -export declare const propAliases: PropAliases; -export declare const propValidators: PropValidators; -export declare const propEnhancers: PropEnhancers; diff --git a/dist/src/enhancers/layout.js b/dist/src/enhancers/layout.js deleted file mode 100644 index 7f0d60e..0000000 --- a/dist/src/enhancers/layout.js +++ /dev/null @@ -1,78 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.propEnhancers = exports.propValidators = exports.propAliases = exports.propTypes = void 0; -const prop_types_1 = __importDefault(require("prop-types")); -const get_css_1 = __importDefault(require("../get-css")); -const get_class_name_1 = require("../get-class-name"); -exports.propTypes = { - boxSizing: prop_types_1.default.string, - clear: prop_types_1.default.string, - clearfix: prop_types_1.default.bool, - content: prop_types_1.default.string, - display: prop_types_1.default.string, - float: prop_types_1.default.string, - zIndex: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]) -}; -exports.propAliases = {}; -exports.propValidators = {}; -const display = { - className: 'dspl', - cssName: 'display', - jsName: 'display', - safeValue: true, - isPrefixed: true -}; -const float = { - className: 'flt', - cssName: 'float', - jsName: 'float', - safeValue: true -}; -const clear = { - className: 'clr', - cssName: 'clear', - jsName: 'clear', - safeValue: true -}; -const zIndex = { - className: 'z-idx', - cssName: 'z-index', - jsName: 'zIndex', - safeValue: true, - defaultUnit: '' -}; -const boxSizing = { - className: 'box-szg', - cssName: 'box-sizing', - jsName: 'boxSizing', - safeValue: true -}; -const clearfix = () => { - const className = `${(0, get_class_name_1.getClassNamePrefix)()}clearfix`; - const rules = [ - { property: 'display', value: 'table' }, - { property: 'clear', value: 'both' }, - { property: 'content', value: '""' } - ]; - const concatenatedRules = rules.map(rule => ` ${rule.property}: ${rule.value};`).join('\n'); - const styles = `\n.${className}:before, .${className}:after {\n${concatenatedRules}\n}`; - return { className, rules, styles }; -}; -const content = { - className: 'cnt', - cssName: 'content', - jsName: 'content', - complexValue: true -}; -exports.propEnhancers = { - boxSizing: (value, selector) => (0, get_css_1.default)(boxSizing, value, selector), - clear: (value, selector) => (0, get_css_1.default)(clear, value, selector), - clearfix, - content: (value, selector) => (0, get_css_1.default)(content, value, selector), - display: (value, selector) => (0, get_css_1.default)(display, value, selector), - float: (value, selector) => (0, get_css_1.default)(float, value, selector), - zIndex: (value, selector) => (0, get_css_1.default)(zIndex, value, selector) -}; diff --git a/dist/src/enhancers/list.d.ts b/dist/src/enhancers/list.d.ts deleted file mode 100644 index 540fa24..0000000 --- a/dist/src/enhancers/list.d.ts +++ /dev/null @@ -1,5 +0,0 @@ -import { PropValidators, PropEnhancers, PropTypesMapping, PropAliases } from '../types/enhancers'; -export declare const propTypes: PropTypesMapping; -export declare const propAliases: PropAliases; -export declare const propValidators: PropValidators; -export declare const propEnhancers: PropEnhancers; diff --git a/dist/src/enhancers/list.js b/dist/src/enhancers/list.js deleted file mode 100644 index 5cf457d..0000000 --- a/dist/src/enhancers/list.js +++ /dev/null @@ -1,45 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.propEnhancers = exports.propValidators = exports.propAliases = exports.propTypes = void 0; -const prop_types_1 = __importDefault(require("prop-types")); -const get_css_1 = __importDefault(require("../get-css")); -exports.propTypes = { - listStyle: prop_types_1.default.string, - listStyleType: prop_types_1.default.string, - listStyleImage: prop_types_1.default.string, - listStylePosition: prop_types_1.default.string -}; -exports.propAliases = {}; -exports.propValidators = {}; -const listStyle = { - className: 'ls', - cssName: 'list-style', - jsName: 'listStyle', - complexValue: true -}; -const listStyleType = { - className: 'ls-typ', - cssName: 'list-style-type', - jsName: 'listStyleType' -}; -const listStyleImage = { - className: 'ls-img', - cssName: 'list-style-image', - jsName: 'listStyleImage', - complexValue: true -}; -const listStylePosition = { - className: 'ls-pos', - cssName: 'list-style-position', - jsName: 'listStylePosition', - safeValue: true -}; -exports.propEnhancers = { - listStyle: (value, selector) => (0, get_css_1.default)(listStyle, value, selector), - listStyleType: (value, selector) => (0, get_css_1.default)(listStyleType, value, selector), - listStyleImage: (value, selector) => (0, get_css_1.default)(listStyleImage, value, selector), - listStylePosition: (value, selector) => (0, get_css_1.default)(listStylePosition, value, selector) -}; diff --git a/dist/src/enhancers/opacity.d.ts b/dist/src/enhancers/opacity.d.ts deleted file mode 100644 index 540fa24..0000000 --- a/dist/src/enhancers/opacity.d.ts +++ /dev/null @@ -1,5 +0,0 @@ -import { PropValidators, PropEnhancers, PropTypesMapping, PropAliases } from '../types/enhancers'; -export declare const propTypes: PropTypesMapping; -export declare const propAliases: PropAliases; -export declare const propValidators: PropValidators; -export declare const propEnhancers: PropEnhancers; diff --git a/dist/src/enhancers/opacity.js b/dist/src/enhancers/opacity.js deleted file mode 100644 index c0b2dea..0000000 --- a/dist/src/enhancers/opacity.js +++ /dev/null @@ -1,22 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.propEnhancers = exports.propValidators = exports.propAliases = exports.propTypes = void 0; -const prop_types_1 = __importDefault(require("prop-types")); -const get_css_1 = __importDefault(require("../get-css")); -exports.propTypes = { - opacity: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]) -}; -exports.propAliases = {}; -exports.propValidators = {}; -const opacity = { - className: 'opct', - cssName: 'opacity', - jsName: 'opacity', - defaultUnit: '' -}; -exports.propEnhancers = { - opacity: (value, selector) => (0, get_css_1.default)(opacity, value, selector) -}; diff --git a/dist/src/enhancers/outline.d.ts b/dist/src/enhancers/outline.d.ts deleted file mode 100644 index a550053..0000000 --- a/dist/src/enhancers/outline.d.ts +++ /dev/null @@ -1,5 +0,0 @@ -import { PropValidators, PropEnhancers, PropTypesMapping } from '../types/enhancers'; -export declare const propTypes: PropTypesMapping; -export declare const propAliases: {}; -export declare const propValidators: PropValidators; -export declare const propEnhancers: PropEnhancers; diff --git a/dist/src/enhancers/outline.js b/dist/src/enhancers/outline.js deleted file mode 100644 index 8b76832..0000000 --- a/dist/src/enhancers/outline.js +++ /dev/null @@ -1,22 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.propEnhancers = exports.propValidators = exports.propAliases = exports.propTypes = void 0; -const prop_types_1 = __importDefault(require("prop-types")); -const get_css_1 = __importDefault(require("../get-css")); -exports.propTypes = { - outline: prop_types_1.default.string -}; -exports.propAliases = {}; -exports.propValidators = {}; -const outline = { - className: 'otln', - cssName: 'outline', - jsName: 'outline', - complexValue: true -}; -exports.propEnhancers = { - outline: (value, selector) => (0, get_css_1.default)(outline, value, selector) -}; diff --git a/dist/src/enhancers/overflow.d.ts b/dist/src/enhancers/overflow.d.ts deleted file mode 100644 index 540fa24..0000000 --- a/dist/src/enhancers/overflow.d.ts +++ /dev/null @@ -1,5 +0,0 @@ -import { PropValidators, PropEnhancers, PropTypesMapping, PropAliases } from '../types/enhancers'; -export declare const propTypes: PropTypesMapping; -export declare const propAliases: PropAliases; -export declare const propValidators: PropValidators; -export declare const propEnhancers: PropEnhancers; diff --git a/dist/src/enhancers/overflow.js b/dist/src/enhancers/overflow.js deleted file mode 100644 index c022dab..0000000 --- a/dist/src/enhancers/overflow.js +++ /dev/null @@ -1,33 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.propEnhancers = exports.propValidators = exports.propAliases = exports.propTypes = void 0; -const prop_types_1 = __importDefault(require("prop-types")); -const get_css_1 = __importDefault(require("../get-css")); -exports.propTypes = { - overflow: prop_types_1.default.string, - overflowX: prop_types_1.default.string, - overflowY: prop_types_1.default.string -}; -exports.propAliases = { - overflow: ['overflowX', 'overflowY'] -}; -exports.propValidators = {}; -const overflowY = { - className: 'ovflw-y', - cssName: 'overflow-y', - jsName: 'overflowY', - safeValue: true -}; -const overflowX = { - className: 'ovflw-x', - cssName: 'overflow-x', - jsName: 'overflowX', - safeValue: true -}; -exports.propEnhancers = { - overflowX: (value, selector) => (0, get_css_1.default)(overflowX, value, selector), - overflowY: (value, selector) => (0, get_css_1.default)(overflowY, value, selector) -}; diff --git a/dist/src/enhancers/position.d.ts b/dist/src/enhancers/position.d.ts deleted file mode 100644 index 540fa24..0000000 --- a/dist/src/enhancers/position.d.ts +++ /dev/null @@ -1,5 +0,0 @@ -import { PropValidators, PropEnhancers, PropTypesMapping, PropAliases } from '../types/enhancers'; -export declare const propTypes: PropTypesMapping; -export declare const propAliases: PropAliases; -export declare const propValidators: PropValidators; -export declare const propEnhancers: PropEnhancers; diff --git a/dist/src/enhancers/position.js b/dist/src/enhancers/position.js deleted file mode 100644 index d8f7b8c..0000000 --- a/dist/src/enhancers/position.js +++ /dev/null @@ -1,51 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.propEnhancers = exports.propValidators = exports.propAliases = exports.propTypes = void 0; -const prop_types_1 = __importDefault(require("prop-types")); -const get_css_1 = __importDefault(require("../get-css")); -exports.propTypes = { - bottom: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - left: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - position: prop_types_1.default.string, - right: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - top: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]) -}; -exports.propAliases = {}; -exports.propValidators = {}; -const position = { - className: 'pst', - cssName: 'position', - jsName: 'position', - safeValue: true, - isPrefixed: true -}; -const top = { - className: 'top', - cssName: 'top', - jsName: 'top' -}; -const right = { - className: 'rgt', - cssName: 'right', - jsName: 'right' -}; -const bottom = { - className: 'btm', - cssName: 'bottom', - jsName: 'bottom' -}; -const left = { - className: 'lft', - cssName: 'left', - jsName: 'left' -}; -exports.propEnhancers = { - bottom: (value, selector) => (0, get_css_1.default)(bottom, value, selector), - left: (value, selector) => (0, get_css_1.default)(left, value, selector), - position: (value, selector) => (0, get_css_1.default)(position, value, selector), - right: (value, selector) => (0, get_css_1.default)(right, value, selector), - top: (value, selector) => (0, get_css_1.default)(top, value, selector) -}; diff --git a/dist/src/enhancers/resize.d.ts b/dist/src/enhancers/resize.d.ts deleted file mode 100644 index a550053..0000000 --- a/dist/src/enhancers/resize.d.ts +++ /dev/null @@ -1,5 +0,0 @@ -import { PropValidators, PropEnhancers, PropTypesMapping } from '../types/enhancers'; -export declare const propTypes: PropTypesMapping; -export declare const propAliases: {}; -export declare const propValidators: PropValidators; -export declare const propEnhancers: PropEnhancers; diff --git a/dist/src/enhancers/resize.js b/dist/src/enhancers/resize.js deleted file mode 100644 index 3654ad0..0000000 --- a/dist/src/enhancers/resize.js +++ /dev/null @@ -1,21 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.propEnhancers = exports.propValidators = exports.propAliases = exports.propTypes = void 0; -const prop_types_1 = __importDefault(require("prop-types")); -const get_css_1 = __importDefault(require("../get-css")); -exports.propTypes = { - resize: prop_types_1.default.string -}; -exports.propAliases = {}; -exports.propValidators = {}; -const resize = { - className: 'rsz', - cssName: 'resize', - jsName: 'resize' -}; -exports.propEnhancers = { - resize: (value, selector) => (0, get_css_1.default)(resize, value, selector) -}; diff --git a/dist/src/enhancers/selectors.d.ts b/dist/src/enhancers/selectors.d.ts deleted file mode 100644 index 540fa24..0000000 --- a/dist/src/enhancers/selectors.d.ts +++ /dev/null @@ -1,5 +0,0 @@ -import { PropValidators, PropEnhancers, PropTypesMapping, PropAliases } from '../types/enhancers'; -export declare const propTypes: PropTypesMapping; -export declare const propAliases: PropAliases; -export declare const propValidators: PropValidators; -export declare const propEnhancers: PropEnhancers; diff --git a/dist/src/enhancers/selectors.js b/dist/src/enhancers/selectors.js deleted file mode 100644 index 53b7a6e..0000000 --- a/dist/src/enhancers/selectors.js +++ /dev/null @@ -1,13 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.propEnhancers = exports.propValidators = exports.propAliases = exports.propTypes = void 0; -const prop_types_1 = __importDefault(require("prop-types")); -exports.propTypes = { - selectors: prop_types_1.default.object -}; -exports.propAliases = {}; -exports.propValidators = {}; -exports.propEnhancers = {}; diff --git a/dist/src/enhancers/spacing.d.ts b/dist/src/enhancers/spacing.d.ts deleted file mode 100644 index 540fa24..0000000 --- a/dist/src/enhancers/spacing.d.ts +++ /dev/null @@ -1,5 +0,0 @@ -import { PropValidators, PropEnhancers, PropTypesMapping, PropAliases } from '../types/enhancers'; -export declare const propTypes: PropTypesMapping; -export declare const propAliases: PropAliases; -export declare const propValidators: PropValidators; -export declare const propEnhancers: PropEnhancers; diff --git a/dist/src/enhancers/spacing.js b/dist/src/enhancers/spacing.js deleted file mode 100644 index 04c15ab..0000000 --- a/dist/src/enhancers/spacing.js +++ /dev/null @@ -1,122 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.propEnhancers = exports.propValidators = exports.propAliases = exports.propTypes = void 0; -const prop_types_1 = __importDefault(require("prop-types")); -const get_css_1 = __importDefault(require("../get-css")); -const regex_1 = require("../utils/regex"); -exports.propTypes = { - margin: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - marginBottom: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - marginLeft: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - marginRight: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - marginTop: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - marginX: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - marginY: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - padding: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - paddingBottom: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - paddingLeft: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - paddingRight: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - paddingTop: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - paddingX: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - paddingY: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]) -}; -exports.propAliases = { - margin: ['marginBottom', 'marginLeft', 'marginRight', 'marginTop'], - marginX: ['marginLeft', 'marginRight'], - marginY: ['marginBottom', 'marginTop'], - padding: ['paddingBottom', 'paddingLeft', 'paddingRight', 'paddingTop'], - paddingX: ['paddingLeft', 'paddingRight'], - paddingY: ['paddingBottom', 'paddingTop'] -}; -exports.propValidators = {}; -if (process.env.NODE_ENV !== 'production') { - exports.propValidators.margin = value => { - if (regex_1.spacesOutsideParentheses.test(value)) { - return `multiple values (“${value}”) aren՚t supported with “margin”. Use “marginX”, “marginY” “marginBottom”, “marginLeft”, “marginRight” and “marginTop” instead.`; - } - return; - }; - exports.propValidators.marginX = value => { - if (regex_1.spacesOutsideParentheses.test(value)) { - return `multiple values (“${value}”) aren՚t supported with “marginX”. Use “marginLeft” and “marginRight” instead.`; - } - return; - }; - exports.propValidators.marginY = value => { - if (regex_1.spacesOutsideParentheses.test(value)) { - return `multiple values (“${value}”) aren՚t supported with “marginY”. Use “marginBottom” and “marginTop” instead.`; - } - return; - }; - exports.propValidators.padding = value => { - if (regex_1.spacesOutsideParentheses.test(value)) { - return `multiple values (“${value}”) aren՚t supported with “padding”. Use “paddingX”, “paddingY” “paddingBottom”, “paddingLeft”, “paddingRight” and “paddingTop” instead.`; - } - return; - }; - exports.propValidators.paddingX = value => { - if (regex_1.spacesOutsideParentheses.test(value)) { - return `multiple values (“${value}”) aren՚t supported with “paddingX”. Use “paddingLeft” and “paddingRight” instead.`; - } - return; - }; - exports.propValidators.paddingY = value => { - if (regex_1.spacesOutsideParentheses.test(value)) { - return `multiple values (“${value}”) aren՚t supported with “paddingY”. Use “paddingBottom” and “paddingTop” instead.`; - } - return; - }; -} -const marginTop = { - className: 'mt', - cssName: 'margin-top', - jsName: 'marginTop' -}; -const marginRight = { - className: 'mr', - cssName: 'margin-right', - jsName: 'marginRight' -}; -const marginBottom = { - className: 'mb', - cssName: 'margin-bottom', - jsName: 'marginBottom' -}; -const marginLeft = { - className: 'ml', - cssName: 'margin-left', - jsName: 'marginLeft' -}; -const paddingTop = { - className: 'pt', - cssName: 'padding-top', - jsName: 'paddingTop' -}; -const paddingRight = { - className: 'pr', - cssName: 'padding-right', - jsName: 'paddingRight' -}; -const paddingBottom = { - className: 'pb', - cssName: 'padding-bottom', - jsName: 'paddingBottom' -}; -const paddingLeft = { - className: 'pl', - cssName: 'padding-left', - jsName: 'paddingLeft' -}; -exports.propEnhancers = { - marginBottom: (value, selector) => (0, get_css_1.default)(marginBottom, value, selector), - marginLeft: (value, selector) => (0, get_css_1.default)(marginLeft, value, selector), - marginRight: (value, selector) => (0, get_css_1.default)(marginRight, value, selector), - marginTop: (value, selector) => (0, get_css_1.default)(marginTop, value, selector), - paddingBottom: (value, selector) => (0, get_css_1.default)(paddingBottom, value, selector), - paddingLeft: (value, selector) => (0, get_css_1.default)(paddingLeft, value, selector), - paddingRight: (value, selector) => (0, get_css_1.default)(paddingRight, value, selector), - paddingTop: (value, selector) => (0, get_css_1.default)(paddingTop, value, selector) -}; diff --git a/dist/src/enhancers/svg.d.ts b/dist/src/enhancers/svg.d.ts deleted file mode 100644 index 540fa24..0000000 --- a/dist/src/enhancers/svg.d.ts +++ /dev/null @@ -1,5 +0,0 @@ -import { PropValidators, PropEnhancers, PropTypesMapping, PropAliases } from '../types/enhancers'; -export declare const propTypes: PropTypesMapping; -export declare const propAliases: PropAliases; -export declare const propValidators: PropValidators; -export declare const propEnhancers: PropEnhancers; diff --git a/dist/src/enhancers/svg.js b/dist/src/enhancers/svg.js deleted file mode 100644 index 8039406..0000000 --- a/dist/src/enhancers/svg.js +++ /dev/null @@ -1,54 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.propEnhancers = exports.propValidators = exports.propAliases = exports.propTypes = void 0; -const prop_types_1 = __importDefault(require("prop-types")); -const get_css_1 = __importDefault(require("../get-css")); -exports.propTypes = { - fill: prop_types_1.default.string, - stroke: prop_types_1.default.string, - strokeDasharray: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - strokeDashoffset: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - strokeLinecap: prop_types_1.default.string, - strokeMiterlimit: prop_types_1.default.number, - strokeWidth: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]) -}; -exports.propAliases = {}; -exports.propValidators = {}; -const fill = { - className: 'fill', - cssName: 'fill', - jsName: 'fill' -}; -const stroke = { className: 'strk', cssName: 'stroke', jsName: 'stroke' }; -const strokeDasharray = { - className: 'strk-dshary', - cssName: 'stroke-dasharray', - jsName: 'strokeDasharray', - defaultUnit: '' -}; -const strokeDashoffset = { - className: 'strk-dshofst', - cssName: 'stroke-dashoffset', - jsName: 'strokeDashoffset', - defaultUnit: '' -}; -const strokeLinecap = { className: 'strk-lncp', cssName: 'stroke-linecap', jsName: 'strokeLinecap', safeValue: true }; -const strokeMiterlimit = { - className: 'strk-mtrlmt', - cssName: 'stroke-miterlimit', - jsName: 'strokeMiterlimit', - defaultUnit: '' -}; -const strokeWidth = { className: 'strk-w', cssName: 'stroke-width', jsName: 'strokeWidth', defaultUnit: '' }; -exports.propEnhancers = { - fill: (value, selector) => (0, get_css_1.default)(fill, value, selector), - stroke: (value, selector) => (0, get_css_1.default)(stroke, value, selector), - strokeDasharray: (value, selector) => (0, get_css_1.default)(strokeDasharray, value, selector), - strokeDashoffset: (value, selector) => (0, get_css_1.default)(strokeDashoffset, value, selector), - strokeLinecap: (value, selector) => (0, get_css_1.default)(strokeLinecap, value, selector), - strokeMiterlimit: (value, selector) => (0, get_css_1.default)(strokeMiterlimit, value, selector), - strokeWidth: (value, selector) => (0, get_css_1.default)(strokeWidth, value, selector) -}; diff --git a/dist/src/enhancers/text.d.ts b/dist/src/enhancers/text.d.ts deleted file mode 100644 index 540fa24..0000000 --- a/dist/src/enhancers/text.d.ts +++ /dev/null @@ -1,5 +0,0 @@ -import { PropValidators, PropEnhancers, PropTypesMapping, PropAliases } from '../types/enhancers'; -export declare const propTypes: PropTypesMapping; -export declare const propAliases: PropAliases; -export declare const propValidators: PropValidators; -export declare const propEnhancers: PropEnhancers; diff --git a/dist/src/enhancers/text.js b/dist/src/enhancers/text.js deleted file mode 100644 index cf25356..0000000 --- a/dist/src/enhancers/text.js +++ /dev/null @@ -1,154 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.propEnhancers = exports.propValidators = exports.propAliases = exports.propTypes = void 0; -const prop_types_1 = __importDefault(require("prop-types")); -const get_css_1 = __importDefault(require("../get-css")); -exports.propTypes = { - color: prop_types_1.default.string, - font: prop_types_1.default.string, - fontFamily: prop_types_1.default.string, - fontSize: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - fontStyle: prop_types_1.default.string, - fontVariant: prop_types_1.default.string, - fontWeight: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - letterSpacing: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - lineHeight: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]), - textAlign: prop_types_1.default.string, - textDecoration: prop_types_1.default.string, - textOverflow: prop_types_1.default.string, - textShadow: prop_types_1.default.string, - textTransform: prop_types_1.default.string, - verticalAlign: prop_types_1.default.string, - whiteSpace: prop_types_1.default.string, - wordBreak: prop_types_1.default.string, - wordWrap: prop_types_1.default.string -}; -exports.propAliases = {}; -exports.propValidators = {}; -const textAlign = { - className: 'txt-algn', - safeValue: true, - cssName: 'text-align', - jsName: 'textAlign' -}; -const textDecoration = { - className: 'txt-deco', - cssName: 'text-decoration', - jsName: 'textDecoration' -}; -const textTransform = { - className: 'txt-trns', - cssName: 'text-transform', - jsName: 'textTransform', - safeValue: true -}; -const textShadow = { - className: 'txt-shdw', - cssName: 'text-shadow', - jsName: 'textShadow', - complexValue: true -}; -const textOverflow = { - className: 'txt-ovrf', - cssName: 'text-overflow', - jsName: 'textOverflow', - safeValue: true -}; -const color = { - className: 'color', - cssName: 'color', - jsName: 'color' -}; -const font = { - className: 'fnt', - cssName: 'font', - jsName: 'font', - complexValue: true -}; -const fontFamily = { - className: 'fnt-fam', - cssName: 'font-family', - jsName: 'fontFamily', - complexValue: true -}; -const fontSize = { - className: 'fnt-sze', - cssName: 'font-size', - jsName: 'fontSize' -}; -const fontStyle = { - className: 'fnt-stl', - cssName: 'font-style', - jsName: 'fontStyle', - safeValue: true -}; -const fontVariant = { - className: 'f-vari', - cssName: 'font-variant', - jsName: 'fontVariant' -}; -const fontWeight = { - className: 'f-wght', - cssName: 'font-weight', - jsName: 'fontWeight', - safeValue: true, - defaultUnit: '' -}; -const lineHeight = { - className: 'ln-ht', - cssName: 'line-height', - jsName: 'lineHeight', - defaultUnit: '' -}; -const verticalAlign = { - className: 'ver-algn', - cssName: 'vertical-align', - jsName: 'verticalAlign', - safeValue: true -}; -const wordBreak = { - className: 'wrd-brk', - cssName: 'word-break', - jsName: 'wordBreak', - safeValue: true -}; -const wordWrap = { - className: 'wrd-wrp', - cssName: 'word-wrap', - jsName: 'wordWrap', - safeValue: true -}; -const whiteSpace = { - className: 'wht-spc', - cssName: 'white-space', - jsName: 'whiteSpace', - safeValue: true -}; -const letterSpacing = { - className: 'ltr-spc', - cssName: 'letter-spacing', - jsName: 'letterSpacing' -}; -exports.propEnhancers = { - color: (value, selector) => (0, get_css_1.default)(color, value, selector), - font: (value, selector) => (0, get_css_1.default)(font, value, selector), - fontFamily: (value, selector) => (0, get_css_1.default)(fontFamily, value, selector), - fontSize: (value, selector) => (0, get_css_1.default)(fontSize, value, selector), - fontStyle: (value, selector) => (0, get_css_1.default)(fontStyle, value, selector), - fontVariant: (value, selector) => (0, get_css_1.default)(fontVariant, value, selector), - fontWeight: (value, selector) => (0, get_css_1.default)(fontWeight, value, selector), - letterSpacing: (value, selector) => (0, get_css_1.default)(letterSpacing, value, selector), - lineHeight: (value, selector) => (0, get_css_1.default)(lineHeight, value, selector), - textAlign: (value, selector) => (0, get_css_1.default)(textAlign, value, selector), - textDecoration: (value, selector) => (0, get_css_1.default)(textDecoration, value, selector), - textOverflow: (value, selector) => (0, get_css_1.default)(textOverflow, value, selector), - textShadow: (value, selector) => (0, get_css_1.default)(textShadow, value, selector), - textTransform: (value, selector) => (0, get_css_1.default)(textTransform, value, selector), - verticalAlign: (value, selector) => (0, get_css_1.default)(verticalAlign, value, selector), - whiteSpace: (value, selector) => (0, get_css_1.default)(whiteSpace, value, selector), - wordBreak: (value, selector) => (0, get_css_1.default)(wordBreak, value, selector), - wordWrap: (value, selector) => (0, get_css_1.default)(wordWrap, value, selector) -}; diff --git a/dist/src/enhancers/transform.d.ts b/dist/src/enhancers/transform.d.ts deleted file mode 100644 index 540fa24..0000000 --- a/dist/src/enhancers/transform.d.ts +++ /dev/null @@ -1,5 +0,0 @@ -import { PropValidators, PropEnhancers, PropTypesMapping, PropAliases } from '../types/enhancers'; -export declare const propTypes: PropTypesMapping; -export declare const propAliases: PropAliases; -export declare const propValidators: PropValidators; -export declare const propEnhancers: PropEnhancers; diff --git a/dist/src/enhancers/transform.js b/dist/src/enhancers/transform.js deleted file mode 100644 index 0999350..0000000 --- a/dist/src/enhancers/transform.js +++ /dev/null @@ -1,30 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.propEnhancers = exports.propValidators = exports.propAliases = exports.propTypes = void 0; -const prop_types_1 = __importDefault(require("prop-types")); -const get_css_1 = __importDefault(require("../get-css")); -exports.propTypes = { - transform: prop_types_1.default.string, - transformOrigin: prop_types_1.default.string -}; -exports.propAliases = {}; -exports.propValidators = {}; -const transform = { - className: 'tfrm', - cssName: 'transform', - jsName: 'transform', - complexValue: true -}; -const transformOrigin = { - className: 'tfrm-orgn', - cssName: 'transform-origin', - jsName: 'transformOrigin', - complexValue: true -}; -exports.propEnhancers = { - transform: (value, selector) => (0, get_css_1.default)(transform, value, selector), - transformOrigin: (value, selector) => (0, get_css_1.default)(transformOrigin, value, selector) -}; diff --git a/dist/src/enhancers/transition.d.ts b/dist/src/enhancers/transition.d.ts deleted file mode 100644 index 540fa24..0000000 --- a/dist/src/enhancers/transition.d.ts +++ /dev/null @@ -1,5 +0,0 @@ -import { PropValidators, PropEnhancers, PropTypesMapping, PropAliases } from '../types/enhancers'; -export declare const propTypes: PropTypesMapping; -export declare const propAliases: PropAliases; -export declare const propValidators: PropValidators; -export declare const propEnhancers: PropEnhancers; diff --git a/dist/src/enhancers/transition.js b/dist/src/enhancers/transition.js deleted file mode 100644 index 1afbbc9..0000000 --- a/dist/src/enhancers/transition.js +++ /dev/null @@ -1,54 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.propEnhancers = exports.propValidators = exports.propAliases = exports.propTypes = void 0; -const prop_types_1 = __importDefault(require("prop-types")); -const get_css_1 = __importDefault(require("../get-css")); -exports.propTypes = { - transition: prop_types_1.default.string, - transitionDelay: prop_types_1.default.string, - transitionDuration: prop_types_1.default.string, - transitionProperty: prop_types_1.default.string, - transitionTimingFunction: prop_types_1.default.string -}; -exports.propAliases = {}; -exports.propValidators = {}; -const transition = { - className: 'tstn', - cssName: 'transition', - jsName: 'transition', - complexValue: true -}; -const transitionDelay = { - className: 'tstn-dly', - cssName: 'transition-delay', - jsName: 'transitionDelay', - complexValue: true -}; -const transitionDuration = { - className: 'tstn-drn', - cssName: 'transition-duration', - jsName: 'transitionDuration', - complexValue: true -}; -const transitionProperty = { - className: 'tstn-pty', - cssName: 'transition-property', - jsName: 'transitionProperty', - complexValue: true -}; -const transitionTimingFunction = { - className: 'tstn-tf', - cssName: 'transition-timing-function', - jsName: 'transitionTimingFunction', - complexValue: true -}; -exports.propEnhancers = { - transition: (value, selector) => (0, get_css_1.default)(transition, value, selector), - transitionDelay: (value, selector) => (0, get_css_1.default)(transitionDelay, value, selector), - transitionDuration: (value, selector) => (0, get_css_1.default)(transitionDuration, value, selector), - transitionProperty: (value, selector) => (0, get_css_1.default)(transitionProperty, value, selector), - transitionTimingFunction: (value, selector) => (0, get_css_1.default)(transitionTimingFunction, value, selector) -}; diff --git a/dist/src/expand-aliases.d.ts b/dist/src/expand-aliases.d.ts deleted file mode 100644 index bdaf847..0000000 --- a/dist/src/expand-aliases.d.ts +++ /dev/null @@ -1,4 +0,0 @@ -import { BoxPropValue } from './types/enhancers'; -export default function expandAliases(props: { - [key: string]: BoxPropValue; -}): Map; diff --git a/dist/src/expand-aliases.js b/dist/src/expand-aliases.js deleted file mode 100644 index 84bbc43..0000000 --- a/dist/src/expand-aliases.js +++ /dev/null @@ -1,25 +0,0 @@ -"use strict"; -Object.defineProperty(exports, "__esModule", { value: true }); -const index_1 = require("./enhancers/index"); -function expandAliases(props) { - const propNames = Object.keys(props); - const newProps = new Map(); - propNames.forEach(propName => { - const propValue = props[propName]; - const aliases = index_1.propAliases[propName] || [propName]; - if (process.env.NODE_ENV !== 'production') { - const validator = index_1.propValidators[propName]; - if (validator) { - const result = validator(propValue); - if (result) { - throw new Error(`📦 ui-box: ${result}`); - } - } - } - aliases.forEach(alias => { - newProps.set(alias, propValue); - }); - }); - return newProps; -} -exports.default = expandAliases; diff --git a/dist/src/get-class-name.d.ts b/dist/src/get-class-name.d.ts deleted file mode 100644 index e0a6d43..0000000 --- a/dist/src/get-class-name.d.ts +++ /dev/null @@ -1,12 +0,0 @@ -export declare function getClassNamePrefix(): string; -export declare function setClassNamePrefix(prefix: string): void; -export interface PropertyInfo { - className?: string; - safeValue?: boolean; - complexValue?: boolean; - jsName?: string; - cssName?: string; - defaultUnit?: string; - isPrefixed?: boolean; -} -export default function getClassName(propertyInfo: PropertyInfo, value: string, selector?: string): string; diff --git a/dist/src/get-class-name.js b/dist/src/get-class-name.js deleted file mode 100644 index 6b255a7..0000000 --- a/dist/src/get-class-name.js +++ /dev/null @@ -1,38 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.setClassNamePrefix = exports.getClassNamePrefix = void 0; -const hash_1 = __importDefault(require("@emotion/hash")); -const get_safe_value_1 = __importDefault(require("./get-safe-value")); -let PREFIX = 'ub-'; -function getClassNamePrefix() { - return PREFIX; -} -exports.getClassNamePrefix = getClassNamePrefix; -function setClassNamePrefix(prefix) { - PREFIX = prefix; -} -exports.setClassNamePrefix = setClassNamePrefix; -function getClassName(propertyInfo, value, selector = '') { - const { className, safeValue = false, complexValue = false } = propertyInfo; - let valueKey; - if (value === 'inherit' || value === 'initial' || value === 'unset') { - valueKey = value; - } - else if (complexValue || value.includes('calc(')) { - valueKey = (0, hash_1.default)(value); - } - else if (safeValue) { - valueKey = value; - } - else { - valueKey = (0, get_safe_value_1.default)(value); - } - if (selector) { - valueKey = `${valueKey}_${(0, hash_1.default)(selector)}`; - } - return `${PREFIX}${className}_${valueKey}`; -} -exports.default = getClassName; diff --git a/dist/src/get-css.d.ts b/dist/src/get-css.d.ts deleted file mode 100644 index e38ccc5..0000000 --- a/dist/src/get-css.d.ts +++ /dev/null @@ -1,3 +0,0 @@ -import { PropertyInfo } from './get-class-name'; -import { EnhancedProp } from './types/enhancers'; -export default function getCss(propertyInfo: PropertyInfo, value: string | number, selector?: string): EnhancedProp | null; diff --git a/dist/src/get-css.js b/dist/src/get-css.js deleted file mode 100644 index 10fd386..0000000 --- a/dist/src/get-css.js +++ /dev/null @@ -1,52 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -const prefixer_1 = __importDefault(require("./prefixer")); -const value_to_string_1 = __importDefault(require("./value-to-string")); -const get_class_name_1 = __importDefault(require("./get-class-name")); -const is_production_1 = __importDefault(require("./utils/is-production")); -function getCss(propertyInfo, value, selector = '') { - let rules; - const valueType = typeof value; - if (valueType !== 'string' && valueType !== 'number') { - if (process.env.NODE_ENV !== 'production') { - const name = propertyInfo.jsName; - const encodedValue = JSON.stringify(value); - console.error(`📦 ui-box: property “${name}” was passed invalid value “${encodedValue}”. Only numbers and strings are supported.`); - } - return null; - } - const valueString = (0, value_to_string_1.default)(value, propertyInfo.defaultUnit); - const className = (0, get_class_name_1.default)(propertyInfo, valueString, selector); - if (propertyInfo.isPrefixed) { - rules = (0, prefixer_1.default)(propertyInfo.jsName || '', valueString); - } - else { - rules = [{ property: propertyInfo.cssName || '', value: valueString }]; - } - let styles; - if ((0, is_production_1.default)()) { - const rulesString = rules.map(rule => `${rule.property}:${rule.value}`).join(';'); - styles = `${expandSelectors(className, selector)}{${rulesString}}`; - } - else { - const rulesString = rules.map(rule => ` ${rule.property}: ${rule.value};`).join('\n'); - styles = ` -${expandSelectors(className, selector)} { -${rulesString} -}`; - } - return { className, styles, rules }; -} -exports.default = getCss; -const expandSelectors = (className, selector) => { - if (!selector.includes(',')) { - return `.${className}${selector}`; - } - return selector - .split(',') - .map(selectorPart => `.${className}${selectorPart}`) - .join(', '); -}; diff --git a/dist/src/get-safe-value.d.ts b/dist/src/get-safe-value.d.ts deleted file mode 100644 index 133a613..0000000 --- a/dist/src/get-safe-value.d.ts +++ /dev/null @@ -1 +0,0 @@ -export default function getSafeValue(value: string): string; diff --git a/dist/src/get-safe-value.js b/dist/src/get-safe-value.js deleted file mode 100644 index 2521062..0000000 --- a/dist/src/get-safe-value.js +++ /dev/null @@ -1,12 +0,0 @@ -"use strict"; -Object.defineProperty(exports, "__esModule", { value: true }); -const regex_1 = require("./utils/regex"); -const dashRegex = /[ .]/g; -const percentRegex = /%/g; -function getSafeValue(value) { - return value - .replace(dashRegex, '-') - .replace(percentRegex, 'prcnt') - .replace(regex_1.unsafeClassNameCharacters, ''); -} -exports.default = getSafeValue; diff --git a/dist/src/index.d.ts b/dist/src/index.d.ts deleted file mode 100644 index db5f9a8..0000000 --- a/dist/src/index.d.ts +++ /dev/null @@ -1,17 +0,0 @@ -import * as cache from './cache'; -export { default } from './box'; -export { default as keyframes } from './keyframes'; -export { default as splitProps } from './utils/split-props'; -export { default as splitBoxProps } from './utils/split-box-props'; -export { setClassNamePrefix } from './get-class-name'; -export { configureSafeHref } from './utils/safeHref'; -export { CssProps, BoxCssProps, EnhancerProps, SelectorMap } from './types/enhancers'; -export { BoxProps, BoxOwnProps, PropsOf, PolymorphicBoxProps, BoxComponent } from './types/box-types'; -export { KeyframesPercentageKey, KeyframesPositionalKey, KeyframesTimeline, KeyframesTimelineKey } from './types/keyframes'; -export { background, borderRadius, borders, boxShadow, dimensions, flex, interaction, layout, list, opacity, overflow, position, spacing, text, transform, propTypes, propNames, propAliases, propEnhancers } from './enhancers/index'; -export declare const hydrate: typeof cache.hydrate; -export declare function extractStyles(): { - cache: [string, string][]; - styles: string; -}; -export declare function clearStyles(): void; diff --git a/dist/src/index.js b/dist/src/index.js deleted file mode 100644 index 5ae00a0..0000000 --- a/dist/src/index.js +++ /dev/null @@ -1,78 +0,0 @@ -"use strict"; -var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - var desc = Object.getOwnPropertyDescriptor(m, k); - if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { - desc = { enumerable: true, get: function() { return m[k]; } }; - } - Object.defineProperty(o, k2, desc); -}) : (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - o[k2] = m[k]; -})); -var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { - Object.defineProperty(o, "default", { enumerable: true, value: v }); -}) : function(o, v) { - o["default"] = v; -}); -var __importStar = (this && this.__importStar) || function (mod) { - if (mod && mod.__esModule) return mod; - var result = {}; - if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); - __setModuleDefault(result, mod); - return result; -}; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.clearStyles = exports.extractStyles = exports.hydrate = exports.propEnhancers = exports.propAliases = exports.propNames = exports.propTypes = exports.transform = exports.text = exports.spacing = exports.position = exports.overflow = exports.opacity = exports.list = exports.layout = exports.interaction = exports.flex = exports.dimensions = exports.boxShadow = exports.borders = exports.borderRadius = exports.background = exports.configureSafeHref = exports.setClassNamePrefix = exports.splitBoxProps = exports.splitProps = exports.keyframes = exports.default = void 0; -const cache = __importStar(require("./cache")); -const styles = __importStar(require("./styles")); -var box_1 = require("./box"); -Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(box_1).default; } }); -var keyframes_1 = require("./keyframes"); -Object.defineProperty(exports, "keyframes", { enumerable: true, get: function () { return __importDefault(keyframes_1).default; } }); -var split_props_1 = require("./utils/split-props"); -Object.defineProperty(exports, "splitProps", { enumerable: true, get: function () { return __importDefault(split_props_1).default; } }); -var split_box_props_1 = require("./utils/split-box-props"); -Object.defineProperty(exports, "splitBoxProps", { enumerable: true, get: function () { return __importDefault(split_box_props_1).default; } }); -var get_class_name_1 = require("./get-class-name"); -Object.defineProperty(exports, "setClassNamePrefix", { enumerable: true, get: function () { return get_class_name_1.setClassNamePrefix; } }); -var safeHref_1 = require("./utils/safeHref"); -Object.defineProperty(exports, "configureSafeHref", { enumerable: true, get: function () { return safeHref_1.configureSafeHref; } }); -var index_1 = require("./enhancers/index"); -Object.defineProperty(exports, "background", { enumerable: true, get: function () { return index_1.background; } }); -Object.defineProperty(exports, "borderRadius", { enumerable: true, get: function () { return index_1.borderRadius; } }); -Object.defineProperty(exports, "borders", { enumerable: true, get: function () { return index_1.borders; } }); -Object.defineProperty(exports, "boxShadow", { enumerable: true, get: function () { return index_1.boxShadow; } }); -Object.defineProperty(exports, "dimensions", { enumerable: true, get: function () { return index_1.dimensions; } }); -Object.defineProperty(exports, "flex", { enumerable: true, get: function () { return index_1.flex; } }); -Object.defineProperty(exports, "interaction", { enumerable: true, get: function () { return index_1.interaction; } }); -Object.defineProperty(exports, "layout", { enumerable: true, get: function () { return index_1.layout; } }); -Object.defineProperty(exports, "list", { enumerable: true, get: function () { return index_1.list; } }); -Object.defineProperty(exports, "opacity", { enumerable: true, get: function () { return index_1.opacity; } }); -Object.defineProperty(exports, "overflow", { enumerable: true, get: function () { return index_1.overflow; } }); -Object.defineProperty(exports, "position", { enumerable: true, get: function () { return index_1.position; } }); -Object.defineProperty(exports, "spacing", { enumerable: true, get: function () { return index_1.spacing; } }); -Object.defineProperty(exports, "text", { enumerable: true, get: function () { return index_1.text; } }); -Object.defineProperty(exports, "transform", { enumerable: true, get: function () { return index_1.transform; } }); -Object.defineProperty(exports, "propTypes", { enumerable: true, get: function () { return index_1.propTypes; } }); -Object.defineProperty(exports, "propNames", { enumerable: true, get: function () { return index_1.propNames; } }); -Object.defineProperty(exports, "propAliases", { enumerable: true, get: function () { return index_1.propAliases; } }); -Object.defineProperty(exports, "propEnhancers", { enumerable: true, get: function () { return index_1.propEnhancers; } }); -exports.hydrate = cache.hydrate; -function extractStyles() { - const output = { - cache: cache.entries(), - styles: styles.getAll() - }; - clearStyles(); - return output; -} -exports.extractStyles = extractStyles; -function clearStyles() { - cache.clear(); - styles.clear(); -} -exports.clearStyles = clearStyles; diff --git a/dist/src/keyframes.d.ts b/dist/src/keyframes.d.ts deleted file mode 100644 index 75560ee..0000000 --- a/dist/src/keyframes.d.ts +++ /dev/null @@ -1,3 +0,0 @@ -import { KeyframesTimeline } from './types/keyframes'; -declare const keyframes: (friendlyName: string, timeline: KeyframesTimeline) => string; -export default keyframes; diff --git a/dist/src/keyframes.js b/dist/src/keyframes.js deleted file mode 100644 index d03e339..0000000 --- a/dist/src/keyframes.js +++ /dev/null @@ -1,94 +0,0 @@ -"use strict"; -var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - var desc = Object.getOwnPropertyDescriptor(m, k); - if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { - desc = { enumerable: true, get: function() { return m[k]; } }; - } - Object.defineProperty(o, k2, desc); -}) : (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - o[k2] = m[k]; -})); -var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { - Object.defineProperty(o, "default", { enumerable: true, value: v }); -}) : function(o, v) { - o["default"] = v; -}); -var __importStar = (this && this.__importStar) || function (mod) { - if (mod && mod.__esModule) return mod; - var result = {}; - if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); - __setModuleDefault(result, mod); - return result; -}; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -const hash_1 = __importDefault(require("@emotion/hash")); -const flatten_object_1 = __importDefault(require("./utils/flatten-object")); -const enhancers_1 = require("./enhancers"); -const is_production_1 = __importDefault(require("./utils/is-production")); -const stylesheet = __importStar(require("./styles")); -const cache = __importStar(require("./cache")); -const keyframes = (friendlyName, timeline) => { - const hashedValue = (0, hash_1.default)((0, flatten_object_1.default)(timeline)); - const name = `${friendlyName}_${hashedValue}`; - const cachedStyles = cache.get(friendlyName, hashedValue, 'keyframe'); - if (cachedStyles != null) { - return name; - } - const keys = Object.keys(timeline); - const timelineStyles = keys.map(key => getStylesForTimelineKey(key, timeline[key] || {})); - const styles = getKeyframesStyles(name, timelineStyles); - cache.set(friendlyName, hashedValue, styles, 'keyframe'); - stylesheet.add(styles); - return name; -}; -const flatten = (values) => { - const flattenedValues = []; - return flattenedValues.concat(...values); -}; -const getStylesForTimelineKey = (timelineKey, cssProps) => { - const cssPropKeys = Object.keys(cssProps); - const rules = flatten(cssPropKeys.map(cssPropKey => getRulesForKey(cssPropKey, cssProps))); - const key = timelineKeyToString(timelineKey); - const rulesString = rules - .map(rule => { - const { property, value } = rule; - if ((0, is_production_1.default)()) { - return `${property}:${value};`; - } - return ` ${property}: ${value};`; - }) - .join((0, is_production_1.default)() ? '' : '\n'); - if ((0, is_production_1.default)()) { - return `${key} {${rulesString}}`; - } - return ` ${key} {\n${rulesString}\n }`; -}; -const getRulesForKey = (key, cssProps) => { - const value = cssProps[key]; - const enhancer = enhancers_1.propEnhancers[key]; - if (enhancer == null || value == null || value === false) { - return []; - } - const enhancedProp = enhancer(value, ''); - if (enhancedProp == null) { - return []; - } - return enhancedProp.rules; -}; -const getKeyframesStyles = (name, rules) => { - const separator = (0, is_production_1.default)() ? '' : '\n'; - const openBrace = `{${separator}`; - const closeBrace = `${separator}}`; - const concatenatedRules = rules.join(separator); - return `@keyframes ${name} ${openBrace}${concatenatedRules}${closeBrace}`; -}; -const timelineKeyToString = (timelineKey) => { - const isNumber = !isNaN(Number(timelineKey)); - return isNumber ? `${timelineKey}%` : timelineKey.toString(); -}; -exports.default = keyframes; diff --git a/dist/src/prefixer.d.ts b/dist/src/prefixer.d.ts deleted file mode 100644 index eb49c6e..0000000 --- a/dist/src/prefixer.d.ts +++ /dev/null @@ -1,5 +0,0 @@ -export interface Rule { - property: string; - value: string; -} -export default function prefixer(property: string, value: string): Rule[]; diff --git a/dist/src/prefixer.js b/dist/src/prefixer.js deleted file mode 100644 index ee7ce78..0000000 --- a/dist/src/prefixer.js +++ /dev/null @@ -1,31 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -const inline_style_prefixer_1 = require("inline-style-prefixer"); -const decamelize_1 = __importDefault(require("./utils/decamelize")); -const prefixRegex = /^(Webkit|ms|Moz|O)/; -function prefixer(property, value) { - const rules = (0, inline_style_prefixer_1.prefix)({ [property]: value }); - const rulesArray = []; - const propertyNames = Object.keys(rules); - for (let i = 0; i < propertyNames.length; i++) { - const propertyName = propertyNames[i]; - const prefixedProp = propertyName.match(prefixRegex) - ? `-${propertyName}` - : propertyName; - const prop = (0, decamelize_1.default)(prefixedProp); - const values = rules[propertyName]; - if (Array.isArray(values)) { - for (let j = 0; j < values.length; j++) { - rulesArray.push({ property: prop, value: values[j] }); - } - } - else { - rulesArray.push({ property: prop, value: values }); - } - } - return rulesArray; -} -exports.default = prefixer; diff --git a/dist/src/styles.d.ts b/dist/src/styles.d.ts deleted file mode 100644 index 33718e2..0000000 --- a/dist/src/styles.d.ts +++ /dev/null @@ -1,3 +0,0 @@ -export declare function add(styles: string): void; -export declare function getAll(): string; -export declare function clear(): void; diff --git a/dist/src/styles.js b/dist/src/styles.js deleted file mode 100644 index 65448f2..0000000 --- a/dist/src/styles.js +++ /dev/null @@ -1,24 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.clear = exports.getAll = exports.add = void 0; -const style_sheet_1 = __importDefault(require("./utils/style-sheet")); -const styleSheet = new style_sheet_1.default({}); -styleSheet.inject(); -function add(styles) { - styleSheet.insert(styles); -} -exports.add = add; -function getAll() { - return styleSheet - .rules() - .reduce((combinedRules, rule) => combinedRules + rule.cssText, ''); -} -exports.getAll = getAll; -function clear() { - styleSheet.flush(); - styleSheet.inject(); -} -exports.clear = clear; diff --git a/dist/src/types/box-types.d.ts b/dist/src/types/box-types.d.ts deleted file mode 100644 index 739b73e..0000000 --- a/dist/src/types/box-types.d.ts +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import { EnhancerProps } from './enhancers'; -export type Without = Pick>; -export type PropsOf> = JSX.LibraryManagedAttributes>; -export type BoxOwnProps = Without & { - is?: E; - allowUnsafeHref?: boolean; -}; -export type BoxProps = BoxOwnProps & Without, keyof BoxOwnProps>; -export type PolymorphicBoxProps = BoxOwnProps & Without, keyof (BoxOwnProps & P)> & P; -export type BoxComponent

= (props: PolymorphicBoxProps) => JSX.Element; diff --git a/dist/src/types/box-types.js b/dist/src/types/box-types.js deleted file mode 100644 index c8ad2e5..0000000 --- a/dist/src/types/box-types.js +++ /dev/null @@ -1,2 +0,0 @@ -"use strict"; -Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/dist/src/types/enhancers.d.ts b/dist/src/types/enhancers.d.ts deleted file mode 100644 index b21a430..0000000 --- a/dist/src/types/enhancers.d.ts +++ /dev/null @@ -1,37 +0,0 @@ -import PropTypes from 'prop-types'; -import * as CSS from 'csstype'; -import { Rule } from '../prefixer'; -export type CssProps = Pick & Pick & Pick; -export type BoxCssProps = { - [P in keyof CP]: CP[P] | number | false | null | undefined; -}; -export type BoxPropValue = string | number | false | null | undefined; -export type EnhancerProps = BoxCssProps & { - marginX?: BoxPropValue; - marginY?: BoxPropValue; - paddingX?: BoxPropValue; - paddingY?: BoxPropValue; - clearfix?: boolean; - selectors?: SelectorMap; -}; -export type SelectorMap = { - [selector: string]: BoxCssProps | SelectorMap; -}; -export type PropEnhancerValueType = string | number; -export interface PropTypesMapping { - [key: string]: PropTypes.Validator; -} -export interface PropAliases { - [key: string]: string[]; -} -export interface PropEnhancers { - [key: string]: (value: PropEnhancerValueType, selector: string) => EnhancedProp | null; -} -export interface PropValidators { - [key: string]: (value: any) => string | undefined; -} -export interface EnhancedProp { - className: string; - rules: Rule[]; - styles: string; -} diff --git a/dist/src/types/enhancers.js b/dist/src/types/enhancers.js deleted file mode 100644 index c8ad2e5..0000000 --- a/dist/src/types/enhancers.js +++ /dev/null @@ -1,2 +0,0 @@ -"use strict"; -Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/dist/src/types/keyframes.d.ts b/dist/src/types/keyframes.d.ts deleted file mode 100644 index 0a85317..0000000 --- a/dist/src/types/keyframes.d.ts +++ /dev/null @@ -1,5 +0,0 @@ -import { BoxCssProps, CssProps } from './enhancers'; -export type KeyframesPercentageKey = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100; -export type KeyframesPositionalKey = 'from' | 'to'; -export type KeyframesTimelineKey = KeyframesPositionalKey | KeyframesPercentageKey; -export type KeyframesTimeline = Partial>>; diff --git a/dist/src/types/keyframes.js b/dist/src/types/keyframes.js deleted file mode 100644 index c8ad2e5..0000000 --- a/dist/src/types/keyframes.js +++ /dev/null @@ -1,2 +0,0 @@ -"use strict"; -Object.defineProperty(exports, "__esModule", { value: true }); diff --git a/dist/src/utils/decamelize.d.ts b/dist/src/utils/decamelize.d.ts deleted file mode 100644 index c3b47d3..0000000 --- a/dist/src/utils/decamelize.d.ts +++ /dev/null @@ -1 +0,0 @@ -export default function decamelize(text: string): string; diff --git a/dist/src/utils/decamelize.js b/dist/src/utils/decamelize.js deleted file mode 100644 index fbd57b9..0000000 --- a/dist/src/utils/decamelize.js +++ /dev/null @@ -1,12 +0,0 @@ -"use strict"; -Object.defineProperty(exports, "__esModule", { value: true }); -const separator = '-'; -const regex1 = /([a-z\d])([A-Z])/g; -const regex2 = /([a-z]+)([A-Z][a-z\d]+)/g; -function decamelize(text) { - return text - .replace(regex1, `$1${separator}$2`) - .replace(regex2, `$1${separator}$2`) - .toLowerCase(); -} -exports.default = decamelize; diff --git a/dist/src/utils/flatten-object.d.ts b/dist/src/utils/flatten-object.d.ts deleted file mode 100644 index 580b3e1..0000000 --- a/dist/src/utils/flatten-object.d.ts +++ /dev/null @@ -1,2 +0,0 @@ -declare const flattenObject: (object: Record) => string; -export default flattenObject; diff --git a/dist/src/utils/flatten-object.js b/dist/src/utils/flatten-object.js deleted file mode 100644 index 7f67ec8..0000000 --- a/dist/src/utils/flatten-object.js +++ /dev/null @@ -1,19 +0,0 @@ -"use strict"; -Object.defineProperty(exports, "__esModule", { value: true }); -const flattenObject = (object) => { - const keys = Object.keys(object); - return keys - .map(key => { - const value = object[key]; - const type = typeof value; - if (Array.isArray(value)) { - return `${key}:array:[${value.map((value, index) => flattenObject({ [index]: value }))}]`; - } - if (value != null && type === 'object') { - return `${key}:${type}:${flattenObject(value)}`; - } - return `${key}:${type}:${value}`; - }) - .join(';'); -}; -exports.default = flattenObject; diff --git a/dist/src/utils/is-production.d.ts b/dist/src/utils/is-production.d.ts deleted file mode 100644 index 843df6f..0000000 --- a/dist/src/utils/is-production.d.ts +++ /dev/null @@ -1,2 +0,0 @@ -declare const isProduction: () => boolean; -export default isProduction; diff --git a/dist/src/utils/is-production.js b/dist/src/utils/is-production.js deleted file mode 100644 index d15068e..0000000 --- a/dist/src/utils/is-production.js +++ /dev/null @@ -1,4 +0,0 @@ -"use strict"; -Object.defineProperty(exports, "__esModule", { value: true }); -const isProduction = () => process.env.NODE_ENV === 'production'; -exports.default = isProduction; diff --git a/dist/src/utils/regex.d.ts b/dist/src/utils/regex.d.ts deleted file mode 100644 index acb8217..0000000 --- a/dist/src/utils/regex.d.ts +++ /dev/null @@ -1,2 +0,0 @@ -export declare const spacesOutsideParentheses: RegExp; -export declare const unsafeClassNameCharacters: RegExp; diff --git a/dist/src/utils/regex.js b/dist/src/utils/regex.js deleted file mode 100644 index 6227ca2..0000000 --- a/dist/src/utils/regex.js +++ /dev/null @@ -1,5 +0,0 @@ -"use strict"; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.unsafeClassNameCharacters = exports.spacesOutsideParentheses = void 0; -exports.spacesOutsideParentheses = / (?=([^()]*\([^()]*\))*[^()]*$)/g; -exports.unsafeClassNameCharacters = /[^_a-zA-Z0-9-]/g; diff --git a/dist/src/utils/safeHref.d.ts b/dist/src/utils/safeHref.d.ts deleted file mode 100644 index be58bba..0000000 --- a/dist/src/utils/safeHref.d.ts +++ /dev/null @@ -1,15 +0,0 @@ -export interface URLInfo { - url: string | undefined; - sameOrigin: boolean; -} -export interface SafeHrefConfigObj { - enabled?: boolean; - origin?: string; -} -export declare function configureSafeHref(configObject: SafeHrefConfigObj): void; -export declare function getUseSafeHref(): boolean; -export declare function getURLInfo(url: string): URLInfo; -export declare function extractAnchorProps(href: string, rel: string): { - safeHref: string | undefined; - safeRel: string; -}; diff --git a/dist/src/utils/safeHref.js b/dist/src/utils/safeHref.js deleted file mode 100644 index cf1d3bc..0000000 --- a/dist/src/utils/safeHref.js +++ /dev/null @@ -1,61 +0,0 @@ -"use strict"; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.extractAnchorProps = exports.getURLInfo = exports.getUseSafeHref = exports.configureSafeHref = void 0; -const PROTOCOL_REGEX = /^[a-z]+:/; -const ORIGIN_REGEX = /^(?:[a-z]+:?:)?(?:\/\/)?([^\/\?]+)/; -let useSafeHref = true; -let globalOrigin = typeof window !== 'undefined' ? window.location.origin : false; -function configureSafeHref(configObject) { - if (typeof configObject.enabled === 'boolean') { - useSafeHref = configObject.enabled; - } - if (configObject.origin) { - globalOrigin = configObject.origin; - } -} -exports.configureSafeHref = configureSafeHref; -function getUseSafeHref() { - return useSafeHref; -} -exports.getUseSafeHref = getUseSafeHref; -function getURLInfo(url) { - const safeProtocols = ['http:', 'https:', 'mailto:', 'tel:', 'data:']; - const protocolResult = url.match(PROTOCOL_REGEX); - const originResult = url.match(ORIGIN_REGEX); - const urlProtocol = protocolResult ? protocolResult[0] : 'relative'; - let sameOrigin = urlProtocol === 'relative'; - if (!sameOrigin && globalOrigin) { - sameOrigin = globalOrigin === (originResult && originResult[0]); - } - const isSafeProtocol = sameOrigin ? true : safeProtocols.includes(urlProtocol); - if (!isSafeProtocol) { - console.error('📦 `href` passed to anchor tag is unsafe. Because of this, the `href` on the element was not set. Please review the safe href documentation if you have questions.', 'https://www.github.com/segmentio/ui-box'); - return { - url: undefined, - sameOrigin - }; - } - return { - url, - sameOrigin - }; -} -exports.getURLInfo = getURLInfo; -function extractAnchorProps(href, rel) { - const urlInfo = getURLInfo(href); - const safeHref = urlInfo.url; - let safeRel = rel || ''; - if (urlInfo.url) { - if (!safeRel.includes('noopener')) { - safeRel += `${safeRel.length > 0 ? ' ' : ''}noopener`; - } - if (!safeRel.includes('noreferrer') && !urlInfo.sameOrigin) { - safeRel += `${safeRel.length > 0 ? ' ' : ''}noreferrer`; - } - } - return { - safeHref, - safeRel - }; -} -exports.extractAnchorProps = extractAnchorProps; diff --git a/dist/src/utils/split-box-props.d.ts b/dist/src/utils/split-box-props.d.ts deleted file mode 100644 index 364f41d..0000000 --- a/dist/src/utils/split-box-props.d.ts +++ /dev/null @@ -1,7 +0,0 @@ -import { EnhancerProps } from '../types/enhancers'; -interface SplitBoxProps

{ - matchedProps: Pick; - remainingProps: Pick>; -} -export default function splitBoxProps

(props: P): SplitBoxProps

; -export {}; diff --git a/dist/src/utils/split-box-props.js b/dist/src/utils/split-box-props.js deleted file mode 100644 index 0219d83..0000000 --- a/dist/src/utils/split-box-props.js +++ /dev/null @@ -1,11 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -const index_1 = require("../enhancers/index"); -const split_props_1 = __importDefault(require("./split-props")); -function splitBoxProps(props) { - return (0, split_props_1.default)(props, index_1.propNames); -} -exports.default = splitBoxProps; diff --git a/dist/src/utils/split-props.d.ts b/dist/src/utils/split-props.d.ts deleted file mode 100644 index 1a16045..0000000 --- a/dist/src/utils/split-props.d.ts +++ /dev/null @@ -1,10 +0,0 @@ -type Omit, K extends keyof T> = Pick>; -interface Dictionary { - [key: string]: T; -} -export interface SplitProps

, K extends keyof P> { - matchedProps: Pick; - remainingProps: Omit; -} -export default function splitProps

, K extends keyof P>(props: P, keys: K[]): SplitProps; -export {}; diff --git a/dist/src/utils/split-props.js b/dist/src/utils/split-props.js deleted file mode 100644 index df8dc65..0000000 --- a/dist/src/utils/split-props.js +++ /dev/null @@ -1,19 +0,0 @@ -"use strict"; -Object.defineProperty(exports, "__esModule", { value: true }); -function splitProps(props, keys) { - const matchedProps = {}; - const remainingProps = {}; - const propKeys = Object.keys(props); - for (let i = 0; i < propKeys.length; i++) { - const propKey = propKeys[i]; - const propValue = props[propKey]; - if (keys.includes(propKey)) { - matchedProps[propKey] = propValue; - } - else { - remainingProps[propKey] = propValue; - } - } - return { matchedProps, remainingProps }; -} -exports.default = splitProps; diff --git a/dist/src/utils/style-sheet.d.ts b/dist/src/utils/style-sheet.d.ts deleted file mode 100644 index f915449..0000000 --- a/dist/src/utils/style-sheet.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -interface Options { - speedy?: boolean; - maxLength?: number; -} -export default class CustomStyleSheet { - private isSpeedy; - private sheet?; - private tags; - private maxLength; - private ctr; - private injected; - constructor(options?: Options); - getSheet(): CSSStyleSheet | undefined; - inject(): void; - speedy(bool: boolean): void; - _insert(sheet: CSSStyleSheet, rule: string): void; - insert(rule: string): number; - flush(): void; - rules(): CSSRule[]; -} -export {}; diff --git a/dist/src/utils/style-sheet.js b/dist/src/utils/style-sheet.js deleted file mode 100644 index 53692c7..0000000 --- a/dist/src/utils/style-sheet.js +++ /dev/null @@ -1,114 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -const is_production_1 = __importDefault(require("./is-production")); -const isBrowser = typeof window !== 'undefined'; -function last(arr) { - return arr[arr.length - 1]; -} -function sheetForTag(tag) { - if (tag.sheet) { - return tag.sheet; - } - for (let i = 0; i < document.styleSheets.length; i += 1) { - if (document.styleSheets[i].ownerNode === tag) { - return document.styleSheets[i]; - } - } - return; -} -function makeStyleTag() { - const tag = document.createElement('style'); - tag.type = 'text/css'; - tag.setAttribute('data-ui-box', ''); - tag.append(document.createTextNode('')); - (document.head || document.querySelector('head')).append(tag); - return tag; -} -class CustomStyleSheet { - constructor(options = {}) { - this.tags = []; - this.ctr = 0; - this.injected = false; - this.isSpeedy = options.speedy === undefined ? (0, is_production_1.default)() : options.speedy; - this.maxLength = options.maxLength || 65000; - } - getSheet() { - return sheetForTag(last(this.tags)); - } - inject() { - if (this.injected) { - throw new Error('StyleSheet has already been injected.'); - } - if (isBrowser) { - this.tags[0] = makeStyleTag(); - } - else { - this.sheet = { - cssRules: [], - insertRule: (rule) => { - ; - this.sheet.cssRules.push({ cssText: rule }); - } - }; - } - this.injected = true; - } - speedy(bool) { - if (this.ctr !== 0) { - throw new Error(`StyleSheet cannot change speedy mode after inserting any rule to sheet. Either call speedy(${bool}) earlier in your app, or call flush() before speedy(${bool})`); - } - this.isSpeedy = Boolean(bool); - } - _insert(sheet, rule) { - sheet.insertRule(rule, sheet.cssRules.length); - } - insert(rule) { - if (isBrowser) { - const sheet = this.getSheet(); - if (this.isSpeedy && sheet != null) { - this._insert(sheet, rule); - } - else { - last(this.tags).append(document.createTextNode(rule)); - } - } - else if (this.sheet) { - this.sheet.insertRule(rule, this.sheet.cssRules.length); - } - this.ctr += 1; - if (isBrowser && this.ctr % this.maxLength === 0) { - this.tags.push(makeStyleTag()); - } - return this.ctr - 1; - } - flush() { - if (isBrowser) { - this.tags.forEach(tag => tag.parentNode.removeChild(tag)); - this.tags = []; - this.sheet = null; - this.ctr = 0; - } - else if (this.sheet) { - this.sheet.cssRules = []; - } - this.injected = false; - } - rules() { - if (!isBrowser) { - return (this.sheet ? this.sheet.cssRules : []); - } - const arr = []; - this.tags.forEach(tag => { - const sheet = sheetForTag(tag); - if (sheet) { - const rules = Array.from(sheet.cssRules); - arr.splice(arr.length, 0, ...[...rules]); - } - }); - return arr; - } -} -exports.default = CustomStyleSheet; diff --git a/dist/src/value-to-string.d.ts b/dist/src/value-to-string.d.ts deleted file mode 100644 index bf2bd76..0000000 --- a/dist/src/value-to-string.d.ts +++ /dev/null @@ -1 +0,0 @@ -export default function valueToString(value: string | number, unit?: string): string; diff --git a/dist/src/value-to-string.js b/dist/src/value-to-string.js deleted file mode 100644 index 2178766..0000000 --- a/dist/src/value-to-string.js +++ /dev/null @@ -1,6 +0,0 @@ -"use strict"; -Object.defineProperty(exports, "__esModule", { value: true }); -function valueToString(value, unit = 'px') { - return typeof value === 'number' ? `${value}${unit}` : value; -} -exports.default = valueToString; diff --git a/dist/tools/all-properties-component.d.ts b/dist/tools/all-properties-component.d.ts deleted file mode 100644 index bcc157c..0000000 --- a/dist/tools/all-properties-component.d.ts +++ /dev/null @@ -1,3 +0,0 @@ -import React from 'react'; -declare const _default: () => React.JSX.Element; -export default _default; diff --git a/dist/tools/all-properties-component.js b/dist/tools/all-properties-component.js deleted file mode 100644 index d52dc56..0000000 --- a/dist/tools/all-properties-component.js +++ /dev/null @@ -1,46 +0,0 @@ -"use strict"; -var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - var desc = Object.getOwnPropertyDescriptor(m, k); - if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { - desc = { enumerable: true, get: function() { return m[k]; } }; - } - Object.defineProperty(o, k2, desc); -}) : (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - o[k2] = m[k]; -})); -var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { - Object.defineProperty(o, "default", { enumerable: true, value: v }); -}) : function(o, v) { - o["default"] = v; -}); -var __importStar = (this && this.__importStar) || function (mod) { - if (mod && mod.__esModule) return mod; - var result = {}; - if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); - __setModuleDefault(result, mod); - return result; -}; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -const react_1 = __importDefault(require("react")); -const src_1 = __importStar(require("../src")); -const openAnimation = (0, src_1.keyframes)('openAnimation', { - from: { - opacity: 0, - transform: 'translateY(-120%)' - }, - to: { - transform: 'translateY(0)' - } -}); -exports.default = () => { - return (react_1.default.createElement(src_1.default, { contentEditable: true, animationName: openAnimation, animationDuration: "2.5s", animationIterationCount: "infinite", animationTimingFunction: "cubic-bezier(0.175, 0.885, 0.320, 1.175)", animationDirection: "both", animationPlayState: "running", animationDelay: "0s", alignContent: "center", alignItems: "center", alignSelf: "center", background: "red", backgroundBlendMode: "multiply", backgroundClip: "padding-box", backgroundColor: "red", backgroundImage: "url(https://s-media-cache-ak0.pinimg.com/736x/07/c3/45/07c345d0eca11d0bc97c894751ba1b46.jpg)", backgroundOrigin: "border-box", backgroundPosition: "center", backgroundRepeat: "no-repeat", backgroundSize: "cover", border: "1px solid black", borderBottom: "1px solid black", borderBottomColor: "red", borderBottomLeftRadius: 5, borderBottomRightRadius: 5, borderBottomStyle: "dashed", borderBottomWidth: "2px", borderColor: "red", borderLeft: "1px solid black", borderLeftColor: "red", borderLeftStyle: "dashed", borderLeftWidth: "2px", borderRadius: 5, borderRight: "1px solid black", borderRightColor: "red", borderRightStyle: "dashed", borderRightWidth: "2px", borderStyle: "dashed", borderTop: "1px solid black", borderTopColor: "red", borderTopLeftRadius: 5, borderTopRightRadius: 5, borderTopStyle: "dashed", borderTopWidth: "2px", borderWidth: "2px", bottom: 10, boxShadow: "0 10px 40px black", boxSizing: "border-box", clear: "both", clearfix: true, color: "blue", columnGap: 3, content: `""`, cursor: "pointer", display: "flex", fill: "black", flex: 1, flexBasis: "10px", flexDirection: "column", flexFlow: "column wrap", flexGrow: 1, flexShrink: 1, flexWrap: "wrap", float: "left", font: "16px sans-serif", fontFamily: "Arial", fontSize: "14px", fontStyle: "italic", fontVariant: "small-caps", fontWeight: "bold", gap: 3, grid: "200px / auto-flow", gridArea: "2 / 1 / 2 / 4", gridAutoColumns: "minmax(10px, auto)", gridAutoFlow: "row dense", gridAutoRows: "minmax(10px, auto)", gridColumn: "1 / 3", gridColumnEnd: "span 3", gridColumnGap: 3, gridColumnStart: "span 3", gridGap: 3, gridRow: "1 / 3", gridRowEnd: "span 3", gridRowGap: 3, gridRowStart: "span 3", gridTemplate: "100px 1fr / 50px 1fr", gridTemplateAreas: '"a b"', gridTemplateColumns: "100px 1fr", gridTemplateRows: "100px 1fr", height: 100, justifyContent: "center", justifyItems: "center", justifySelf: "center", left: 10, letterSpacing: "0.4em", lineHeight: 1.2, listStyle: "disc outside", listStyleImage: "none", listStylePosition: "inside", listStyleType: "lower-greek", margin: 10, marginBottom: 10, marginLeft: 10, marginRight: 10, marginTop: 10, marginX: 10, marginY: 10, maxHeight: "100%", maxWidth: "100%", minHeight: 100, minWidth: 100, opacity: 1, order: 1, outline: "none", overflow: "auto", overflowX: "auto", overflowY: "auto", padding: 10, paddingBottom: 10, paddingLeft: 10, paddingRight: 10, paddingTop: 10, paddingX: 10, paddingY: 10, placeContent: "center center", placeItems: "center center", placeSelf: "center center", pointerEvents: "auto", position: "relative", resize: "none", right: 10, rowGap: 3, selectors: { - '&:hover': { - backgroundColor: 'blue' - } - }, stroke: "black", strokeDasharray: 10, strokeDashoffset: 10, strokeLinecap: "round", strokeMiterlimit: 10, strokeWidth: 10, textAlign: "right", textDecoration: "underline dotted", textOverflow: "ellipsis", textShadow: "#FC0 1px 0 10px", textTransform: "capitalize", top: 10, transform: "skew(10deg)", transformOrigin: "50% 50%", transition: "background 1s ease-in 2s", transitionDelay: "2s", transitionDuration: "1s", transitionProperty: "background", transitionTimingFunction: "ease-in", userSelect: "none", visibility: "visible", whiteSpace: "nowrap", width: "calc(25% - 10px)", wordBreak: "normal", wordWrap: "break-word", zIndex: 1 })); -}; diff --git a/dist/tools/benchmarks/box.d.ts b/dist/tools/benchmarks/box.d.ts deleted file mode 100644 index 33af79d..0000000 --- a/dist/tools/benchmarks/box.d.ts +++ /dev/null @@ -1,2 +0,0 @@ -/// -export default function benchmark(): import("react").JSX.Element; diff --git a/dist/tools/benchmarks/box.js b/dist/tools/benchmarks/box.js deleted file mode 100644 index 36a15d6..0000000 --- a/dist/tools/benchmarks/box.js +++ /dev/null @@ -1,10 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -const all_properties_component_1 = __importDefault(require("../all-properties-component")); -function benchmark() { - return (0, all_properties_component_1.default)(); -} -exports.default = benchmark; diff --git a/dist/tools/box.stories.d.ts b/dist/tools/box.stories.d.ts deleted file mode 100644 index cb0ff5c..0000000 --- a/dist/tools/box.stories.d.ts +++ /dev/null @@ -1 +0,0 @@ -export {}; diff --git a/dist/tools/box.stories.js b/dist/tools/box.stories.js deleted file mode 100644 index 91be825..0000000 --- a/dist/tools/box.stories.js +++ /dev/null @@ -1,160 +0,0 @@ -"use strict"; -var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - var desc = Object.getOwnPropertyDescriptor(m, k); - if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { - desc = { enumerable: true, get: function() { return m[k]; } }; - } - Object.defineProperty(o, k2, desc); -}) : (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - o[k2] = m[k]; -})); -var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { - Object.defineProperty(o, "default", { enumerable: true, value: v }); -}) : function(o, v) { - o["default"] = v; -}); -var __importStar = (this && this.__importStar) || function (mod) { - if (mod && mod.__esModule) return mod; - var result = {}; - if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); - __setModuleDefault(result, mod); - return result; -}; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -const react_1 = __importDefault(require("react")); -const src_1 = __importStar(require("../src")); -const react_2 = require("@storybook/react"); -const all_properties_component_1 = __importDefault(require("./all-properties-component")); -const selector_uniquness_story_1 = __importDefault(require("./fixtures/selector-uniquness-story")); -const keyframes_story_1 = __importDefault(require("./fixtures/keyframes-story")); -const selectors_story_1 = __importDefault(require("./fixtures/selectors-story")); -const RedBox = redBoxProps => (react_1.default.createElement(src_1.default, Object.assign({ background: "red", width: "100px", height: "100px", margin: "20px" }, redBoxProps))); -const logRef = (ref) => console.log(ref); -const reactRef = react_1.default.createRef(); -const CustomComp = props => { - return (react_1.default.createElement("div", null, - react_1.default.createElement(src_1.default, { is: "h1" }, "custom component"), - props.children)); -}; -(0, react_2.storiesOf)('Box', module) - .add(`is=''`, () => { - return (react_1.default.createElement(src_1.default, null, - react_1.default.createElement(src_1.default, { is: "h1" }, "h1"), - react_1.default.createElement(src_1.default, { is: "h2" }, "h2"), - react_1.default.createElement(src_1.default, { is: "h3" }, "h3"), - react_1.default.createElement(src_1.default, { is: "p" }, "p"), - react_1.default.createElement(src_1.default, { is: "strong" }, "strong"), - react_1.default.createElement(src_1.default, { is: "input" }))); -}) - .add('safe `href`', () => { - (0, src_1.configureSafeHref)({ - enabled: true - }); - return (react_1.default.createElement(src_1.default, { paddingTop: 30, borderTop: "1px solid", marginTop: 30 }, - react_1.default.createElement(src_1.default, { is: "h2" }, "Links"), - react_1.default.createElement(src_1.default, { is: "a", href: "/something/afile" }, "Internal Link"), - react_1.default.createElement(src_1.default, { is: "a", href: "http://localhost:9009/test" }, "Same Origin Link"), - react_1.default.createElement(src_1.default, { is: "a", href: "https://apple.com" }, "External Link"), - react_1.default.createElement(src_1.default, { is: "a", href: "javascript:alert('hi')" }, "Javascript protocol Link"), - react_1.default.createElement(src_1.default, { is: "a", href: "javascript:alert('hi')", allowUnsafeHref: true }, "Overwride Safe Href"))); -}) - .add('unsafe `href`', () => { - (0, src_1.configureSafeHref)({ - enabled: false - }); - return (react_1.default.createElement(src_1.default, { paddingTop: 30, borderTop: "1px solid", marginTop: 30 }, - react_1.default.createElement(src_1.default, { is: "h2" }, "Links"), - react_1.default.createElement(src_1.default, { is: "a", href: "/something/afile" }, "Internal Link"), - react_1.default.createElement(src_1.default, { is: "a", href: "http://localhost:9009/test" }, "Same Origin Link"), - react_1.default.createElement(src_1.default, { is: "a", href: "https://apple.com" }, "External Link"), - react_1.default.createElement(src_1.default, { is: "a", href: "javascript:alert('hi')" }, "Javascript protocol Link"), - react_1.default.createElement(src_1.default, { is: "a", href: "javascript:alert('hi')", allowUnsafeHref: false }, "Overwride Safe Href"))); -}) - .add(`custom comp`, () => (react_1.default.createElement(src_1.default, null, - react_1.default.createElement(src_1.default, { is: CustomComp }, - react_1.default.createElement(src_1.default, null, "chiiillld"))))) - .add('background', () => (react_1.default.createElement(src_1.default, null, - react_1.default.createElement(src_1.default, { background: "red", width: "100px", height: "100px" }), - react_1.default.createElement(src_1.default, { backgroundColor: "blue", width: "100px", height: "100px" }), - react_1.default.createElement(src_1.default, { backgroundImage: "url(https://s-media-cache-ak0.pinimg.com/736x/07/c3/45/07c345d0eca11d0bc97c894751ba1b46.jpg)", backgroundSize: "cover", backgroundPosition: "center", width: "100px", height: "100px" })))) - .add('borderRadius', () => (react_1.default.createElement(src_1.default, null, - react_1.default.createElement(RedBox, { borderRadius: "5px" }), - react_1.default.createElement(RedBox, { borderRadius: "10px", borderTopRightRadius: "50px" }), - react_1.default.createElement(RedBox, { borderRadius: "10px", borderTopLeftRadius: "50px" }), - react_1.default.createElement(RedBox, { borderRadius: "10px", borderBottomLeftRadius: "50px" }), - react_1.default.createElement(RedBox, { borderRadius: "10px", borderBottomRightRadius: "50px" })))) - .add('borders', () => (react_1.default.createElement(src_1.default, null, - react_1.default.createElement(RedBox, { border: "10px solid grey" }), - react_1.default.createElement(RedBox, { border: "10px solid", borderColor: "blue" }), - react_1.default.createElement(RedBox, { border: "10px solid grey", borderColor: "black" }), - react_1.default.createElement(RedBox, { borderTop: "10px solid grey" }), - react_1.default.createElement(RedBox, { borderTop: "10px solid grey", borderTopColor: "black" }), - react_1.default.createElement(RedBox, { borderTop: "5px solid", borderTopStyle: "dashed" }), - react_1.default.createElement(RedBox, { borderBottom: "10px solid grey" }), - react_1.default.createElement(RedBox, { borderLeft: "10px solid grey" })))) - .add('boxShadow', () => (react_1.default.createElement(src_1.default, null, - react_1.default.createElement(RedBox, { boxShadow: "0 10px 40px black" })))) - .add('dimensions', () => (react_1.default.createElement(src_1.default, null, - react_1.default.createElement(RedBox, null), - react_1.default.createElement(RedBox, { minWidth: "400px" }), - react_1.default.createElement(RedBox, { minHeight: "400px" }), - react_1.default.createElement(RedBox, { minWidth: 400 }), - react_1.default.createElement(RedBox, { minHeight: 400 })))) - .add('display', () => (react_1.default.createElement(src_1.default, null, - react_1.default.createElement(RedBox, { display: "inline-block" }), - react_1.default.createElement(RedBox, { display: "inline" }, "inline")))) - .add('flex', () => (react_1.default.createElement(src_1.default, null, - react_1.default.createElement(src_1.default, { display: "flex", alignItems: "center", justifyContent: "space-between" }, - react_1.default.createElement(RedBox, null), - react_1.default.createElement(RedBox, null), - react_1.default.createElement(RedBox, null))))) - .add('overflow', () => (react_1.default.createElement(src_1.default, null, - react_1.default.createElement(src_1.default, { width: "40px", height: "40px", overflow: "hidden" }, - react_1.default.createElement(RedBox, null))))) - .add('position', () => (react_1.default.createElement(src_1.default, null, - react_1.default.createElement(RedBox, { position: "absolute", left: "10px", bottom: "10px" })))) - .add('spacing', () => (react_1.default.createElement(src_1.default, null, - react_1.default.createElement(src_1.default, { backgroundColor: "red", width: "100px", height: "100px", marginTop: "100px" })))) - .add('text', () => (react_1.default.createElement(src_1.default, null, - react_1.default.createElement(src_1.default, { textAlign: "center" }, "Center"), - react_1.default.createElement(src_1.default, { textAlign: "right" }, "Right"), - react_1.default.createElement(src_1.default, { verticalAlign: "middle" }, "Middle"), - react_1.default.createElement(src_1.default, { color: "red" }, "Right"), - react_1.default.createElement(src_1.default, { fontFamily: "sans-serif" }, "sans-serif"), - react_1.default.createElement(src_1.default, { fontWeight: "bold" }, "bold"), - react_1.default.createElement(src_1.default, { fontWeight: "bold" }, "bold"), - react_1.default.createElement(src_1.default, { fontSize: "72px" }, "72px")))) - .add('list', () => (react_1.default.createElement(src_1.default, { is: "ol", listStyleType: "lower-greek" }, - react_1.default.createElement(src_1.default, { is: "li" }, "I\u055Am"), - react_1.default.createElement(src_1.default, { is: "li" }, "a"), - react_1.default.createElement(src_1.default, { is: "li" }, "list")))) - .add('utils', () => (react_1.default.createElement(src_1.default, null, - react_1.default.createElement(src_1.default, { cursor: "pointer" }, "Center"), - react_1.default.createElement(src_1.default, { boxSizing: "border-box" }, "boxSizing: border-box")))) - .add('ref', () => (react_1.default.createElement(src_1.default, null, - react_1.default.createElement(src_1.default, { ref: logRef }, "ref")))) - .add('ref as React ref', () => (react_1.default.createElement(src_1.default, null, - react_1.default.createElement(src_1.default, { ref: reactRef }, "React ref")))) - .add('props pass through', () => { - const CustomComponent = props => react_1.default.createElement("code", null, JSON.stringify(props, undefined, 4)); - return (react_1.default.createElement(src_1.default, { display: "flex", flexDirection: "column" }, - react_1.default.createElement(src_1.default, { is: "input", type: "file" }), - react_1.default.createElement(src_1.default, { is: CustomComponent, foo: "bar", baz: 123, fizz: { buzz: true } }))); -}) - .add('all properties', () => (react_1.default.createElement(src_1.default, null, - (0, all_properties_component_1.default)(), - (0, all_properties_component_1.default)()))) - .add('overrides', () => (react_1.default.createElement(src_1.default, null, - react_1.default.createElement(RedBox, { marginLeft: "5px" })))) - .add('selectors', () => react_1.default.createElement(selectors_story_1.default, null)) - .add('selector uniqueness', () => react_1.default.createElement(selector_uniquness_story_1.default, null)) - .add('style prop', () => { - const style = { backgroundColor: 'red', width: 200 }; - return react_1.default.createElement(src_1.default, { style: style }, JSON.stringify(style, undefined, 4)); -}) - .add('keyframes', () => react_1.default.createElement(keyframes_story_1.default, null)); diff --git a/dist/tools/fixtures/keyframes-story.d.ts b/dist/tools/fixtures/keyframes-story.d.ts deleted file mode 100644 index 140da75..0000000 --- a/dist/tools/fixtures/keyframes-story.d.ts +++ /dev/null @@ -1,3 +0,0 @@ -import React from 'react'; -declare const KeyframesStory: React.FC; -export default KeyframesStory; diff --git a/dist/tools/fixtures/keyframes-story.js b/dist/tools/fixtures/keyframes-story.js deleted file mode 100644 index ac057cc..0000000 --- a/dist/tools/fixtures/keyframes-story.js +++ /dev/null @@ -1,61 +0,0 @@ -"use strict"; -var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - var desc = Object.getOwnPropertyDescriptor(m, k); - if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { - desc = { enumerable: true, get: function() { return m[k]; } }; - } - Object.defineProperty(o, k2, desc); -}) : (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - o[k2] = m[k]; -})); -var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { - Object.defineProperty(o, "default", { enumerable: true, value: v }); -}) : function(o, v) { - o["default"] = v; -}); -var __importStar = (this && this.__importStar) || function (mod) { - if (mod && mod.__esModule) return mod; - var result = {}; - if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); - __setModuleDefault(result, mod); - return result; -}; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -const react_1 = __importDefault(require("react")); -const src_1 = __importStar(require("../../src")); -const KeyframesStory = () => { - const translateTo0 = { - transform: 'translate3d(0,0,0)' - }; - const translateNeg30 = { - transform: 'translate3d(0, -30px, 0)' - }; - const translateNeg15 = { - transform: 'translate3d(0, -15px, 0)' - }; - const translateNeg4 = { - transform: 'translate3d(0,-4px,0)' - }; - const bounce = (0, src_1.keyframes)('bounce', { - from: translateTo0, - 20: translateTo0, - 40: translateNeg30, - 43: translateNeg30, - 53: translateTo0, - 70: translateNeg15, - 80: translateTo0, - 90: translateNeg4, - to: translateTo0 - }); - return (react_1.default.createElement(src_1.default, null, - "Single prop", - react_1.default.createElement(src_1.default, { animation: `${bounce} 1s ease 0s infinite normal none running` }, "some bouncing text!"), - "Separate props", - react_1.default.createElement(src_1.default, { animationName: bounce, animationDuration: "1s", animationTimingFunction: "ease", animationDelay: "0s", animationIterationCount: "infinite", animationDirection: "normal", animationFillMode: "none", animationPlayState: "running" }, "some bouncing text!"))); -}; -exports.default = KeyframesStory; diff --git a/dist/tools/fixtures/selector-uniquness-story.d.ts b/dist/tools/fixtures/selector-uniquness-story.d.ts deleted file mode 100644 index e60c1f7..0000000 --- a/dist/tools/fixtures/selector-uniquness-story.d.ts +++ /dev/null @@ -1,3 +0,0 @@ -import React from 'react'; -declare const SelectorUniqueness: React.FC; -export default SelectorUniqueness; diff --git a/dist/tools/fixtures/selector-uniquness-story.js b/dist/tools/fixtures/selector-uniquness-story.js deleted file mode 100644 index ea0d27e..0000000 --- a/dist/tools/fixtures/selector-uniquness-story.js +++ /dev/null @@ -1,46 +0,0 @@ -"use strict"; -var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - var desc = Object.getOwnPropertyDescriptor(m, k); - if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { - desc = { enumerable: true, get: function() { return m[k]; } }; - } - Object.defineProperty(o, k2, desc); -}) : (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - o[k2] = m[k]; -})); -var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { - Object.defineProperty(o, "default", { enumerable: true, value: v }); -}) : function(o, v) { - o["default"] = v; -}); -var __importStar = (this && this.__importStar) || function (mod) { - if (mod && mod.__esModule) return mod; - var result = {}; - if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); - __setModuleDefault(result, mod); - return result; -}; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -const react_1 = __importStar(require("react")); -const src_1 = __importDefault(require("../../src")); -const SelectorUniqueness = () => { - const [isInputDisabled, setIsInputDisabled] = (0, react_1.useState)(false); - return (react_1.default.createElement(src_1.default, { display: "flex", flexDirection: "column", width: 200 }, - "Border style on hover", - react_1.default.createElement(src_1.default, { is: "input", selectors: { - '&:hover': { borderColor: 'red' } - } }), - "Border style only when disabled", - react_1.default.createElement(src_1.default, null, - "Disable input", - react_1.default.createElement(src_1.default, { is: "input", type: "checkbox", onChange: () => setIsInputDisabled((disabled) => !disabled), checked: isInputDisabled })), - react_1.default.createElement(src_1.default, { is: "input", disabled: isInputDisabled, selectors: { - '&:disabled': { borderColor: 'red' } - } }))); -}; -exports.default = SelectorUniqueness; diff --git a/dist/tools/fixtures/selectors-story.d.ts b/dist/tools/fixtures/selectors-story.d.ts deleted file mode 100644 index f94fae9..0000000 --- a/dist/tools/fixtures/selectors-story.d.ts +++ /dev/null @@ -1,3 +0,0 @@ -import React from 'react'; -declare const SelectorsStory: React.FC; -export default SelectorsStory; diff --git a/dist/tools/fixtures/selectors-story.js b/dist/tools/fixtures/selectors-story.js deleted file mode 100644 index 031e5c7..0000000 --- a/dist/tools/fixtures/selectors-story.js +++ /dev/null @@ -1,43 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -const react_1 = __importDefault(require("react")); -const src_1 = __importDefault(require("../../src")); -const SelectorsStory = () => { - return (react_1.default.createElement(src_1.default, null, - react_1.default.createElement(src_1.default, null, - "Border style on hover", - react_1.default.createElement(src_1.default, { is: "input", selectors: { - '&:hover': { borderColor: 'red' } - } })), - react_1.default.createElement(src_1.default, null, - "No border style on hover - :not(:disabled) selector", - react_1.default.createElement(src_1.default, { is: "input", disabled: true, selectors: { - '&:hover:not(:disabled)': { borderColor: 'blue' } - } })), - react_1.default.createElement(src_1.default, { selectors: { '& .child:hover': { backgroundColor: 'red' } } }, - "Red background on child hover", - react_1.default.createElement(src_1.default, { className: "child", backgroundColor: "blue", width: 200, height: 100 }), - react_1.default.createElement(src_1.default, { className: "child", backgroundColor: "yellow", width: 200, height: 100 }), - react_1.default.createElement(src_1.default, { className: "child", backgroundColor: "green", width: 200, height: 100 })), - react_1.default.createElement(src_1.default, { selectors: { '& .foo:hover, .bar:hover': { backgroundColor: 'green' } } }, - "Green background on child hover (comma-separated class name selectors)", - react_1.default.createElement(src_1.default, { className: "foo", backgroundColor: "blue", width: 200, height: 100 }), - react_1.default.createElement(src_1.default, { className: "bar", backgroundColor: "yellow", width: 200, height: 100 })), - "Pink background on :focus or :hover", - react_1.default.createElement(src_1.default, { selectors: { '&:focus,:hover': { backgroundColor: 'pink' } }, width: 200, height: 100 }), - "Nested selector - blue background when ", - react_1.default.createElement(src_1.default, { is: "code" }, "data-active=true"), - ", red background on hover", - react_1.default.createElement(src_1.default, { "data-active": true, height: 100, width: 200, selectors: { - '[data-active=true]': { - backgroundColor: 'blue', - '&:hover': { - backgroundColor: 'red' - } - } - } }))); -}; -exports.default = SelectorsStory; diff --git a/package.json b/package.json index 40db453..541d56d 100644 --- a/package.json +++ b/package.json @@ -51,8 +51,8 @@ "@types/enzyme": "^3.9.1", "@types/inline-style-prefixer": "^5.0.0", "@types/prop-types": "^15.7.1", - "@types/react": "^18.2.0", - "@types/react-dom": "^18.2.0", + "@types/react": "^16.8.16", + "@types/react-dom": "^16.8.4", "@types/react-test-renderer": "^16.8.1", "@types/sinon": "^7.0.11", "@types/storybook__react": "^4.0.1", @@ -153,7 +153,7 @@ } }, "lint-staged": { - "!(dist)/**/*.{js,ts,tsx}": [ + "*.{js,ts,tsx}": [ "xo --fix", "git add" ] diff --git a/tsconfig.json b/tsconfig.json index c01dd9d..07a9be3 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -3,11 +3,20 @@ "outDir": "dist", "target": "es6", "module": "commonjs", - "lib": ["es2015", "es2016", "es2017", "es2018", "dom"], + "lib": [ + "es2015", + "es2016", + "es2017", + "es2018", + "dom" + ], "declaration": true, "sourceMap": false, "removeComments": true, - "rootDirs": ["./src", "./tools"], + "rootDirs": [ + "./src", + "./tools" + ], "jsx": "react", "moduleResolution": "node", "strict": true, @@ -15,12 +24,10 @@ "noUnusedLocals": true, "noUnusedParameters": true, "noFallthroughCasesInSwitch": true, - "esModuleInterop": true, - "skipLibCheck": true, - "types": ["node", "react"], - "allowJs": true, - "resolveJsonModule": true + "esModuleInterop": true }, - "include": ["src", "tools"], - "exclude": ["node_modules", "dist"] + "include": [ + "src", + "tools" + ] } diff --git a/yarn.lock b/yarn.lock index c83a78d..775cdc7 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2596,10 +2596,12 @@ resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.18.tgz#877292caa91f7c1b213032b34626505b746624c2" integrity sha512-kK7dgTYDyGqS+e2Q4aK9X3D7q234CIZ1Bv0q/7Z5IwRDoADNU81xXJK/YVyLbLTZCoIwUoDoffFeF+p/eIklAA== -"@types/react-dom@^18.2.0": - version "18.3.5" - resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.3.5.tgz#45f9f87398c5dcea085b715c58ddcf1faf65f716" - integrity sha512-P4t6saawp+b/dFrUr2cvkVsfvPguwsxtH6dNIYRllMsefqFzkZk5UIjzyDOv5g1dXIPdG4Sp1yCR4Z6RCUsG/Q== +"@types/react-dom@^16.8.4": + version "16.8.4" + resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-16.8.4.tgz#7fb7ba368857c7aa0f4e4511c4710ca2c5a12a88" + integrity sha512-eIRpEW73DCzPIMaNBDP5pPIpK1KXyZwNgfxiVagb5iGiz6da+9A5hslSX6GAQKdO7SayVCS/Fr2kjqprgAvkfA== + dependencies: + "@types/react" "*" "@types/react-test-renderer@^16.8.1": version "16.8.1" @@ -2608,7 +2610,7 @@ dependencies: "@types/react" "*" -"@types/react@*": +"@types/react@*", "@types/react@^16.8.16": version "16.8.17" resolved "https://registry.yarnpkg.com/@types/react/-/react-16.8.17.tgz#f287b76a5badb93bc9aa3f54521a3eb53d6c2374" integrity sha512-pln3mgc6VfkNg92WXODul/ONo140huK9OMsx62GlBlZ2lvjNK86PQJhYMPLO1i66aF5O9OPyZefogvNltBIszA== @@ -2616,14 +2618,6 @@ "@types/prop-types" "*" csstype "^2.2.0" -"@types/react@^18.2.0": - version "18.3.18" - resolved "https://registry.yarnpkg.com/@types/react/-/react-18.3.18.tgz#9b382c4cd32e13e463f97df07c2ee3bbcd26904b" - integrity sha512-t4yC+vtgnkYjNSKlFx1jkAhH8LgTo2N/7Qvi83kdEaUtMDiwpbLAktKDaAMlRcJ5eSxZkH74eEGt1ky31d7kfQ== - dependencies: - "@types/prop-types" "*" - csstype "^3.0.2" - "@types/sinon@^7.0.11": version "7.0.11" resolved "https://registry.yarnpkg.com/@types/sinon/-/sinon-7.0.11.tgz#6f28f005a36e779b7db0f1359b9fb9eef72aae88" @@ -5455,11 +5449,6 @@ csstype@^2.2.0, csstype@^2.6.4: resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.4.tgz#d585a6062096e324e7187f80e04f92bd0f00e37f" integrity sha512-lAJUJP3M6HxFXbqtGRc0iZrdyeN+WzOWeY0q/VnFzI+kqVrYIzC7bWlKqCW7oCIdzoPkvfp82EVvrTlQ8zsWQg== -csstype@^3.0.2: - version "3.1.3" - resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.3.tgz#d80ff294d114fb0e6ac500fbf85b60137d7eff81" - integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw== - currently-unhandled@^0.4.1: version "0.4.1" resolved "https://registry.yarnpkg.com/currently-unhandled/-/currently-unhandled-0.4.1.tgz#988df33feab191ef799a61369dd76c17adf957ea" From 849783369e9996613ddf26effc053660750620f5 Mon Sep 17 00:00:00 2001 From: dengribar Date: Tue, 25 Feb 2025 20:22:49 +0300 Subject: [PATCH 03/11] Update "@types/react" and "@types/react-dom" to v18.2.0 --- package.json | 4 ++-- yarn.lock | 29 ++++++++++++++++++++++++----- 2 files changed, 26 insertions(+), 7 deletions(-) diff --git a/package.json b/package.json index 541d56d..1748e13 100644 --- a/package.json +++ b/package.json @@ -51,8 +51,8 @@ "@types/enzyme": "^3.9.1", "@types/inline-style-prefixer": "^5.0.0", "@types/prop-types": "^15.7.1", - "@types/react": "^16.8.16", - "@types/react-dom": "^16.8.4", + "@types/react": "18.2.0", + "@types/react-dom": "18.2.0", "@types/react-test-renderer": "^16.8.1", "@types/sinon": "^7.0.11", "@types/storybook__react": "^4.0.1", diff --git a/yarn.lock b/yarn.lock index 775cdc7..cb51cf1 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2596,10 +2596,10 @@ resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.18.tgz#877292caa91f7c1b213032b34626505b746624c2" integrity sha512-kK7dgTYDyGqS+e2Q4aK9X3D7q234CIZ1Bv0q/7Z5IwRDoADNU81xXJK/YVyLbLTZCoIwUoDoffFeF+p/eIklAA== -"@types/react-dom@^16.8.4": - version "16.8.4" - resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-16.8.4.tgz#7fb7ba368857c7aa0f4e4511c4710ca2c5a12a88" - integrity sha512-eIRpEW73DCzPIMaNBDP5pPIpK1KXyZwNgfxiVagb5iGiz6da+9A5hslSX6GAQKdO7SayVCS/Fr2kjqprgAvkfA== +"@types/react-dom@18.2.0": + version "18.2.0" + resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.2.0.tgz#374f28074bb117f56f58c4f3f71753bebb545156" + integrity sha512-8yQrvS6sMpSwIovhPOwfyNf2Wz6v/B62LFSVYQ85+Rq3tLsBIG7rP5geMxaijTUxSkrO6RzN/IRuIAADYQsleA== dependencies: "@types/react" "*" @@ -2610,7 +2610,7 @@ dependencies: "@types/react" "*" -"@types/react@*", "@types/react@^16.8.16": +"@types/react@*": version "16.8.17" resolved "https://registry.yarnpkg.com/@types/react/-/react-16.8.17.tgz#f287b76a5badb93bc9aa3f54521a3eb53d6c2374" integrity sha512-pln3mgc6VfkNg92WXODul/ONo140huK9OMsx62GlBlZ2lvjNK86PQJhYMPLO1i66aF5O9OPyZefogvNltBIszA== @@ -2618,6 +2618,20 @@ "@types/prop-types" "*" csstype "^2.2.0" +"@types/react@18.2.0": + version "18.2.0" + resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.0.tgz#15cda145354accfc09a18d2f2305f9fc099ada21" + integrity sha512-0FLj93y5USLHdnhIhABk83rm8XEGA7kH3cr+YUlvxoUGp1xNt/DINUMvqPxLyOQMzLmZe8i4RTHbvb8MC7NmrA== + dependencies: + "@types/prop-types" "*" + "@types/scheduler" "*" + csstype "^3.0.2" + +"@types/scheduler@*": + version "0.23.0" + resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.23.0.tgz#0a6655b3e2708eaabca00b7372fafd7a792a7b09" + integrity sha512-YIoDCTH3Af6XM5VuwGG/QL/CJqga1Zm3NkU3HZ4ZHK2fRMPYP1VczsTUqtsf43PH/iJNVlPHAo2oWX7BSdB2Hw== + "@types/sinon@^7.0.11": version "7.0.11" resolved "https://registry.yarnpkg.com/@types/sinon/-/sinon-7.0.11.tgz#6f28f005a36e779b7db0f1359b9fb9eef72aae88" @@ -5449,6 +5463,11 @@ csstype@^2.2.0, csstype@^2.6.4: resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.4.tgz#d585a6062096e324e7187f80e04f92bd0f00e37f" integrity sha512-lAJUJP3M6HxFXbqtGRc0iZrdyeN+WzOWeY0q/VnFzI+kqVrYIzC7bWlKqCW7oCIdzoPkvfp82EVvrTlQ8zsWQg== +csstype@^3.0.2: + version "3.1.3" + resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.3.tgz#d80ff294d114fb0e6ac500fbf85b60137d7eff81" + integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw== + currently-unhandled@^0.4.1: version "0.4.1" resolved "https://registry.yarnpkg.com/currently-unhandled/-/currently-unhandled-0.4.1.tgz#988df33feab191ef799a61369dd76c17adf957ea" From 3b15c8771c14887ee5867d6c4f8ce8fb5a10634d Mon Sep 17 00:00:00 2001 From: dengribar Date: Tue, 25 Feb 2025 20:28:50 +0300 Subject: [PATCH 04/11] Add "skipLibCheck: true" option to "tsconfig.json" To mitigate: Found 183 errors in 3 files. Errors Files 174 node_modules/@types/enzyme/node_modules/@types/react/index.d.ts:2816 2 node_modules/@types/node/globals.d.ts:217 7 node_modules/@types/react/ts5.0/index.d.ts:9 --- tsconfig.json | 21 +++++---------------- 1 file changed, 5 insertions(+), 16 deletions(-) diff --git a/tsconfig.json b/tsconfig.json index 07a9be3..e3f8581 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -3,20 +3,11 @@ "outDir": "dist", "target": "es6", "module": "commonjs", - "lib": [ - "es2015", - "es2016", - "es2017", - "es2018", - "dom" - ], + "lib": ["es2015", "es2016", "es2017", "es2018", "dom"], "declaration": true, "sourceMap": false, "removeComments": true, - "rootDirs": [ - "./src", - "./tools" - ], + "rootDirs": ["./src", "./tools"], "jsx": "react", "moduleResolution": "node", "strict": true, @@ -24,10 +15,8 @@ "noUnusedLocals": true, "noUnusedParameters": true, "noFallthroughCasesInSwitch": true, - "esModuleInterop": true + "esModuleInterop": true, + "skipLibCheck": true }, - "include": [ - "src", - "tools" - ] + "include": ["src", "tools"] } From 0fccb14bd97d74f899b57d406b2e0b9dc7ae0ba1 Mon Sep 17 00:00:00 2001 From: dengribar Date: Tue, 25 Feb 2025 20:44:08 +0300 Subject: [PATCH 05/11] Update "react" to v18.3.1 --- package.json | 2 +- yarn.lock | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/package.json b/package.json index 1748e13..2f81d09 100644 --- a/package.json +++ b/package.json @@ -69,7 +69,7 @@ "husky": "^2.2.0", "lint-staged": "^8.1.5", "nyc": "15.1.0", - "react": "^18.2.0", + "react": "^18.3.1", "react-benchmark": "5.1.0", "react-docgen-typescript-loader": "^3.1.0", "react-dom": "^18.2.0", diff --git a/yarn.lock b/yarn.lock index cb51cf1..22b08b4 100644 --- a/yarn.lock +++ b/yarn.lock @@ -12880,10 +12880,10 @@ react@^17.0.1: loose-envify "^1.1.0" object-assign "^4.1.1" -react@^18.2.0: - version "18.2.0" - resolved "https://registry.yarnpkg.com/react/-/react-18.2.0.tgz#555bd98592883255fa00de14f1151a917b5d77d5" - integrity sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ== +react@^18.3.1: + version "18.3.1" + resolved "https://registry.yarnpkg.com/react/-/react-18.3.1.tgz#49ab892009c53933625bd16b2533fc754cab2891" + integrity sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ== dependencies: loose-envify "^1.1.0" From 58a32e96cafddaed6d19b32ca9cccd7b44decc7f Mon Sep 17 00:00:00 2001 From: dengribar Date: Tue, 25 Feb 2025 20:46:04 +0300 Subject: [PATCH 06/11] Update "react-dom" to v18.3.1 --- package.json | 2 +- yarn.lock | 17 ++++++++++++----- 2 files changed, 13 insertions(+), 6 deletions(-) diff --git a/package.json b/package.json index 2f81d09..0a56e33 100644 --- a/package.json +++ b/package.json @@ -72,7 +72,7 @@ "react": "^18.3.1", "react-benchmark": "5.1.0", "react-docgen-typescript-loader": "^3.1.0", - "react-dom": "^18.2.0", + "react-dom": "^18.3.1", "react-test-renderer": "^18.2.0", "sinon": "^7.2.7", "size-limit": "^4.5.4", diff --git a/yarn.lock b/yarn.lock index 22b08b4..3368065 100644 --- a/yarn.lock +++ b/yarn.lock @@ -12809,13 +12809,13 @@ react-dom@^17.0.1: object-assign "^4.1.1" scheduler "^0.20.2" -react-dom@^18.2.0: - version "18.2.0" - resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.2.0.tgz#22aaf38708db2674ed9ada224ca4aa708d821e3d" - integrity sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g== +react-dom@^18.3.1: + version "18.3.1" + resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.3.1.tgz#c2265d79511b57d479b3dd3fdfa51536494c5cb4" + integrity sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw== dependencies: loose-envify "^1.1.0" - scheduler "^0.23.0" + scheduler "^0.23.2" react-element-to-jsx-string@^14.3.4: version "14.3.4" @@ -13578,6 +13578,13 @@ scheduler@^0.23.0: dependencies: loose-envify "^1.1.0" +scheduler@^0.23.2: + version "0.23.2" + resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.23.2.tgz#414ba64a3b282892e944cf2108ecc078d115cdc3" + integrity sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ== + dependencies: + loose-envify "^1.1.0" + schema-utils@2.7.0, schema-utils@^2.6.5, schema-utils@^2.6.6, schema-utils@^2.7.0: version "2.7.0" resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.7.0.tgz#17151f76d8eae67fbbf77960c33c676ad9f4efc7" From b5ca0d1b5dafaf93a7fc2106e74d1ef3c6ed4958 Mon Sep 17 00:00:00 2001 From: dengribar Date: Tue, 25 Feb 2025 20:47:49 +0300 Subject: [PATCH 07/11] Update "react-test-renderer" to v18.3.1 --- package.json | 2 +- yarn.lock | 24 +++++++++++------------- 2 files changed, 12 insertions(+), 14 deletions(-) diff --git a/package.json b/package.json index 0a56e33..0a19ea3 100644 --- a/package.json +++ b/package.json @@ -73,7 +73,7 @@ "react-benchmark": "5.1.0", "react-docgen-typescript-loader": "^3.1.0", "react-dom": "^18.3.1", - "react-test-renderer": "^18.2.0", + "react-test-renderer": "^18.3.1", "sinon": "^7.2.7", "size-limit": "^4.5.4", "ts-loader": "^8.4.0", diff --git a/yarn.lock b/yarn.lock index 3368065..99e6554 100644 --- a/yarn.lock +++ b/yarn.lock @@ -12841,6 +12841,11 @@ react-is@^16.8.1: resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4" integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ== +react-is@^18.3.1: + version "18.3.1" + resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.3.1.tgz#e83557dc12eae63a99e003a46388b1dcbb44db7e" + integrity sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg== + react-refresh@^0.11.0: version "0.11.0" resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.11.0.tgz#77198b944733f0f1f1a90e791de4541f9f074046" @@ -12854,14 +12859,14 @@ react-shallow-renderer@^16.15.0: object-assign "^4.1.1" react-is "^16.12.0 || ^17.0.0 || ^18.0.0" -react-test-renderer@^18.2.0: - version "18.2.0" - resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-18.2.0.tgz#1dd912bd908ff26da5b9fca4fd1c489b9523d37e" - integrity sha512-JWD+aQ0lh2gvh4NM3bBM42Kx+XybOxCpgYK7F8ugAlpaTSnWsX+39Z4XkOykGZAHrjwwTZT3x3KxswVWxHPUqA== +react-test-renderer@^18.3.1: + version "18.3.1" + resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-18.3.1.tgz#e693608a1f96283400d4a3afead6893f958b80b4" + integrity sha512-KkAgygexHUkQqtvvx/otwxtuFu5cVjfzTCtjXLH9boS19/Nbtg84zS7wIQn39G8IlrhThBpQsMKkq5ZHZIYFXA== dependencies: - react-is "^18.2.0" + react-is "^18.3.1" react-shallow-renderer "^16.15.0" - scheduler "^0.23.0" + scheduler "^0.23.2" react@^16.13.1: version "16.13.1" @@ -13571,13 +13576,6 @@ scheduler@^0.20.2: loose-envify "^1.1.0" object-assign "^4.1.1" -scheduler@^0.23.0: - version "0.23.0" - resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.23.0.tgz#ba8041afc3d30eb206a487b6b384002e4e61fdfe" - integrity sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw== - dependencies: - loose-envify "^1.1.0" - scheduler@^0.23.2: version "0.23.2" resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.23.2.tgz#414ba64a3b282892e944cf2108ecc078d115cdc3" From f413fcad402a587874632364819b4a8f8bb22069 Mon Sep 17 00:00:00 2001 From: dengribar Date: Tue, 25 Feb 2025 20:51:32 +0300 Subject: [PATCH 08/11] Update "@types/react" to v18.3.18 --- package.json | 2 +- yarn.lock | 14 ++++---------- 2 files changed, 5 insertions(+), 11 deletions(-) diff --git a/package.json b/package.json index 0a19ea3..95b5a98 100644 --- a/package.json +++ b/package.json @@ -51,7 +51,7 @@ "@types/enzyme": "^3.9.1", "@types/inline-style-prefixer": "^5.0.0", "@types/prop-types": "^15.7.1", - "@types/react": "18.2.0", + "@types/react": "^18.3.18", "@types/react-dom": "18.2.0", "@types/react-test-renderer": "^16.8.1", "@types/sinon": "^7.0.11", diff --git a/yarn.lock b/yarn.lock index 99e6554..904ef83 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2618,20 +2618,14 @@ "@types/prop-types" "*" csstype "^2.2.0" -"@types/react@18.2.0": - version "18.2.0" - resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.0.tgz#15cda145354accfc09a18d2f2305f9fc099ada21" - integrity sha512-0FLj93y5USLHdnhIhABk83rm8XEGA7kH3cr+YUlvxoUGp1xNt/DINUMvqPxLyOQMzLmZe8i4RTHbvb8MC7NmrA== +"@types/react@^18.3.18": + version "18.3.18" + resolved "https://registry.yarnpkg.com/@types/react/-/react-18.3.18.tgz#9b382c4cd32e13e463f97df07c2ee3bbcd26904b" + integrity sha512-t4yC+vtgnkYjNSKlFx1jkAhH8LgTo2N/7Qvi83kdEaUtMDiwpbLAktKDaAMlRcJ5eSxZkH74eEGt1ky31d7kfQ== dependencies: "@types/prop-types" "*" - "@types/scheduler" "*" csstype "^3.0.2" -"@types/scheduler@*": - version "0.23.0" - resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.23.0.tgz#0a6655b3e2708eaabca00b7372fafd7a792a7b09" - integrity sha512-YIoDCTH3Af6XM5VuwGG/QL/CJqga1Zm3NkU3HZ4ZHK2fRMPYP1VczsTUqtsf43PH/iJNVlPHAo2oWX7BSdB2Hw== - "@types/sinon@^7.0.11": version "7.0.11" resolved "https://registry.yarnpkg.com/@types/sinon/-/sinon-7.0.11.tgz#6f28f005a36e779b7db0f1359b9fb9eef72aae88" From 2e5d7c01cceccd8624eec851cf213723d4d18e92 Mon Sep 17 00:00:00 2001 From: dengribar Date: Tue, 25 Feb 2025 20:52:54 +0300 Subject: [PATCH 09/11] Update "@types/react-dom" to v18.3.5 --- package.json | 2 +- yarn.lock | 10 ++++------ 2 files changed, 5 insertions(+), 7 deletions(-) diff --git a/package.json b/package.json index 95b5a98..60a6bec 100644 --- a/package.json +++ b/package.json @@ -52,7 +52,7 @@ "@types/inline-style-prefixer": "^5.0.0", "@types/prop-types": "^15.7.1", "@types/react": "^18.3.18", - "@types/react-dom": "18.2.0", + "@types/react-dom": "^18.3.5", "@types/react-test-renderer": "^16.8.1", "@types/sinon": "^7.0.11", "@types/storybook__react": "^4.0.1", diff --git a/yarn.lock b/yarn.lock index 904ef83..b420280 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2596,12 +2596,10 @@ resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.18.tgz#877292caa91f7c1b213032b34626505b746624c2" integrity sha512-kK7dgTYDyGqS+e2Q4aK9X3D7q234CIZ1Bv0q/7Z5IwRDoADNU81xXJK/YVyLbLTZCoIwUoDoffFeF+p/eIklAA== -"@types/react-dom@18.2.0": - version "18.2.0" - resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.2.0.tgz#374f28074bb117f56f58c4f3f71753bebb545156" - integrity sha512-8yQrvS6sMpSwIovhPOwfyNf2Wz6v/B62LFSVYQ85+Rq3tLsBIG7rP5geMxaijTUxSkrO6RzN/IRuIAADYQsleA== - dependencies: - "@types/react" "*" +"@types/react-dom@^18.3.5": + version "18.3.5" + resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.3.5.tgz#45f9f87398c5dcea085b715c58ddcf1faf65f716" + integrity sha512-P4t6saawp+b/dFrUr2cvkVsfvPguwsxtH6dNIYRllMsefqFzkZk5UIjzyDOv5g1dXIPdG4Sp1yCR4Z6RCUsG/Q== "@types/react-test-renderer@^16.8.1": version "16.8.1" From 61b720a972047264e048e5ecebd809c10647d67c Mon Sep 17 00:00:00 2001 From: dengribar Date: Tue, 25 Feb 2025 20:54:35 +0300 Subject: [PATCH 10/11] Update "@types/react-test-renderer" to v18.3.0 --- package.json | 2 +- yarn.lock | 12 ++++++------ 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/package.json b/package.json index 60a6bec..09034da 100644 --- a/package.json +++ b/package.json @@ -53,7 +53,7 @@ "@types/prop-types": "^15.7.1", "@types/react": "^18.3.18", "@types/react-dom": "^18.3.5", - "@types/react-test-renderer": "^16.8.1", + "@types/react-test-renderer": "^18.3.0", "@types/sinon": "^7.0.11", "@types/storybook__react": "^4.0.1", "@typescript-eslint/eslint-plugin": "^1.7.0", diff --git a/yarn.lock b/yarn.lock index b420280..0635cdd 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2601,12 +2601,12 @@ resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.3.5.tgz#45f9f87398c5dcea085b715c58ddcf1faf65f716" integrity sha512-P4t6saawp+b/dFrUr2cvkVsfvPguwsxtH6dNIYRllMsefqFzkZk5UIjzyDOv5g1dXIPdG4Sp1yCR4Z6RCUsG/Q== -"@types/react-test-renderer@^16.8.1": - version "16.8.1" - resolved "https://registry.yarnpkg.com/@types/react-test-renderer/-/react-test-renderer-16.8.1.tgz#96f3ce45a3a41c94eca532a99103dd3042c9d055" - integrity sha512-8gU69ELfJGxzVWVYj4MTtuHxz9nO+d175XeQ1XrXXxesUBsB4KK6OCfzVhEX6leZWWBDVtMJXp/rUjhClzL7gw== +"@types/react-test-renderer@^18.3.0": + version "18.3.1" + resolved "https://registry.yarnpkg.com/@types/react-test-renderer/-/react-test-renderer-18.3.1.tgz#225bfe8d4ad7ee3b04c2fa27642bb74274a5961d" + integrity sha512-vAhnk0tG2eGa37lkU9+s5SoroCsRI08xnsWFiAXOuPH2jqzMbcXvKExXViPi1P5fIklDeCvXqyrdmipFaSkZrA== dependencies: - "@types/react" "*" + "@types/react" "^18" "@types/react@*": version "16.8.17" @@ -2616,7 +2616,7 @@ "@types/prop-types" "*" csstype "^2.2.0" -"@types/react@^18.3.18": +"@types/react@^18", "@types/react@^18.3.18": version "18.3.18" resolved "https://registry.yarnpkg.com/@types/react/-/react-18.3.18.tgz#9b382c4cd32e13e463f97df07c2ee3bbcd26904b" integrity sha512-t4yC+vtgnkYjNSKlFx1jkAhH8LgTo2N/7Qvi83kdEaUtMDiwpbLAktKDaAMlRcJ5eSxZkH74eEGt1ky31d7kfQ== From e02f822eeb42278cf4b3ef85fb9a33c38cddf50e Mon Sep 17 00:00:00 2001 From: dengribar Date: Tue, 25 Feb 2025 20:55:59 +0300 Subject: [PATCH 11/11] Bump package version to 5.7.0 --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 09034da..e13cd58 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@maestroqa/ui-box", - "version": "5.6.0", + "version": "5.7.0", "description": "Blazing Fast React UI Primitive", "contributors": [ "Jeroen Ransijn (https://twitter.com/jeroen_ransijn)",