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

@kuma-ui/system

Package Overview
Dependencies
Maintainers
3
Versions
67
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@kuma-ui/system - npm Package Compare versions

Comparing version 0.0.0-dev-20231125141015 to 0.0.0-dev-20231208103224

dist/chunk-2KCBTLDN.mjs

170

dist/consumeStyleProps.js

@@ -41,12 +41,3 @@ "use strict";

};
var animationConverters = {};
// src/toCSS.ts
var toCssUnit = (token) => {
if (typeof token === "string")
return token;
else
return `${token}px`;
};
// src/props/space.ts

@@ -83,3 +74,2 @@ var spaceMappings = {

};
var spaceConverters = Object.fromEntries(Object.keys(spaceMappings).map((key) => [key, toCssUnit]));

@@ -105,6 +95,2 @@ // src/props/typography.ts

};
var typographyConverters = {
wordSpacing: toCssUnit,
letterSpacing: toCssUnit
};

@@ -136,11 +122,2 @@ // src/props/layout.ts

};
var layoutConverters = {
width: toCssUnit,
minWidth: toCssUnit,
maxWidth: toCssUnit,
height: toCssUnit,
minHeight: toCssUnit,
maxHeight: toCssUnit,
zIndex: (t) => t
};

@@ -161,3 +138,2 @@ // src/props/color.ts

};
var colorConverters = {};

@@ -185,6 +161,2 @@ // src/props/flex.ts

};
var flexConverters = {
gap: toCssUnit,
flexBasis: toCssUnit
};

@@ -224,27 +196,2 @@ // src/props/border.ts

};
var borderConverters = {
border: toCssUnit,
borderTop: toCssUnit,
borderRight: toCssUnit,
borderLeft: toCssUnit,
borderBottom: toCssUnit,
borderX: toCssUnit,
borderY: toCssUnit,
borderRadius: toCssUnit,
borderTopLeftRadius: toCssUnit,
borderTopRightRadius: toCssUnit,
borderBottomLeftRadius: toCssUnit,
borderBottomRightRadius: toCssUnit,
borderWidth: toCssUnit,
borderTopWidth: toCssUnit,
borderBottomWidth: toCssUnit,
borderLeftWidth: toCssUnit,
borderRightWidth: toCssUnit,
borderStart: toCssUnit,
borderEnd: toCssUnit,
borderStartWidth: toCssUnit,
borderEndWidth: toCssUnit,
borderStartRadius: toCssUnit,
borderEndRadius: toCssUnit
};

@@ -258,6 +205,2 @@ // src/props/outline.ts

};
var outlineConverters = {
outlineWidth: toCssUnit,
outlineOffset: toCssUnit
};

@@ -272,5 +215,2 @@ // src/props/position.ts

};
var positionConverters = Object.fromEntries(
Object.keys(positionMappings).map((key) => [key, toCssUnit])
);

@@ -282,3 +222,2 @@ // src/props/shadow.ts

};
var shadowConverters = {};

@@ -309,7 +248,2 @@ // src/consumeStyleProps.ts

};
var gridConverters = {
gridGap: toCssUnit,
gridColumnGap: toCssUnit,
gridRowGap: toCssUnit
};

@@ -323,3 +257,2 @@ // src/props/list.ts

};
var listConverters = {};

@@ -339,3 +272,2 @@ // src/props/effect.ts

};
var effectConverters = {};

@@ -367,5 +299,2 @@ // src/props/text.ts

};
var textConverters = {
textIndent: toCssUnit
};

@@ -397,5 +326,2 @@ // src/props/font.ts

};
var fontConverters = {
fontSize: toCssUnit
};

@@ -422,5 +348,2 @@ // src/props/mask.ts

};
var maskConverters = {
maskSize: toCssUnit
};

@@ -440,7 +363,2 @@ // src/props/column.ts

};
var columnConverters = {
columnGap: toCssUnit,
columnRuleWidth: toCssUnit,
columnWidth: toCssUnit
};

@@ -470,7 +388,2 @@ // src/props/background.ts

};
var backgroundConverters = {
bgPositionX: toCssUnit,
bgPositionY: toCssUnit,
bgSize: toCssUnit
};

@@ -482,3 +395,2 @@ // src/props/filter.ts

};
var filterConverters = {};

@@ -504,2 +416,59 @@ // src/responsive.ts

// src/toCSS.ts
var unitless = {
animationIterationCount: 1,
aspectRatio: 1,
borderImageOutset: 1,
borderImageSlice: 1,
borderImageWidth: 1,
boxFlex: 1,
boxFlexGroup: 1,
boxOrdinalGroup: 1,
columnCount: 1,
columns: 1,
flex: 1,
flexGrow: 1,
flexPositive: 1,
flexShrink: 1,
flexNegative: 1,
flexOrder: 1,
gridRow: 1,
gridRowEnd: 1,
gridRowSpan: 1,
gridRowStart: 1,
gridColumn: 1,
gridColumnEnd: 1,
gridColumnSpan: 1,
gridColumnStart: 1,
msGridRow: 1,
msGridRowSpan: 1,
msGridColumn: 1,
msGridColumnSpan: 1,
fontWeight: 1,
lineHeight: 1,
opacity: 1,
order: 1,
orphans: 1,
tabSize: 1,
widows: 1,
zIndex: 1,
zoom: 1,
WebkitLineClamp: 1,
// SVG-related properties
fillOpacity: 1,
floodOpacity: 1,
stopOpacity: 1,
strokeDasharray: 1,
strokeDashoffset: 1,
strokeMiterlimit: 1,
strokeOpacity: 1,
strokeWidth: 1
};
function toCssUnit(propertyName, value) {
if (typeof value === "number") {
return `${value}${!(propertyName in unitless) ? "px" : ""}`;
}
return value;
}
// src/consumeStyleProps.ts

@@ -528,24 +497,2 @@ var styleMappings = Object.assign(

);
var styleConverters = Object.assign(
{},
animationConverters,
spaceConverters,
typographyConverters,
layoutConverters,
colorConverters,
flexConverters,
borderConverters,
outlineConverters,
positionConverters,
shadowConverters,
gridConverters,
listConverters,
effectConverters,
textConverters,
fontConverters,
maskConverters,
columnConverters,
backgroundConverters,
filterConverters
);
var consumeStyleProps = (props) => {

@@ -563,3 +510,2 @@ const cacheKey = JSON.stringify(props);

continue;
const converter = styleConverters[key];
const properties = styleMappings[key]?.split(",") ?? [];

@@ -570,3 +516,3 @@ for (const property of properties) {

cssValue,
converter
(value) => toCssUnit(key, value)
);

@@ -573,0 +519,0 @@ base += responsiveStyles.base;

@@ -366,12 +366,3 @@ "use strict";

};
var animationConverters = {};
// src/toCSS.ts
var toCssUnit = (token) => {
if (typeof token === "string")
return token;
else
return `${token}px`;
};
// src/props/space.ts

@@ -408,3 +399,2 @@ var spaceMappings = {

};
var spaceConverters = Object.fromEntries(Object.keys(spaceMappings).map((key) => [key, toCssUnit]));

@@ -430,6 +420,2 @@ // src/props/typography.ts

};
var typographyConverters = {
wordSpacing: toCssUnit,
letterSpacing: toCssUnit
};

@@ -461,11 +447,2 @@ // src/props/layout.ts

};
var layoutConverters = {
width: toCssUnit,
minWidth: toCssUnit,
maxWidth: toCssUnit,
height: toCssUnit,
minHeight: toCssUnit,
maxHeight: toCssUnit,
zIndex: (t) => t
};

@@ -486,3 +463,2 @@ // src/props/color.ts

};
var colorConverters = {};

@@ -510,6 +486,2 @@ // src/props/flex.ts

};
var flexConverters = {
gap: toCssUnit,
flexBasis: toCssUnit
};

@@ -549,27 +521,2 @@ // src/props/border.ts

};
var borderConverters = {
border: toCssUnit,
borderTop: toCssUnit,
borderRight: toCssUnit,
borderLeft: toCssUnit,
borderBottom: toCssUnit,
borderX: toCssUnit,
borderY: toCssUnit,
borderRadius: toCssUnit,
borderTopLeftRadius: toCssUnit,
borderTopRightRadius: toCssUnit,
borderBottomLeftRadius: toCssUnit,
borderBottomRightRadius: toCssUnit,
borderWidth: toCssUnit,
borderTopWidth: toCssUnit,
borderBottomWidth: toCssUnit,
borderLeftWidth: toCssUnit,
borderRightWidth: toCssUnit,
borderStart: toCssUnit,
borderEnd: toCssUnit,
borderStartWidth: toCssUnit,
borderEndWidth: toCssUnit,
borderStartRadius: toCssUnit,
borderEndRadius: toCssUnit
};

@@ -583,6 +530,2 @@ // src/props/outline.ts

};
var outlineConverters = {
outlineWidth: toCssUnit,
outlineOffset: toCssUnit
};

@@ -597,5 +540,2 @@ // src/props/position.ts

};
var positionConverters = Object.fromEntries(
Object.keys(positionMappings).map((key) => [key, toCssUnit])
);

@@ -607,3 +547,2 @@ // src/props/shadow.ts

};
var shadowConverters = {};

@@ -634,7 +573,2 @@ // src/consumeStyleProps.ts

};
var gridConverters = {
gridGap: toCssUnit,
gridColumnGap: toCssUnit,
gridRowGap: toCssUnit
};

@@ -648,3 +582,2 @@ // src/props/list.ts

};
var listConverters = {};

@@ -664,3 +597,2 @@ // src/props/effect.ts

};
var effectConverters = {};

@@ -692,5 +624,2 @@ // src/props/text.ts

};
var textConverters = {
textIndent: toCssUnit
};

@@ -722,5 +651,2 @@ // src/props/font.ts

};
var fontConverters = {
fontSize: toCssUnit
};

@@ -747,5 +673,2 @@ // src/props/mask.ts

};
var maskConverters = {
maskSize: toCssUnit
};

@@ -765,7 +688,2 @@ // src/props/column.ts

};
var columnConverters = {
columnGap: toCssUnit,
columnRuleWidth: toCssUnit,
columnWidth: toCssUnit
};

@@ -795,7 +713,2 @@ // src/props/background.ts

};
var backgroundConverters = {
bgPositionX: toCssUnit,
bgPositionY: toCssUnit,
bgSize: toCssUnit
};

@@ -807,3 +720,2 @@ // src/props/filter.ts

};
var filterConverters = {};

@@ -829,2 +741,59 @@ // src/responsive.ts

// src/toCSS.ts
var unitless = {
animationIterationCount: 1,
aspectRatio: 1,
borderImageOutset: 1,
borderImageSlice: 1,
borderImageWidth: 1,
boxFlex: 1,
boxFlexGroup: 1,
boxOrdinalGroup: 1,
columnCount: 1,
columns: 1,
flex: 1,
flexGrow: 1,
flexPositive: 1,
flexShrink: 1,
flexNegative: 1,
flexOrder: 1,
gridRow: 1,
gridRowEnd: 1,
gridRowSpan: 1,
gridRowStart: 1,
gridColumn: 1,
gridColumnEnd: 1,
gridColumnSpan: 1,
gridColumnStart: 1,
msGridRow: 1,
msGridRowSpan: 1,
msGridColumn: 1,
msGridColumnSpan: 1,
fontWeight: 1,
lineHeight: 1,
opacity: 1,
order: 1,
orphans: 1,
tabSize: 1,
widows: 1,
zIndex: 1,
zoom: 1,
WebkitLineClamp: 1,
// SVG-related properties
fillOpacity: 1,
floodOpacity: 1,
stopOpacity: 1,
strokeDasharray: 1,
strokeDashoffset: 1,
strokeMiterlimit: 1,
strokeOpacity: 1,
strokeWidth: 1
};
function toCssUnit(propertyName, value) {
if (typeof value === "number") {
return `${value}${!(propertyName in unitless) ? "px" : ""}`;
}
return value;
}
// src/consumeStyleProps.ts

@@ -853,24 +822,2 @@ var styleMappings = Object.assign(

);
var styleConverters = Object.assign(
{},
animationConverters,
spaceConverters,
typographyConverters,
layoutConverters,
colorConverters,
flexConverters,
borderConverters,
outlineConverters,
positionConverters,
shadowConverters,
gridConverters,
listConverters,
effectConverters,
textConverters,
fontConverters,
maskConverters,
columnConverters,
backgroundConverters,
filterConverters
);
var consumeStyleProps = (props) => {

@@ -888,3 +835,2 @@ const cacheKey = JSON.stringify(props);

continue;
const converter = styleConverters[key];
const properties = styleMappings[key]?.split(",") ?? [];

@@ -895,3 +841,3 @@ for (const property of properties) {

cssValue,
converter
(value) => toCssUnit(key, value)
);

@@ -898,0 +844,0 @@ base += responsiveStyles.base;

import { ThemeSystemType, ResponsiveStyle } from './types.js';
export { AddProperty, CSSProperties, CSSProperty, CSSValue, ExcludeHyphen, RemoveColon, SystemStyle, UtilityCSSMapping, ValueConverter } from './types.js';
export { AddProperty, CSSProperties, CSSProperty, CSSValue, ExcludeHyphen, RemoveColon, SystemStyle, UtilityCSSMapping } from './types.js';
export { AnimationProps } from './props/animation.js';

@@ -4,0 +4,0 @@ export { SpaceProps } from './props/space.js';

@@ -46,12 +46,3 @@ "use strict";

};
var animationConverters = {};
// src/toCSS.ts
var toCssUnit = (token) => {
if (typeof token === "string")
return token;
else
return `${token}px`;
};
// src/props/space.ts

@@ -88,3 +79,2 @@ var spaceMappings = {

};
var spaceConverters = Object.fromEntries(Object.keys(spaceMappings).map((key) => [key, toCssUnit]));

@@ -110,6 +100,2 @@ // src/props/typography.ts

};
var typographyConverters = {
wordSpacing: toCssUnit,
letterSpacing: toCssUnit
};

@@ -141,11 +127,2 @@ // src/props/layout.ts

};
var layoutConverters = {
width: toCssUnit,
minWidth: toCssUnit,
maxWidth: toCssUnit,
height: toCssUnit,
minHeight: toCssUnit,
maxHeight: toCssUnit,
zIndex: (t) => t
};

@@ -166,3 +143,2 @@ // src/props/color.ts

};
var colorConverters = {};

@@ -190,6 +166,2 @@ // src/props/flex.ts

};
var flexConverters = {
gap: toCssUnit,
flexBasis: toCssUnit
};

@@ -229,27 +201,2 @@ // src/props/border.ts

};
var borderConverters = {
border: toCssUnit,
borderTop: toCssUnit,
borderRight: toCssUnit,
borderLeft: toCssUnit,
borderBottom: toCssUnit,
borderX: toCssUnit,
borderY: toCssUnit,
borderRadius: toCssUnit,
borderTopLeftRadius: toCssUnit,
borderTopRightRadius: toCssUnit,
borderBottomLeftRadius: toCssUnit,
borderBottomRightRadius: toCssUnit,
borderWidth: toCssUnit,
borderTopWidth: toCssUnit,
borderBottomWidth: toCssUnit,
borderLeftWidth: toCssUnit,
borderRightWidth: toCssUnit,
borderStart: toCssUnit,
borderEnd: toCssUnit,
borderStartWidth: toCssUnit,
borderEndWidth: toCssUnit,
borderStartRadius: toCssUnit,
borderEndRadius: toCssUnit
};

@@ -263,6 +210,2 @@ // src/props/outline.ts

};
var outlineConverters = {
outlineWidth: toCssUnit,
outlineOffset: toCssUnit
};

@@ -277,5 +220,2 @@ // src/props/position.ts

};
var positionConverters = Object.fromEntries(
Object.keys(positionMappings).map((key) => [key, toCssUnit])
);

@@ -287,3 +227,2 @@ // src/props/shadow.ts

};
var shadowConverters = {};

@@ -314,7 +253,2 @@ // src/consumeStyleProps.ts

};
var gridConverters = {
gridGap: toCssUnit,
gridColumnGap: toCssUnit,
gridRowGap: toCssUnit
};

@@ -328,3 +262,2 @@ // src/props/list.ts

};
var listConverters = {};

@@ -344,3 +277,2 @@ // src/props/effect.ts

};
var effectConverters = {};

@@ -372,5 +304,2 @@ // src/props/text.ts

};
var textConverters = {
textIndent: toCssUnit
};

@@ -402,5 +331,2 @@ // src/props/font.ts

};
var fontConverters = {
fontSize: toCssUnit
};

@@ -427,5 +353,2 @@ // src/props/mask.ts

};
var maskConverters = {
maskSize: toCssUnit
};

@@ -445,7 +368,2 @@ // src/props/column.ts

};
var columnConverters = {
columnGap: toCssUnit,
columnRuleWidth: toCssUnit,
columnWidth: toCssUnit
};

@@ -475,7 +393,2 @@ // src/props/background.ts

};
var backgroundConverters = {
bgPositionX: toCssUnit,
bgPositionY: toCssUnit,
bgSize: toCssUnit
};

@@ -487,3 +400,2 @@ // src/props/filter.ts

};
var filterConverters = {};

@@ -509,2 +421,59 @@ // src/responsive.ts

// src/toCSS.ts
var unitless = {
animationIterationCount: 1,
aspectRatio: 1,
borderImageOutset: 1,
borderImageSlice: 1,
borderImageWidth: 1,
boxFlex: 1,
boxFlexGroup: 1,
boxOrdinalGroup: 1,
columnCount: 1,
columns: 1,
flex: 1,
flexGrow: 1,
flexPositive: 1,
flexShrink: 1,
flexNegative: 1,
flexOrder: 1,
gridRow: 1,
gridRowEnd: 1,
gridRowSpan: 1,
gridRowStart: 1,
gridColumn: 1,
gridColumnEnd: 1,
gridColumnSpan: 1,
gridColumnStart: 1,
msGridRow: 1,
msGridRowSpan: 1,
msGridColumn: 1,
msGridColumnSpan: 1,
fontWeight: 1,
lineHeight: 1,
opacity: 1,
order: 1,
orphans: 1,
tabSize: 1,
widows: 1,
zIndex: 1,
zoom: 1,
WebkitLineClamp: 1,
// SVG-related properties
fillOpacity: 1,
floodOpacity: 1,
stopOpacity: 1,
strokeDasharray: 1,
strokeDashoffset: 1,
strokeMiterlimit: 1,
strokeOpacity: 1,
strokeWidth: 1
};
function toCssUnit(propertyName, value) {
if (typeof value === "number") {
return `${value}${!(propertyName in unitless) ? "px" : ""}`;
}
return value;
}
// src/consumeStyleProps.ts

@@ -533,24 +502,2 @@ var styleMappings = Object.assign(

);
var styleConverters = Object.assign(
{},
animationConverters,
spaceConverters,
typographyConverters,
layoutConverters,
colorConverters,
flexConverters,
borderConverters,
outlineConverters,
positionConverters,
shadowConverters,
gridConverters,
listConverters,
effectConverters,
textConverters,
fontConverters,
maskConverters,
columnConverters,
backgroundConverters,
filterConverters
);
var consumeStyleProps = (props) => {

@@ -568,3 +515,2 @@ const cacheKey = JSON.stringify(props);

continue;
const converter = styleConverters[key];
const properties = styleMappings[key]?.split(",") ?? [];

@@ -575,3 +521,3 @@ for (const property of properties) {

cssValue,
converter
(value) => toCssUnit(key, value)
);

@@ -578,0 +524,0 @@ base += responsiveStyles.base;

import { AnimationKeys } from '../keys.js';
import { CSSProperties, ValueConverter } from '../types.js';
import { CSSProperties } from '../types.js';
import 'csstype';

@@ -8,4 +8,3 @@ import '@kuma-ui/sheet';

declare const animationMappings: Record<AnimationKeys, string>;
declare const animationConverters: Partial<Record<AnimationKeys, ValueConverter>>;
export { AnimationProps, animationConverters, animationMappings };
export { AnimationProps, animationMappings };

@@ -23,3 +23,2 @@ "use strict";

__export(animation_exports, {
animationConverters: () => animationConverters,
animationMappings: () => animationMappings

@@ -41,7 +40,5 @@ });

};
var animationConverters = {};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
animationConverters,
animationMappings
});
import { BackgroundKeys } from '../keys.js';
import { AddProperty, CSSProperties, CSSValue, ValueConverter } from '../types.js';
import { AddProperty, CSSProperties, CSSValue } from '../types.js';
import 'csstype';

@@ -49,4 +49,3 @@ import '@kuma-ui/sheet';

declare const backgroundMappings: Record<BackgroundKeys, string>;
declare const backgroundConverters: Partial<Record<BackgroundKeys, ValueConverter>>;
export { BackgroundProps, backgroundConverters, backgroundMappings };
export { BackgroundProps, backgroundMappings };

@@ -23,16 +23,5 @@ "use strict";

__export(background_exports, {
backgroundConverters: () => backgroundConverters,
backgroundMappings: () => backgroundMappings
});
module.exports = __toCommonJS(background_exports);
// src/toCSS.ts
var toCssUnit = (token) => {
if (typeof token === "string")
return token;
else
return `${token}px`;
};
// src/props/background.ts
var backgroundMappings = {

@@ -60,11 +49,5 @@ backgroundImage: "background-image",

};
var backgroundConverters = {
bgPositionX: toCssUnit,
bgPositionY: toCssUnit,
bgSize: toCssUnit
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
backgroundConverters,
backgroundMappings
});
import { BorderKeys } from '../keys.js';
import { ThemeSystemType, CSSValue, AddProperty, CSSProperties, ValueConverter } from '../types.js';
import { ThemeSystemType, CSSValue, AddProperty, CSSProperties } from '../types.js';
import 'csstype';

@@ -54,4 +54,3 @@ import '@kuma-ui/sheet';

declare const borderMappings: Record<BorderKeys, string>;
declare const borderConverters: Partial<Record<BorderKeys, ValueConverter>>;
export { BorderProps, borderConverters, borderMappings };
export { BorderProps, borderMappings };

@@ -23,16 +23,5 @@ "use strict";

__export(border_exports, {
borderConverters: () => borderConverters,
borderMappings: () => borderMappings
});
module.exports = __toCommonJS(border_exports);
// src/toCSS.ts
var toCssUnit = (token) => {
if (typeof token === "string")
return token;
else
return `${token}px`;
};
// src/props/border.ts
var borderMappings = {

@@ -70,31 +59,5 @@ border: "border",

};
var borderConverters = {
border: toCssUnit,
borderTop: toCssUnit,
borderRight: toCssUnit,
borderLeft: toCssUnit,
borderBottom: toCssUnit,
borderX: toCssUnit,
borderY: toCssUnit,
borderRadius: toCssUnit,
borderTopLeftRadius: toCssUnit,
borderTopRightRadius: toCssUnit,
borderBottomLeftRadius: toCssUnit,
borderBottomRightRadius: toCssUnit,
borderWidth: toCssUnit,
borderTopWidth: toCssUnit,
borderBottomWidth: toCssUnit,
borderLeftWidth: toCssUnit,
borderRightWidth: toCssUnit,
borderStart: toCssUnit,
borderEnd: toCssUnit,
borderStartWidth: toCssUnit,
borderEndWidth: toCssUnit,
borderStartRadius: toCssUnit,
borderEndRadius: toCssUnit
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
borderConverters,
borderMappings
});
import { ColorKeys } from '../keys.js';
import { ThemeSystemType, AddProperty, CSSValue, CSSProperties, ValueConverter } from '../types.js';
import { ThemeSystemType, AddProperty, CSSValue, CSSProperties } from '../types.js';
import 'csstype';

@@ -17,4 +17,3 @@ import '@kuma-ui/sheet';

declare const colorMappings: Record<ColorKeys, string>;
declare const colorConverters: Partial<Record<ColorKeys, ValueConverter>>;
export { ColorProps, colorConverters, colorMappings };
export { ColorProps, colorMappings };

@@ -23,3 +23,2 @@ "use strict";

__export(color_exports, {
colorConverters: () => colorConverters,
colorMappings: () => colorMappings

@@ -41,7 +40,5 @@ });

};
var colorConverters = {};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
colorConverters,
colorMappings
});

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

import { ThemeSystemType, CSSProperties, AddProperty, ValueConverter } from '../types.js';
import { ThemeSystemType, CSSProperties, AddProperty } from '../types.js';
import { ColumnKeys } from '../keys.js';

@@ -8,4 +8,3 @@ import 'csstype';

declare const columnMappings: Record<ColumnKeys, string>;
declare const columnConverters: Partial<Record<ColumnKeys, ValueConverter>>;
export { ColumnProps, columnConverters, columnMappings };
export { ColumnProps, columnMappings };

@@ -23,16 +23,5 @@ "use strict";

__export(column_exports, {
columnConverters: () => columnConverters,
columnMappings: () => columnMappings
});
module.exports = __toCommonJS(column_exports);
// src/toCSS.ts
var toCssUnit = (token) => {
if (typeof token === "string")
return token;
else
return `${token}px`;
};
// src/props/column.ts
var columnMappings = {

@@ -50,11 +39,5 @@ columnCount: "column-count",

};
var columnConverters = {
columnGap: toCssUnit,
columnRuleWidth: toCssUnit,
columnWidth: toCssUnit
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
columnConverters,
columnMappings
});
import { EffectKeys } from '../keys.js';
import { CSSProperties, ValueConverter } from '../types.js';
import { CSSProperties } from '../types.js';
import 'csstype';

@@ -8,4 +8,3 @@ import '@kuma-ui/sheet';

declare const effectMappings: Record<EffectKeys, string>;
declare const effectConverters: Partial<Record<EffectKeys, ValueConverter>>;
export { EffectProps, effectConverters, effectMappings };
export { EffectProps, effectMappings };

@@ -23,3 +23,2 @@ "use strict";

__export(effect_exports, {
effectConverters: () => effectConverters,
effectMappings: () => effectMappings

@@ -40,7 +39,5 @@ });

};
var effectConverters = {};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
effectConverters,
effectMappings
});

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

import { CSSProperties, ValueConverter } from '../types.js';
import { CSSProperties } from '../types.js';
import { FilterKeys } from '../keys.js';

@@ -8,4 +8,3 @@ import 'csstype';

declare const filterMappings: Record<FilterKeys, string>;
declare const filterConverters: Partial<Record<FilterKeys, ValueConverter>>;
export { FilterProps, filterConverters, filterMappings };
export { FilterProps, filterMappings };

@@ -23,3 +23,2 @@ "use strict";

__export(filter_exports, {
filterConverters: () => filterConverters,
filterMappings: () => filterMappings

@@ -32,7 +31,5 @@ });

};
var filterConverters = {};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
filterConverters,
filterMappings
});
import { FlexKeys } from '../keys.js';
import { ThemeSystemType, CSSValue, CSSProperties, AddProperty, ValueConverter } from '../types.js';
import { ThemeSystemType, CSSValue, CSSProperties, AddProperty } from '../types.js';
import 'csstype';

@@ -18,4 +18,3 @@ import '@kuma-ui/sheet';

declare const flexMappings: Record<FlexKeys, string>;
declare const flexConverters: Partial<Record<FlexKeys, ValueConverter>>;
export { FlexProps, flexConverters, flexMappings };
export { FlexProps, flexMappings };

@@ -23,16 +23,5 @@ "use strict";

__export(flex_exports, {
flexConverters: () => flexConverters,
flexMappings: () => flexMappings
});
module.exports = __toCommonJS(flex_exports);
// src/toCSS.ts
var toCssUnit = (token) => {
if (typeof token === "string")
return token;
else
return `${token}px`;
};
// src/props/flex.ts
var flexMappings = {

@@ -58,10 +47,5 @@ flexDirection: "flex-direction",

};
var flexConverters = {
gap: toCssUnit,
flexBasis: toCssUnit
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
flexConverters,
flexMappings
});
import { FontKeys } from '../keys.js';
import { ThemeSystemType, CSSProperties, AddProperty, ValueConverter } from '../types.js';
import { ThemeSystemType, CSSProperties, AddProperty } from '../types.js';
import 'csstype';

@@ -8,4 +8,3 @@ import '@kuma-ui/sheet';

declare const fontMappings: Record<FontKeys, string>;
declare const fontConverters: Partial<Record<FontKeys, ValueConverter>>;
export { FontProps, fontConverters, fontMappings };
export { FontProps, fontMappings };

@@ -23,16 +23,5 @@ "use strict";

__export(font_exports, {
fontConverters: () => fontConverters,
fontMappings: () => fontMappings
});
module.exports = __toCommonJS(font_exports);
// src/toCSS.ts
var toCssUnit = (token) => {
if (typeof token === "string")
return token;
else
return `${token}px`;
};
// src/props/font.ts
var fontMappings = {

@@ -62,9 +51,5 @@ font: "font",

};
var fontConverters = {
fontSize: toCssUnit
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
fontConverters,
fontMappings
});
import { GridKeys } from '../keys.js';
import { ThemeSystemType, CSSProperties, AddProperty, ValueConverter } from '../types.js';
import { ThemeSystemType, CSSProperties, AddProperty } from '../types.js';
import 'csstype';

@@ -10,4 +10,3 @@ import '@kuma-ui/sheet';

declare const gridMappings: Record<GridKeys, string>;
declare const gridConverters: Partial<Record<GridKeys, ValueConverter>>;
export { GridProps, gridConverters, gridMappings };
export { GridProps, gridMappings };

@@ -23,16 +23,5 @@ "use strict";

__export(grid_exports, {
gridConverters: () => gridConverters,
gridMappings: () => gridMappings
});
module.exports = __toCommonJS(grid_exports);
// src/toCSS.ts
var toCssUnit = (token) => {
if (typeof token === "string")
return token;
else
return `${token}px`;
};
// src/props/grid.ts
var gridMappings = {

@@ -58,11 +47,5 @@ grid: "grid",

};
var gridConverters = {
gridGap: toCssUnit,
gridColumnGap: toCssUnit,
gridRowGap: toCssUnit
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
gridConverters,
gridMappings
});
import { LayoutKeys } from '../keys.js';
import { ThemeSystemType, AddProperty, CSSProperties, ValueConverter } from '../types.js';
import { ThemeSystemType, AddProperty, CSSProperties } from '../types.js';
import 'csstype';

@@ -8,4 +8,3 @@ import '@kuma-ui/sheet';

declare const layoutMappings: Record<LayoutKeys, string>;
declare const layoutConverters: Partial<Record<LayoutKeys, ValueConverter>>;
export { LayoutProps, layoutConverters, layoutMappings };
export { LayoutProps, layoutMappings };

@@ -23,16 +23,5 @@ "use strict";

__export(layout_exports, {
layoutConverters: () => layoutConverters,
layoutMappings: () => layoutMappings
});
module.exports = __toCommonJS(layout_exports);
// src/toCSS.ts
var toCssUnit = (token) => {
if (typeof token === "string")
return token;
else
return `${token}px`;
};
// src/props/layout.ts
var layoutMappings = {

@@ -62,15 +51,5 @@ width: "width",

};
var layoutConverters = {
width: toCssUnit,
minWidth: toCssUnit,
maxWidth: toCssUnit,
height: toCssUnit,
minHeight: toCssUnit,
maxHeight: toCssUnit,
zIndex: (t) => t
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
layoutConverters,
layoutMappings
});

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

import { CSSProperties, ValueConverter } from '../types.js';
import { CSSProperties } from '../types.js';
import { ListKeys } from '../keys.js';

@@ -8,4 +8,3 @@ import 'csstype';

declare const listMappings: Record<ListKeys, string>;
declare const listConverters: Partial<Record<ListKeys, ValueConverter>>;
export { ListProps, listConverters, listMappings };
export { ListProps, listMappings };

@@ -23,3 +23,2 @@ "use strict";

__export(list_exports, {
listConverters: () => listConverters,
listMappings: () => listMappings

@@ -34,7 +33,5 @@ });

};
var listConverters = {};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
listConverters,
listMappings
});

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

import { CSSProperties, ValueConverter } from '../types.js';
import { CSSProperties } from '../types.js';
import { MaskKeys } from '../keys.js';

@@ -8,4 +8,3 @@ import 'csstype';

declare const maskMappings: Record<MaskKeys, string>;
declare const maskConverters: Partial<Record<MaskKeys, ValueConverter>>;
export { MaskProps, maskConverters, maskMappings };
export { MaskProps, maskMappings };

@@ -23,16 +23,5 @@ "use strict";

__export(mask_exports, {
maskConverters: () => maskConverters,
maskMappings: () => maskMappings
});
module.exports = __toCommonJS(mask_exports);
// src/toCSS.ts
var toCssUnit = (token) => {
if (typeof token === "string")
return token;
else
return `${token}px`;
};
// src/props/mask.ts
var maskMappings = {

@@ -57,9 +46,5 @@ mask: "mask",

};
var maskConverters = {
maskSize: toCssUnit
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
maskConverters,
maskMappings
});
import { OutlineKeys } from '../keys.js';
import { CSSProperties, ValueConverter } from '../types.js';
import { CSSProperties } from '../types.js';
import 'csstype';

@@ -8,4 +8,3 @@ import '@kuma-ui/sheet';

declare const outlineMappings: Record<OutlineKeys, string>;
declare const outlineConverters: Partial<Record<OutlineKeys, ValueConverter>>;
export { OutlineProps, outlineConverters, outlineMappings };
export { OutlineProps, outlineMappings };

@@ -23,16 +23,5 @@ "use strict";

__export(outline_exports, {
outlineConverters: () => outlineConverters,
outlineMappings: () => outlineMappings
});
module.exports = __toCommonJS(outline_exports);
// src/toCSS.ts
var toCssUnit = (token) => {
if (typeof token === "string")
return token;
else
return `${token}px`;
};
// src/props/outline.ts
var outlineMappings = {

@@ -44,10 +33,5 @@ outline: "outline",

};
var outlineConverters = {
outlineWidth: toCssUnit,
outlineOffset: toCssUnit
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
outlineConverters,
outlineMappings
});
import { PositionKeys } from '../keys.js';
import { CSSProperties, ValueConverter } from '../types.js';
import { CSSProperties } from '../types.js';
import 'csstype';

@@ -8,4 +8,3 @@ import '@kuma-ui/sheet';

declare const positionMappings: Record<PositionKeys, string>;
declare const positionConverters: Partial<Record<PositionKeys, ValueConverter>>;
export { PositionProps, positionConverters, positionMappings };
export { PositionProps, positionMappings };

@@ -23,16 +23,5 @@ "use strict";

__export(position_exports, {
positionConverters: () => positionConverters,
positionMappings: () => positionMappings
});
module.exports = __toCommonJS(position_exports);
// src/toCSS.ts
var toCssUnit = (token) => {
if (typeof token === "string")
return token;
else
return `${token}px`;
};
// src/props/position.ts
var positionMappings = {

@@ -45,9 +34,5 @@ top: "top",

};
var positionConverters = Object.fromEntries(
Object.keys(positionMappings).map((key) => [key, toCssUnit])
);
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
positionConverters,
positionMappings
});

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

import { CSSProperties, ValueConverter } from '../types.js';
import { CSSProperties } from '../types.js';
import { ShadowKeys } from '../keys.js';

@@ -8,4 +8,3 @@ import 'csstype';

declare const shadowMappings: Record<ShadowKeys, string>;
declare const shadowConverters: Partial<Record<ShadowKeys, ValueConverter>>;
export { ShadowProps, shadowConverters, shadowMappings };
export { ShadowProps, shadowMappings };

@@ -23,3 +23,2 @@ "use strict";

__export(shadow_exports, {
shadowConverters: () => shadowConverters,
shadowMappings: () => shadowMappings

@@ -32,7 +31,5 @@ });

};
var shadowConverters = {};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
shadowConverters,
shadowMappings
});
import { SpaceKeys } from '../keys.js';
import { ThemeSystemType, AddProperty, CSSProperties, CSSValue, ValueConverter } from '../types.js';
import { ThemeSystemType, AddProperty, CSSProperties, CSSValue } from '../types.js';
import 'csstype';

@@ -89,4 +89,3 @@ import '@kuma-ui/sheet';

declare const spaceMappings: Record<SpaceKeys, string>;
declare const spaceConverters: Partial<Record<SpaceKeys, ValueConverter>>;
export { SpaceProps, spaceConverters, spaceMappings };
export { SpaceProps, spaceMappings };

@@ -23,16 +23,5 @@ "use strict";

__export(space_exports, {
spaceConverters: () => spaceConverters,
spaceMappings: () => spaceMappings
});
module.exports = __toCommonJS(space_exports);
// src/toCSS.ts
var toCssUnit = (token) => {
if (typeof token === "string")
return token;
else
return `${token}px`;
};
// src/props/space.ts
var spaceMappings = {

@@ -68,7 +57,5 @@ margin: "margin",

};
var spaceConverters = Object.fromEntries(Object.keys(spaceMappings).map((key) => [key, toCssUnit]));
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
spaceConverters,
spaceMappings
});
import { TextKeys } from '../keys.js';
import { CSSProperties, ValueConverter } from '../types.js';
import { CSSProperties } from '../types.js';
import 'csstype';

@@ -8,4 +8,3 @@ import '@kuma-ui/sheet';

declare const textMappings: Record<TextKeys, string>;
declare const textConverters: Partial<Record<TextKeys, ValueConverter>>;
export { TextProps, textConverters, textMappings };
export { TextProps, textMappings };

@@ -23,16 +23,5 @@ "use strict";

__export(text_exports, {
textConverters: () => textConverters,
textMappings: () => textMappings
});
module.exports = __toCommonJS(text_exports);
// src/toCSS.ts
var toCssUnit = (token) => {
if (typeof token === "string")
return token;
else
return `${token}px`;
};
// src/props/text.ts
var textMappings = {

@@ -62,9 +51,5 @@ textAlign: "text-align",

};
var textConverters = {
textIndent: toCssUnit
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
textConverters,
textMappings
});
import { TypographyKeys } from '../keys.js';
import { ThemeSystemType, CSSProperties, AddProperty, ValueConverter } from '../types.js';
import { ThemeSystemType, CSSProperties, AddProperty } from '../types.js';
import 'csstype';

@@ -8,4 +8,3 @@ import '@kuma-ui/sheet';

declare const typographyMappings: Record<TypographyKeys, string>;
declare const typographyConverters: Partial<Record<TypographyKeys, ValueConverter>>;
export { TypographyProps, typographyConverters, typographyMappings };
export { TypographyProps, typographyMappings };

@@ -23,16 +23,5 @@ "use strict";

__export(typography_exports, {
typographyConverters: () => typographyConverters,
typographyMappings: () => typographyMappings
});
module.exports = __toCommonJS(typography_exports);
// src/toCSS.ts
var toCssUnit = (token) => {
if (typeof token === "string")
return token;
else
return `${token}px`;
};
// src/props/typography.ts
var typographyMappings = {

@@ -56,10 +45,5 @@ hyphenateCharacter: "hyphenate-character",

};
var typographyConverters = {
wordSpacing: toCssUnit,
letterSpacing: toCssUnit
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
typographyConverters,
typographyMappings
});

@@ -30,4 +30,4 @@ import { StyledProps } from './consumeStyleProps.js';

declare const normalizePseudo: (props: string) => string;
declare const isPseudoProps: (props: unknown) => props is "_left" | "_right" | "_marker" | "_first" | "_paused" | "_default" | "_grammar-error" | "_spelling-error" | "_read-only" | "_read-write" | "_after" | "_active" | "_disabled" | "_enabled" | "_cue" | "_cue-region" | "_part" | "_slotted" | "_view-transition-group" | "_view-transition-image-pair" | "_view-transition-new" | "_view-transition-old" | "_dir" | "_has" | "_host" | "_host-context" | "_is" | "_lang" | "_matches()" | "_not" | "_nth-child" | "_nth-last-child" | "_nth-last-of-type" | "_nth-of-type" | "_where" | "_backdrop" | "_before" | "_first-letter" | "_first-line" | "_placeholder" | "_selection" | "_target-text" | "_view-transition" | "_any-link" | "_blank" | "_checked" | "_current" | "_defined" | "_empty" | "_first-child" | "_first-of-type" | "_focus" | "_focus-visible" | "_focus-within" | "_fullscreen" | "_future" | "_hover" | "_in-range" | "_indeterminate" | "_invalid" | "_last-child" | "_last-of-type" | "_link" | "_local-link" | "_nth-col" | "_nth-last-col" | "_only-child" | "_only-of-type" | "_optional" | "_out-of-range" | "_past" | "_picture-in-picture" | "_placeholder-shown" | "_playing" | "_required" | "_root" | "_scope" | "_target" | "_target-within" | "_user-invalid" | "_user-valid" | "_valid" | "_visited";
declare const isPseudoProps: (props: unknown) => props is "_left" | "_right" | "_marker" | "_cue" | "_cue-region" | "_part" | "_slotted" | "_view-transition-group" | "_view-transition-image-pair" | "_view-transition-new" | "_view-transition-old" | "_dir" | "_has" | "_host" | "_host-context" | "_is" | "_lang" | "_matches()" | "_not" | "_nth-child" | "_nth-last-child" | "_nth-last-of-type" | "_nth-of-type" | "_where" | "_after" | "_backdrop" | "_before" | "_first-letter" | "_first-line" | "_grammar-error" | "_placeholder" | "_selection" | "_spelling-error" | "_target-text" | "_view-transition" | "_active" | "_any-link" | "_blank" | "_checked" | "_current" | "_default" | "_defined" | "_disabled" | "_empty" | "_enabled" | "_first" | "_first-child" | "_first-of-type" | "_focus" | "_focus-visible" | "_focus-within" | "_fullscreen" | "_future" | "_hover" | "_in-range" | "_indeterminate" | "_invalid" | "_last-child" | "_last-of-type" | "_link" | "_local-link" | "_nth-col" | "_nth-last-col" | "_only-child" | "_only-of-type" | "_optional" | "_out-of-range" | "_past" | "_paused" | "_picture-in-picture" | "_placeholder-shown" | "_playing" | "_read-only" | "_read-write" | "_required" | "_root" | "_scope" | "_target" | "_target-within" | "_user-invalid" | "_user-valid" | "_valid" | "_visited";
export { PseudoProps, isPseudoProps, normalizePseudo };

@@ -1,3 +0,3 @@

declare const toCssUnit: (token: string | number) => string;
declare function toCssUnit(propertyName: string, value: string | number): string;
export { toCssUnit };

@@ -26,8 +26,57 @@ "use strict";

module.exports = __toCommonJS(toCSS_exports);
var toCssUnit = (token) => {
if (typeof token === "string")
return token;
else
return `${token}px`;
var unitless = {
animationIterationCount: 1,
aspectRatio: 1,
borderImageOutset: 1,
borderImageSlice: 1,
borderImageWidth: 1,
boxFlex: 1,
boxFlexGroup: 1,
boxOrdinalGroup: 1,
columnCount: 1,
columns: 1,
flex: 1,
flexGrow: 1,
flexPositive: 1,
flexShrink: 1,
flexNegative: 1,
flexOrder: 1,
gridRow: 1,
gridRowEnd: 1,
gridRowSpan: 1,
gridRowStart: 1,
gridColumn: 1,
gridColumnEnd: 1,
gridColumnSpan: 1,
gridColumnStart: 1,
msGridRow: 1,
msGridRowSpan: 1,
msGridColumn: 1,
msGridColumnSpan: 1,
fontWeight: 1,
lineHeight: 1,
opacity: 1,
order: 1,
orphans: 1,
tabSize: 1,
widows: 1,
zIndex: 1,
zoom: 1,
WebkitLineClamp: 1,
// SVG-related properties
fillOpacity: 1,
floodOpacity: 1,
stopOpacity: 1,
strokeDasharray: 1,
strokeDashoffset: 1,
strokeMiterlimit: 1,
strokeOpacity: 1,
strokeWidth: 1
};
function toCssUnit(propertyName, value) {
if (typeof value === "number") {
return `${value}${!(propertyName in unitless) ? "px" : ""}`;
}
return value;
}
// Annotate the CommonJS export names for ESM import in node:

@@ -34,0 +83,0 @@ 0 && (module.exports = {

@@ -33,4 +33,3 @@ import * as CSS from 'csstype';

};
type ValueConverter = (value: string | number) => string | number;
export { AddProperty, CSSProperties, CSSProperty, CSSValue, ExcludeHyphen, RemoveColon, ResponsiveStyle, SystemStyle, ThemeSystemType, UtilityCSSMapping, ValueConverter };
export { AddProperty, CSSProperties, CSSProperty, CSSValue, ExcludeHyphen, RemoveColon, ResponsiveStyle, SystemStyle, ThemeSystemType, UtilityCSSMapping };
{
"name": "@kuma-ui/system",
"version": "0.0.0-dev-20231125141015",
"version": "0.0.0-dev-20231208103224",
"description": "🐻 Kuma UI is a utility-first, zero-runtime CSS-in-JS library that offers an outstanding developer experience and optimized performance.",

@@ -5,0 +5,0 @@ "repository": {

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

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

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc