@niche-works/style-layouts 0.3.1 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.ja.md +3 -3
- package/README.md +6 -6
- package/balance/index.cjs +6 -2
- package/balance/index.mjs +6 -2
- package/center/index.cjs +6 -2
- package/center/index.mjs +6 -2
- package/constants.cjs +1 -50
- package/constants.d.cts +2 -2
- package/constants.d.mts +2 -2
- package/constants.mjs +2 -2
- package/core/_constants.cjs +287 -34
- package/core/_constants.d.cts +206 -1
- package/core/_constants.d.mts +206 -1
- package/core/_constants.mjs +206 -3
- package/core/_internal/applyChildCount.cjs +6 -8
- package/core/_internal/applyChildCount.mjs +6 -6
- package/core/_internal/applyChildRatio.cjs +4 -6
- package/core/_internal/applyChildRatio.mjs +3 -3
- package/core/_internal/applyChildSize.cjs +6 -8
- package/core/_internal/applyChildSize.mjs +4 -4
- package/core/_internal/applyGap.cjs +6 -8
- package/core/_internal/applyGap.mjs +4 -4
- package/core/_internal/mergeClassName.cjs +11 -0
- package/core/_internal/mergeClassName.d.cts +3 -0
- package/core/_internal/mergeClassName.d.mts +4 -0
- package/core/_internal/mergeClassName.mjs +10 -0
- package/core/_internal/mergeLayoutResults.cjs +2 -4
- package/core/_internal/mergeLayoutResults.mjs +2 -2
- package/core/_types.d.cts +1 -9
- package/core/_types.d.mts +1 -9
- package/core/balance/balance.cjs +4 -4
- package/core/balance/balance.d.cts +2 -0
- package/core/balance/balance.d.mts +2 -0
- package/core/balance/balance.mjs +5 -4
- package/core/balance/styles.css +32 -0
- package/core/center/center.cjs +3 -4
- package/core/center/center.d.cts +1 -0
- package/core/center/center.d.mts +1 -0
- package/core/center/center.mjs +4 -4
- package/core/constants.cjs +4 -255
- package/core/constants.d.cts +4 -206
- package/core/constants.d.mts +4 -206
- package/core/constants.mjs +4 -206
- package/core/flow/flow.cjs +5 -7
- package/core/flow/flow.mjs +6 -7
- package/core/index.d.cts +2 -2
- package/core/index.d.mts +2 -2
- package/core/layer/layer.cjs +2 -4
- package/core/layer/layer.mjs +3 -4
- package/core/matrix/matrix.cjs +3 -4
- package/core/matrix/matrix.d.cts +1 -0
- package/core/matrix/matrix.d.mts +1 -0
- package/core/matrix/matrix.mjs +4 -4
- package/core/pack/pack.cjs +2 -4
- package/core/pack/pack.mjs +3 -4
- package/core/pin/pin.cjs +2 -2
- package/core/pin/pin.mjs +1 -1
- package/core/stack/stack.cjs +12 -14
- package/core/stack/stack.d.cts +1 -1
- package/core/stack/stack.d.mts +1 -1
- package/core/stack/stack.mjs +13 -14
- package/core/styles.css +32 -0
- package/core/tile/tile.cjs +2 -4
- package/core/tile/tile.mjs +3 -4
- package/core/types.d.cts +7 -2
- package/core/types.d.mts +7 -2
- package/flow/index.cjs +6 -2
- package/flow/index.mjs +6 -2
- package/helpers/_internal/constants.cjs +25 -0
- package/helpers/_internal/constants.d.cts +13 -0
- package/helpers/_internal/constants.d.mts +13 -0
- package/helpers/_internal/constants.mjs +16 -0
- package/helpers/_internal/createExtractLayoutOptions.cjs +25 -0
- package/helpers/_internal/createExtractLayoutOptions.d.cts +8 -0
- package/helpers/_internal/createExtractLayoutOptions.d.mts +9 -0
- package/helpers/_internal/createExtractLayoutOptions.mjs +24 -0
- package/helpers/extractBalanceOptions.cjs +15 -0
- package/helpers/extractBalanceOptions.d.cts +5 -0
- package/helpers/extractBalanceOptions.d.mts +6 -0
- package/helpers/extractBalanceOptions.mjs +15 -0
- package/helpers/extractCenterOptions.cjs +14 -0
- package/helpers/extractCenterOptions.d.cts +6 -0
- package/helpers/extractCenterOptions.d.mts +7 -0
- package/helpers/extractCenterOptions.mjs +14 -0
- package/helpers/extractFlowOptions.cjs +15 -0
- package/helpers/extractFlowOptions.d.cts +6 -0
- package/helpers/extractFlowOptions.d.mts +7 -0
- package/helpers/extractFlowOptions.mjs +15 -0
- package/helpers/extractLayerOptions.cjs +13 -0
- package/helpers/extractLayerOptions.d.cts +6 -0
- package/helpers/extractLayerOptions.d.mts +7 -0
- package/helpers/extractLayerOptions.mjs +13 -0
- package/helpers/extractMatrixOptions.cjs +17 -0
- package/helpers/extractMatrixOptions.d.cts +5 -0
- package/helpers/extractMatrixOptions.d.mts +6 -0
- package/helpers/extractMatrixOptions.mjs +17 -0
- package/helpers/extractPackOptions.cjs +8 -0
- package/helpers/extractPackOptions.d.cts +6 -0
- package/helpers/extractPackOptions.d.mts +7 -0
- package/helpers/extractPackOptions.mjs +8 -0
- package/helpers/extractPinOptions.cjs +8 -0
- package/helpers/extractPinOptions.d.cts +6 -0
- package/helpers/extractPinOptions.d.mts +7 -0
- package/helpers/extractPinOptions.mjs +8 -0
- package/helpers/extractStackOptions.cjs +15 -0
- package/helpers/extractStackOptions.d.cts +6 -0
- package/helpers/extractStackOptions.d.mts +7 -0
- package/helpers/extractStackOptions.mjs +15 -0
- package/helpers/extractTileOptions.cjs +15 -0
- package/helpers/extractTileOptions.d.cts +6 -0
- package/helpers/extractTileOptions.d.mts +7 -0
- package/helpers/extractTileOptions.mjs +15 -0
- package/helpers/index.cjs +20 -0
- package/helpers/index.d.cts +10 -0
- package/helpers/index.d.mts +10 -0
- package/helpers/index.mjs +11 -0
- package/index.cjs +18 -18
- package/index.d.cts +2 -2
- package/index.d.mts +2 -2
- package/index.mjs +10 -10
- package/layer/index.cjs +6 -2
- package/layer/index.mjs +6 -2
- package/matrix/index.cjs +6 -2
- package/matrix/index.mjs +6 -2
- package/pack/index.cjs +6 -2
- package/pack/index.mjs +6 -2
- package/package.json +6 -4
- package/pin/index.cjs +6 -2
- package/pin/index.mjs +6 -2
- package/stack/index.cjs +6 -2
- package/stack/index.mjs +6 -2
- package/tile/index.cjs +6 -2
- package/tile/index.mjs +6 -2
- package/types.d.cts +2 -2
- package/types.d.mts +2 -2
- package/core/_internal/warnIfUnsupported.cjs +0 -15
- package/core/_internal/warnIfUnsupported.d.cts +0 -3
- package/core/_internal/warnIfUnsupported.d.mts +0 -4
- package/core/_internal/warnIfUnsupported.mjs +0 -14
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ADJUST_OPTIONS_KEYS, ALIGN_OPTIONS_KEYS, CHILD_COUNT_OPTIONS_KEYS, CHILD_RATIO_OPTIONS_KEYS, CHILD_SIZE_OPTIONS_KEYS, DIRECTION_OPTIONS_KEYS, GAP_OPTIONS_KEYS, TRACKS_OPTIONS_KEYS } from "./_internal/constants.mjs";
|
|
2
|
+
import createExtractLayoutOptions from "./_internal/createExtractLayoutOptions.mjs";
|
|
3
|
+
|
|
4
|
+
//#region src/helpers/extractMatrixOptions.ts
|
|
5
|
+
var extractMatrixOptions_default = createExtractLayoutOptions([
|
|
6
|
+
...DIRECTION_OPTIONS_KEYS,
|
|
7
|
+
...ALIGN_OPTIONS_KEYS,
|
|
8
|
+
...ADJUST_OPTIONS_KEYS,
|
|
9
|
+
...GAP_OPTIONS_KEYS,
|
|
10
|
+
...CHILD_SIZE_OPTIONS_KEYS,
|
|
11
|
+
...CHILD_RATIO_OPTIONS_KEYS,
|
|
12
|
+
...CHILD_COUNT_OPTIONS_KEYS,
|
|
13
|
+
...TRACKS_OPTIONS_KEYS
|
|
14
|
+
]);
|
|
15
|
+
|
|
16
|
+
//#endregion
|
|
17
|
+
export { extractMatrixOptions_default as default };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
const require_helpers__internal_constants = require('./_internal/constants.cjs');
|
|
2
|
+
const require_helpers__internal_createExtractLayoutOptions = require('./_internal/createExtractLayoutOptions.cjs');
|
|
3
|
+
|
|
4
|
+
//#region src/helpers/extractPackOptions.ts
|
|
5
|
+
var extractPackOptions_default = require_helpers__internal_createExtractLayoutOptions([...require_helpers__internal_constants.DIRECTION_OPTIONS_KEYS, ...require_helpers__internal_constants.GAP_OPTIONS_KEYS]);
|
|
6
|
+
|
|
7
|
+
//#endregion
|
|
8
|
+
module.exports = extractPackOptions_default;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { GapOptions } from "../core/_types.cjs";
|
|
2
|
+
import { PackLayoutOptions } from "../core/pack/types.cjs";
|
|
3
|
+
|
|
4
|
+
//#region src/helpers/extractPackOptions.d.ts
|
|
5
|
+
declare const _default: <T extends Record<string, unknown>>(record: T) => [PackLayoutOptions, Omit<T, "direction" | keyof GapOptions>];
|
|
6
|
+
export = _default;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { GapOptions } from "../core/_types.mjs";
|
|
2
|
+
import { PackLayoutOptions } from "../core/pack/types.mjs";
|
|
3
|
+
|
|
4
|
+
//#region src/helpers/extractPackOptions.d.ts
|
|
5
|
+
declare const _default: <T extends Record<string, unknown>>(record: T) => [PackLayoutOptions, Omit<T, "direction" | keyof GapOptions>];
|
|
6
|
+
//#endregion
|
|
7
|
+
export { _default as default };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { DIRECTION_OPTIONS_KEYS, GAP_OPTIONS_KEYS } from "./_internal/constants.mjs";
|
|
2
|
+
import createExtractLayoutOptions from "./_internal/createExtractLayoutOptions.mjs";
|
|
3
|
+
|
|
4
|
+
//#region src/helpers/extractPackOptions.ts
|
|
5
|
+
var extractPackOptions_default = createExtractLayoutOptions([...DIRECTION_OPTIONS_KEYS, ...GAP_OPTIONS_KEYS]);
|
|
6
|
+
|
|
7
|
+
//#endregion
|
|
8
|
+
export { extractPackOptions_default as default };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
const require_helpers__internal_constants = require('./_internal/constants.cjs');
|
|
2
|
+
const require_helpers__internal_createExtractLayoutOptions = require('./_internal/createExtractLayoutOptions.cjs');
|
|
3
|
+
|
|
4
|
+
//#region src/helpers/extractPinOptions.ts
|
|
5
|
+
var extractPinOptions_default = require_helpers__internal_createExtractLayoutOptions([...require_helpers__internal_constants.CHILD_SIZE_OPTIONS_KEYS, ...require_helpers__internal_constants.CHILD_RATIO_OPTIONS_KEYS]);
|
|
6
|
+
|
|
7
|
+
//#endregion
|
|
8
|
+
module.exports = extractPinOptions_default;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ChildRatioOptions, ChildSizeOptions } from "../core/_types.cjs";
|
|
2
|
+
import { PinLayoutOptions } from "../core/pin/types.cjs";
|
|
3
|
+
|
|
4
|
+
//#region src/helpers/extractPinOptions.d.ts
|
|
5
|
+
declare const _default: <T extends Record<string, unknown>>(record: T) => [PinLayoutOptions, Omit<T, keyof ChildSizeOptions | keyof ChildRatioOptions>];
|
|
6
|
+
export = _default;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ChildRatioOptions, ChildSizeOptions } from "../core/_types.mjs";
|
|
2
|
+
import { PinLayoutOptions } from "../core/pin/types.mjs";
|
|
3
|
+
|
|
4
|
+
//#region src/helpers/extractPinOptions.d.ts
|
|
5
|
+
declare const _default: <T extends Record<string, unknown>>(record: T) => [PinLayoutOptions, Omit<T, keyof ChildSizeOptions | keyof ChildRatioOptions>];
|
|
6
|
+
//#endregion
|
|
7
|
+
export { _default as default };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { CHILD_RATIO_OPTIONS_KEYS, CHILD_SIZE_OPTIONS_KEYS } from "./_internal/constants.mjs";
|
|
2
|
+
import createExtractLayoutOptions from "./_internal/createExtractLayoutOptions.mjs";
|
|
3
|
+
|
|
4
|
+
//#region src/helpers/extractPinOptions.ts
|
|
5
|
+
var extractPinOptions_default = createExtractLayoutOptions([...CHILD_SIZE_OPTIONS_KEYS, ...CHILD_RATIO_OPTIONS_KEYS]);
|
|
6
|
+
|
|
7
|
+
//#endregion
|
|
8
|
+
export { extractPinOptions_default as default };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
const require_helpers__internal_constants = require('./_internal/constants.cjs');
|
|
2
|
+
const require_helpers__internal_createExtractLayoutOptions = require('./_internal/createExtractLayoutOptions.cjs');
|
|
3
|
+
|
|
4
|
+
//#region src/helpers/extractStackOptions.ts
|
|
5
|
+
var extractStackOptions_default = require_helpers__internal_createExtractLayoutOptions([
|
|
6
|
+
...require_helpers__internal_constants.DIRECTION_OPTIONS_KEYS,
|
|
7
|
+
...require_helpers__internal_constants.ALIGN_OPTIONS_KEYS,
|
|
8
|
+
...require_helpers__internal_constants.ADJUST_OPTIONS_KEYS,
|
|
9
|
+
...require_helpers__internal_constants.GAP_OPTIONS_KEYS,
|
|
10
|
+
...require_helpers__internal_constants.CHILD_SIZE_OPTIONS_KEYS,
|
|
11
|
+
...require_helpers__internal_constants.CHILD_RATIO_OPTIONS_KEYS
|
|
12
|
+
]);
|
|
13
|
+
|
|
14
|
+
//#endregion
|
|
15
|
+
module.exports = extractStackOptions_default;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { AdjustOptions, ChildRatioOptions, ChildSizeOptions, GapOptions } from "../core/_types.cjs";
|
|
2
|
+
import { StackLayoutOptions } from "../core/stack/types.cjs";
|
|
3
|
+
|
|
4
|
+
//#region src/helpers/extractStackOptions.d.ts
|
|
5
|
+
declare const _default: <T extends Record<string, unknown>>(record: T) => [StackLayoutOptions, Omit<T, keyof AdjustOptions | "direction" | keyof GapOptions | keyof ChildSizeOptions | keyof ChildRatioOptions | "alignY" | "alignX">];
|
|
6
|
+
export = _default;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { AdjustOptions, ChildRatioOptions, ChildSizeOptions, GapOptions } from "../core/_types.mjs";
|
|
2
|
+
import { StackLayoutOptions } from "../core/stack/types.mjs";
|
|
3
|
+
|
|
4
|
+
//#region src/helpers/extractStackOptions.d.ts
|
|
5
|
+
declare const _default: <T extends Record<string, unknown>>(record: T) => [StackLayoutOptions, Omit<T, keyof AdjustOptions | "direction" | keyof GapOptions | keyof ChildSizeOptions | keyof ChildRatioOptions | "alignY" | "alignX">];
|
|
6
|
+
//#endregion
|
|
7
|
+
export { _default as default };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ADJUST_OPTIONS_KEYS, ALIGN_OPTIONS_KEYS, CHILD_RATIO_OPTIONS_KEYS, CHILD_SIZE_OPTIONS_KEYS, DIRECTION_OPTIONS_KEYS, GAP_OPTIONS_KEYS } from "./_internal/constants.mjs";
|
|
2
|
+
import createExtractLayoutOptions from "./_internal/createExtractLayoutOptions.mjs";
|
|
3
|
+
|
|
4
|
+
//#region src/helpers/extractStackOptions.ts
|
|
5
|
+
var extractStackOptions_default = createExtractLayoutOptions([
|
|
6
|
+
...DIRECTION_OPTIONS_KEYS,
|
|
7
|
+
...ALIGN_OPTIONS_KEYS,
|
|
8
|
+
...ADJUST_OPTIONS_KEYS,
|
|
9
|
+
...GAP_OPTIONS_KEYS,
|
|
10
|
+
...CHILD_SIZE_OPTIONS_KEYS,
|
|
11
|
+
...CHILD_RATIO_OPTIONS_KEYS
|
|
12
|
+
]);
|
|
13
|
+
|
|
14
|
+
//#endregion
|
|
15
|
+
export { extractStackOptions_default as default };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
const require_helpers__internal_constants = require('./_internal/constants.cjs');
|
|
2
|
+
const require_helpers__internal_createExtractLayoutOptions = require('./_internal/createExtractLayoutOptions.cjs');
|
|
3
|
+
|
|
4
|
+
//#region src/helpers/extractTileOptions.ts
|
|
5
|
+
var extractTileOptions_default = require_helpers__internal_createExtractLayoutOptions([
|
|
6
|
+
...require_helpers__internal_constants.DIRECTION_OPTIONS_KEYS,
|
|
7
|
+
...require_helpers__internal_constants.ALIGN_OPTIONS_KEYS,
|
|
8
|
+
...require_helpers__internal_constants.ADJUST_OPTIONS_KEYS,
|
|
9
|
+
...require_helpers__internal_constants.GAP_OPTIONS_KEYS,
|
|
10
|
+
...require_helpers__internal_constants.CHILD_SIZE_OPTIONS_KEYS,
|
|
11
|
+
...require_helpers__internal_constants.CHILD_RATIO_OPTIONS_KEYS
|
|
12
|
+
]);
|
|
13
|
+
|
|
14
|
+
//#endregion
|
|
15
|
+
module.exports = extractTileOptions_default;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { AdjustOptions, AlignOptions, ChildRatioOptions, ChildSizeOptions, GapOptions } from "../core/_types.cjs";
|
|
2
|
+
import { TileLayoutOptions } from "../core/tile/types.cjs";
|
|
3
|
+
|
|
4
|
+
//#region src/helpers/extractTileOptions.d.ts
|
|
5
|
+
declare const _default: <T extends Record<string, unknown>>(record: T) => [TileLayoutOptions, Omit<T, keyof AdjustOptions | "direction" | keyof GapOptions | keyof ChildSizeOptions | keyof ChildRatioOptions | keyof AlignOptions>];
|
|
6
|
+
export = _default;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { AdjustOptions, AlignOptions, ChildRatioOptions, ChildSizeOptions, GapOptions } from "../core/_types.mjs";
|
|
2
|
+
import { TileLayoutOptions } from "../core/tile/types.mjs";
|
|
3
|
+
|
|
4
|
+
//#region src/helpers/extractTileOptions.d.ts
|
|
5
|
+
declare const _default: <T extends Record<string, unknown>>(record: T) => [TileLayoutOptions, Omit<T, keyof AdjustOptions | "direction" | keyof GapOptions | keyof ChildSizeOptions | keyof ChildRatioOptions | keyof AlignOptions>];
|
|
6
|
+
//#endregion
|
|
7
|
+
export { _default as default };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ADJUST_OPTIONS_KEYS, ALIGN_OPTIONS_KEYS, CHILD_RATIO_OPTIONS_KEYS, CHILD_SIZE_OPTIONS_KEYS, DIRECTION_OPTIONS_KEYS, GAP_OPTIONS_KEYS } from "./_internal/constants.mjs";
|
|
2
|
+
import createExtractLayoutOptions from "./_internal/createExtractLayoutOptions.mjs";
|
|
3
|
+
|
|
4
|
+
//#region src/helpers/extractTileOptions.ts
|
|
5
|
+
var extractTileOptions_default = createExtractLayoutOptions([
|
|
6
|
+
...DIRECTION_OPTIONS_KEYS,
|
|
7
|
+
...ALIGN_OPTIONS_KEYS,
|
|
8
|
+
...ADJUST_OPTIONS_KEYS,
|
|
9
|
+
...GAP_OPTIONS_KEYS,
|
|
10
|
+
...CHILD_SIZE_OPTIONS_KEYS,
|
|
11
|
+
...CHILD_RATIO_OPTIONS_KEYS
|
|
12
|
+
]);
|
|
13
|
+
|
|
14
|
+
//#endregion
|
|
15
|
+
export { extractTileOptions_default as default };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
2
|
+
const require_helpers_extractBalanceOptions = require('./extractBalanceOptions.cjs');
|
|
3
|
+
const require_helpers_extractCenterOptions = require('./extractCenterOptions.cjs');
|
|
4
|
+
const require_helpers_extractFlowOptions = require('./extractFlowOptions.cjs');
|
|
5
|
+
const require_helpers_extractLayerOptions = require('./extractLayerOptions.cjs');
|
|
6
|
+
const require_helpers_extractMatrixOptions = require('./extractMatrixOptions.cjs');
|
|
7
|
+
const require_helpers_extractPackOptions = require('./extractPackOptions.cjs');
|
|
8
|
+
const require_helpers_extractPinOptions = require('./extractPinOptions.cjs');
|
|
9
|
+
const require_helpers_extractStackOptions = require('./extractStackOptions.cjs');
|
|
10
|
+
const require_helpers_extractTileOptions = require('./extractTileOptions.cjs');
|
|
11
|
+
|
|
12
|
+
exports.extractBalanceOptions = require_helpers_extractBalanceOptions;
|
|
13
|
+
exports.extractCenterOptions = require_helpers_extractCenterOptions;
|
|
14
|
+
exports.extractFlowOptions = require_helpers_extractFlowOptions;
|
|
15
|
+
exports.extractLayerOptions = require_helpers_extractLayerOptions;
|
|
16
|
+
exports.extractMatrixOptions = require_helpers_extractMatrixOptions;
|
|
17
|
+
exports.extractPackOptions = require_helpers_extractPackOptions;
|
|
18
|
+
exports.extractPinOptions = require_helpers_extractPinOptions;
|
|
19
|
+
exports.extractStackOptions = require_helpers_extractStackOptions;
|
|
20
|
+
exports.extractTileOptions = require_helpers_extractTileOptions;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import _default from "./extractBalanceOptions.cjs";
|
|
2
|
+
import _default$1 from "./extractCenterOptions.cjs";
|
|
3
|
+
import _default$2 from "./extractFlowOptions.cjs";
|
|
4
|
+
import _default$3 from "./extractLayerOptions.cjs";
|
|
5
|
+
import _default$4 from "./extractMatrixOptions.cjs";
|
|
6
|
+
import _default$5 from "./extractPackOptions.cjs";
|
|
7
|
+
import _default$6 from "./extractPinOptions.cjs";
|
|
8
|
+
import _default$7 from "./extractStackOptions.cjs";
|
|
9
|
+
import _default$8 from "./extractTileOptions.cjs";
|
|
10
|
+
export { _default as extractBalanceOptions, _default$1 as extractCenterOptions, _default$2 as extractFlowOptions, _default$3 as extractLayerOptions, _default$4 as extractMatrixOptions, _default$5 as extractPackOptions, _default$6 as extractPinOptions, _default$7 as extractStackOptions, _default$8 as extractTileOptions };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import _default from "./extractBalanceOptions.mjs";
|
|
2
|
+
import _default$1 from "./extractCenterOptions.mjs";
|
|
3
|
+
import _default$2 from "./extractFlowOptions.mjs";
|
|
4
|
+
import _default$3 from "./extractLayerOptions.mjs";
|
|
5
|
+
import _default$4 from "./extractMatrixOptions.mjs";
|
|
6
|
+
import _default$5 from "./extractPackOptions.mjs";
|
|
7
|
+
import _default$6 from "./extractPinOptions.mjs";
|
|
8
|
+
import _default$7 from "./extractStackOptions.mjs";
|
|
9
|
+
import _default$8 from "./extractTileOptions.mjs";
|
|
10
|
+
export { _default as extractBalanceOptions, _default$1 as extractCenterOptions, _default$2 as extractFlowOptions, _default$3 as extractLayerOptions, _default$4 as extractMatrixOptions, _default$5 as extractPackOptions, _default$6 as extractPinOptions, _default$7 as extractStackOptions, _default$8 as extractTileOptions };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import extractBalanceOptions_default from "./extractBalanceOptions.mjs";
|
|
2
|
+
import extractCenterOptions_default from "./extractCenterOptions.mjs";
|
|
3
|
+
import extractFlowOptions_default from "./extractFlowOptions.mjs";
|
|
4
|
+
import extractLayerOptions_default from "./extractLayerOptions.mjs";
|
|
5
|
+
import extractMatrixOptions_default from "./extractMatrixOptions.mjs";
|
|
6
|
+
import extractPackOptions_default from "./extractPackOptions.mjs";
|
|
7
|
+
import extractPinOptions_default from "./extractPinOptions.mjs";
|
|
8
|
+
import extractStackOptions_default from "./extractStackOptions.mjs";
|
|
9
|
+
import extractTileOptions_default from "./extractTileOptions.mjs";
|
|
10
|
+
|
|
11
|
+
export { extractBalanceOptions_default as extractBalanceOptions, extractCenterOptions_default as extractCenterOptions, extractFlowOptions_default as extractFlowOptions, extractLayerOptions_default as extractLayerOptions, extractMatrixOptions_default as extractMatrixOptions, extractPackOptions_default as extractPackOptions, extractPinOptions_default as extractPinOptions, extractStackOptions_default as extractStackOptions, extractTileOptions_default as extractTileOptions };
|
package/index.cjs
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
2
|
-
const
|
|
3
|
-
const
|
|
4
|
-
const
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
2
|
+
const require_balance_index = require('./balance/index.cjs');
|
|
3
|
+
const require_center_index = require('./center/index.cjs');
|
|
4
|
+
const require_flow_index = require('./flow/index.cjs');
|
|
5
|
+
const require_layer_index = require('./layer/index.cjs');
|
|
6
|
+
const require_matrix_index = require('./matrix/index.cjs');
|
|
7
|
+
const require_pack_index = require('./pack/index.cjs');
|
|
8
|
+
const require_pin_index = require('./pin/index.cjs');
|
|
9
|
+
const require_stack_index = require('./stack/index.cjs');
|
|
10
|
+
const require_tile_index = require('./tile/index.cjs');
|
|
11
11
|
|
|
12
|
-
exports.balance =
|
|
13
|
-
exports.center =
|
|
14
|
-
exports.flow =
|
|
15
|
-
exports.layer =
|
|
16
|
-
exports.matrix =
|
|
17
|
-
exports.pack =
|
|
18
|
-
exports.pin =
|
|
19
|
-
exports.stack =
|
|
20
|
-
exports.tile =
|
|
12
|
+
exports.balance = require_balance_index;
|
|
13
|
+
exports.center = require_center_index;
|
|
14
|
+
exports.flow = require_flow_index;
|
|
15
|
+
exports.layer = require_layer_index;
|
|
16
|
+
exports.matrix = require_matrix_index;
|
|
17
|
+
exports.pack = require_pack_index;
|
|
18
|
+
exports.pin = require_pin_index;
|
|
19
|
+
exports.stack = require_stack_index;
|
|
20
|
+
exports.tile = require_tile_index;
|
package/index.d.cts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { StyleLayout, StyleLayoutResult } from "./core/types.cjs";
|
|
1
|
+
import { CSSCustomProperties, StyleLayout, StyleLayoutResult } from "./core/types.cjs";
|
|
2
2
|
import { BalanceLayoutOptions } from "./core/balance/types.cjs";
|
|
3
3
|
import balance from "./core/balance/balance.cjs";
|
|
4
4
|
import { CenterLayoutOptions } from "./core/center/types.cjs";
|
|
@@ -17,4 +17,4 @@ import { StackLayoutOptions } from "./core/stack/types.cjs";
|
|
|
17
17
|
import stack from "./core/stack/stack.cjs";
|
|
18
18
|
import { TileLayoutOptions } from "./core/tile/types.cjs";
|
|
19
19
|
import tile from "./core/tile/tile.cjs";
|
|
20
|
-
export { BalanceLayoutOptions, CenterLayoutOptions, FlowLayoutOptions, LayerLayoutOptions, MatrixLayoutOptions, PackLayoutOptions, PinLayoutOptions, StackLayoutOptions, StyleLayout, StyleLayoutResult, TileLayoutOptions, balance, center, flow, layer, matrix, pack, pin, stack, tile };
|
|
20
|
+
export { BalanceLayoutOptions, CSSCustomProperties, CenterLayoutOptions, FlowLayoutOptions, LayerLayoutOptions, MatrixLayoutOptions, PackLayoutOptions, PinLayoutOptions, StackLayoutOptions, StyleLayout, StyleLayoutResult, TileLayoutOptions, balance, center, flow, layer, matrix, pack, pin, stack, tile };
|
package/index.d.mts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { StyleLayout, StyleLayoutResult } from "./core/types.mjs";
|
|
1
|
+
import { CSSCustomProperties, StyleLayout, StyleLayoutResult } from "./core/types.mjs";
|
|
2
2
|
import { BalanceLayoutOptions } from "./core/balance/types.mjs";
|
|
3
3
|
import balance from "./core/balance/balance.mjs";
|
|
4
4
|
import { CenterLayoutOptions } from "./core/center/types.mjs";
|
|
@@ -17,4 +17,4 @@ import { StackLayoutOptions } from "./core/stack/types.mjs";
|
|
|
17
17
|
import stack from "./core/stack/stack.mjs";
|
|
18
18
|
import { TileLayoutOptions } from "./core/tile/types.mjs";
|
|
19
19
|
import tile from "./core/tile/tile.mjs";
|
|
20
|
-
export { BalanceLayoutOptions, CenterLayoutOptions, FlowLayoutOptions, LayerLayoutOptions, MatrixLayoutOptions, PackLayoutOptions, PinLayoutOptions, StackLayoutOptions, StyleLayout, StyleLayoutResult, TileLayoutOptions, balance, center, flow, layer, matrix, pack, pin, stack, tile };
|
|
20
|
+
export { BalanceLayoutOptions, CSSCustomProperties, CenterLayoutOptions, FlowLayoutOptions, LayerLayoutOptions, MatrixLayoutOptions, PackLayoutOptions, PinLayoutOptions, StackLayoutOptions, StyleLayout, StyleLayoutResult, TileLayoutOptions, balance, center, flow, layer, matrix, pack, pin, stack, tile };
|
package/index.mjs
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
1
|
+
import balance_default from "./balance/index.mjs";
|
|
2
|
+
import center_default from "./center/index.mjs";
|
|
3
|
+
import flow_default from "./flow/index.mjs";
|
|
4
|
+
import layer_default from "./layer/index.mjs";
|
|
5
|
+
import matrix_default from "./matrix/index.mjs";
|
|
6
|
+
import pack_default from "./pack/index.mjs";
|
|
7
|
+
import pin_default from "./pin/index.mjs";
|
|
8
|
+
import stack_default from "./stack/index.mjs";
|
|
9
|
+
import tile_default from "./tile/index.mjs";
|
|
10
10
|
|
|
11
|
-
export { balance, center, flow, layer, matrix, pack, pin, stack, tile };
|
|
11
|
+
export { balance_default as balance, center_default as center, flow_default as flow, layer_default as layer, matrix_default as matrix, pack_default as pack, pin_default as pin, stack_default as stack, tile_default as tile };
|
package/layer/index.cjs
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
require('../core/layer/styles.css');
|
|
2
1
|
const require_core_layer_layer = require('../core/layer/layer.cjs');
|
|
2
|
+
require('../core/layer/styles.css');
|
|
3
|
+
|
|
4
|
+
//#region src/layer/index.ts
|
|
5
|
+
var layer_default = require_core_layer_layer;
|
|
3
6
|
|
|
4
|
-
|
|
7
|
+
//#endregion
|
|
8
|
+
module.exports = layer_default;
|
package/layer/index.mjs
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
import "../core/layer/styles.css";
|
|
2
1
|
import layer from "../core/layer/layer.mjs";
|
|
2
|
+
import "../core/layer/styles.css";
|
|
3
|
+
|
|
4
|
+
//#region src/layer/index.ts
|
|
5
|
+
var layer_default = layer;
|
|
3
6
|
|
|
4
|
-
|
|
7
|
+
//#endregion
|
|
8
|
+
export { layer_default as default };
|
package/matrix/index.cjs
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
require('../core/matrix/styles.css');
|
|
2
1
|
const require_core_matrix_matrix = require('../core/matrix/matrix.cjs');
|
|
2
|
+
require('../core/matrix/styles.css');
|
|
3
|
+
|
|
4
|
+
//#region src/matrix/index.ts
|
|
5
|
+
var matrix_default = require_core_matrix_matrix;
|
|
3
6
|
|
|
4
|
-
|
|
7
|
+
//#endregion
|
|
8
|
+
module.exports = matrix_default;
|
package/matrix/index.mjs
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
import "../core/matrix/styles.css";
|
|
2
1
|
import matrix from "../core/matrix/matrix.mjs";
|
|
2
|
+
import "../core/matrix/styles.css";
|
|
3
|
+
|
|
4
|
+
//#region src/matrix/index.ts
|
|
5
|
+
var matrix_default = matrix;
|
|
3
6
|
|
|
4
|
-
|
|
7
|
+
//#endregion
|
|
8
|
+
export { matrix_default as default };
|
package/pack/index.cjs
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
require('../core/pack/styles.css');
|
|
2
1
|
const require_core_pack_pack = require('../core/pack/pack.cjs');
|
|
2
|
+
require('../core/pack/styles.css');
|
|
3
|
+
|
|
4
|
+
//#region src/pack/index.ts
|
|
5
|
+
var pack_default = require_core_pack_pack;
|
|
3
6
|
|
|
4
|
-
|
|
7
|
+
//#endregion
|
|
8
|
+
module.exports = pack_default;
|
package/pack/index.mjs
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@niche-works/style-layouts",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.0",
|
|
4
4
|
"keywords": [
|
|
5
5
|
"css",
|
|
6
6
|
"style",
|
|
@@ -37,6 +37,10 @@
|
|
|
37
37
|
"import": "./core/constants.mjs",
|
|
38
38
|
"require": "./core/constants.cjs"
|
|
39
39
|
},
|
|
40
|
+
"./helpers/*": {
|
|
41
|
+
"import": "./helpers/*.mjs",
|
|
42
|
+
"require": "./helpers/*.cjs"
|
|
43
|
+
},
|
|
40
44
|
"./core/styles.css": "./core/styles.css",
|
|
41
45
|
"./core/*.css": "./core/*/styles.css"
|
|
42
46
|
},
|
|
@@ -44,8 +48,6 @@
|
|
|
44
48
|
"module": "./index.mjs",
|
|
45
49
|
"dependencies": {
|
|
46
50
|
"@niche-works/types": "^0.3.1",
|
|
47
|
-
"@niche-works/utils": "^0.4.0"
|
|
48
|
-
"clsx": "^2.1.1",
|
|
49
|
-
"csstype": "^3.2.3"
|
|
51
|
+
"@niche-works/utils": "^0.4.0"
|
|
50
52
|
}
|
|
51
53
|
}
|
package/pin/index.cjs
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
require('../core/pin/styles.css');
|
|
2
1
|
const require_core_pin_pin = require('../core/pin/pin.cjs');
|
|
2
|
+
require('../core/pin/styles.css');
|
|
3
|
+
|
|
4
|
+
//#region src/pin/index.ts
|
|
5
|
+
var pin_default = require_core_pin_pin;
|
|
3
6
|
|
|
4
|
-
|
|
7
|
+
//#endregion
|
|
8
|
+
module.exports = pin_default;
|
package/pin/index.mjs
CHANGED
package/stack/index.cjs
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
require('../core/stack/styles.css');
|
|
2
1
|
const require_core_stack_stack = require('../core/stack/stack.cjs');
|
|
2
|
+
require('../core/stack/styles.css');
|
|
3
|
+
|
|
4
|
+
//#region src/stack/index.ts
|
|
5
|
+
var stack_default = require_core_stack_stack;
|
|
3
6
|
|
|
4
|
-
|
|
7
|
+
//#endregion
|
|
8
|
+
module.exports = stack_default;
|
package/stack/index.mjs
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
import "../core/stack/styles.css";
|
|
2
1
|
import stack from "../core/stack/stack.mjs";
|
|
2
|
+
import "../core/stack/styles.css";
|
|
3
|
+
|
|
4
|
+
//#region src/stack/index.ts
|
|
5
|
+
var stack_default = stack;
|
|
3
6
|
|
|
4
|
-
|
|
7
|
+
//#endregion
|
|
8
|
+
export { stack_default as default };
|
package/tile/index.cjs
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
require('../core/tile/styles.css');
|
|
2
1
|
const require_core_tile_tile = require('../core/tile/tile.cjs');
|
|
2
|
+
require('../core/tile/styles.css');
|
|
3
|
+
|
|
4
|
+
//#region src/tile/index.ts
|
|
5
|
+
var tile_default = require_core_tile_tile;
|
|
3
6
|
|
|
4
|
-
|
|
7
|
+
//#endregion
|
|
8
|
+
module.exports = tile_default;
|
package/tile/index.mjs
CHANGED
package/types.d.cts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { StyleLayout, StyleLayoutResult } from "./core/types.cjs";
|
|
2
|
-
export { StyleLayout, StyleLayoutResult };
|
|
1
|
+
import { CSSCustomProperties, StyleLayout, StyleLayoutResult } from "./core/types.cjs";
|
|
2
|
+
export { CSSCustomProperties, StyleLayout, StyleLayoutResult };
|
package/types.d.mts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { StyleLayout, StyleLayoutResult } from "./core/types.mjs";
|
|
2
|
-
export { StyleLayout, StyleLayoutResult };
|
|
1
|
+
import { CSSCustomProperties, StyleLayout, StyleLayoutResult } from "./core/types.mjs";
|
|
2
|
+
export { CSSCustomProperties, StyleLayout, StyleLayoutResult };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
//#region src/core/_internal/warnIfUnsupported.ts
|
|
3
|
-
const _checkCSSSupport = (property, value) => {
|
|
4
|
-
if (typeof CSS === "undefined" || !CSS.supports) return true;
|
|
5
|
-
return CSS.supports(property, value);
|
|
6
|
-
};
|
|
7
|
-
function warnIfUnsupported(layout, checks) {
|
|
8
|
-
if (process.env.NODE_ENV === "production") return;
|
|
9
|
-
checks.forEach(([property, value]) => {
|
|
10
|
-
if (!_checkCSSSupport(property, value)) console.warn(`[@niche-works/style-layouts] "${property}: ${value}" is not supported in this browser. The "${layout}" layout may not work as expected.`);
|
|
11
|
-
});
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
//#endregion
|
|
15
|
-
module.exports = warnIfUnsupported;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
//#region src/core/_internal/warnIfUnsupported.ts
|
|
2
|
-
const _checkCSSSupport = (property, value) => {
|
|
3
|
-
if (typeof CSS === "undefined" || !CSS.supports) return true;
|
|
4
|
-
return CSS.supports(property, value);
|
|
5
|
-
};
|
|
6
|
-
function warnIfUnsupported(layout, checks) {
|
|
7
|
-
if (process.env.NODE_ENV === "production") return;
|
|
8
|
-
checks.forEach(([property, value]) => {
|
|
9
|
-
if (!_checkCSSSupport(property, value)) console.warn(`[@niche-works/style-layouts] "${property}: ${value}" is not supported in this browser. The "${layout}" layout may not work as expected.`);
|
|
10
|
-
});
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
//#endregion
|
|
14
|
-
export { warnIfUnsupported as default };
|