@cardenelabs/cdl 0.43.0 → 0.44.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/CHANGELOG.md +40 -1
- package/dist/index.cjs +22 -9
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +22 -9
- package/dist/index.js.map +1 -1
- package/dist/react.cjs +22 -9
- package/dist/react.cjs.map +1 -1
- package/dist/react.js +22 -9
- package/dist/react.js.map +1 -1
- package/package.json +1 -1
- package/src/visual-validate.ts +54 -16
package/dist/react.cjs
CHANGED
|
@@ -5880,10 +5880,16 @@ function runAxes(laid, diag, violations, counts, push, profile, skippedAxes) {
|
|
|
5880
5880
|
} catch {
|
|
5881
5881
|
}
|
|
5882
5882
|
}
|
|
5883
|
-
const
|
|
5883
|
+
const RESPONSIVE_REF_FRAME_W_PX = 1200;
|
|
5884
|
+
const RESPONSIVE_REF_FRAME_BORDER_PX = 1;
|
|
5885
|
+
const RESPONSIVE_REF_FRAME_PAD_PX = 24;
|
|
5886
|
+
const RESPONSIVE_REF_CONTAINER_W_PX = RESPONSIVE_REF_FRAME_W_PX - RESPONSIVE_REF_FRAME_BORDER_PX * 2 - RESPONSIVE_REF_FRAME_PAD_PX * 2;
|
|
5887
|
+
const RESPONSIVE_REF_VIEWPORT_H_PX = 900;
|
|
5888
|
+
const RESPONSIVE_REF_FRAME_H_RATIO = 0.9;
|
|
5889
|
+
const RESPONSIVE_REF_CHROME_H_PX = 180;
|
|
5890
|
+
const RESPONSIVE_REF_CONTAINER_H_PX = RESPONSIVE_REF_VIEWPORT_H_PX * RESPONSIVE_REF_FRAME_H_RATIO - RESPONSIVE_REF_CHROME_H_PX;
|
|
5884
5891
|
const RESPONSIVE_MIN_ON_SCREEN_FONT_PX = 12;
|
|
5885
5892
|
const RESPONSIVE_BASE_FONT_WORLD = 22;
|
|
5886
|
-
const RESPONSIVE_MAX_VIEWBOX_W = RESPONSIVE_BASE_FONT_WORLD * RESPONSIVE_REF_CONTAINER_PX / RESPONSIVE_MIN_ON_SCREEN_FONT_PX;
|
|
5887
5893
|
const vbResp = laid.viewBox;
|
|
5888
5894
|
if (!(vbResp.w > 0) || !(vbResp.h > 0) || !Number.isFinite(vbResp.w) || !Number.isFinite(vbResp.h)) {
|
|
5889
5895
|
push(
|
|
@@ -5891,13 +5897,20 @@ function runAxes(laid, diag, violations, counts, push, profile, skippedAxes) {
|
|
|
5891
5897
|
`viewBox \u5BF8\u6CD5 ${vbResp.w}\xD7${vbResp.h} \u304C\u63CF\u753B\u4E0D\u80FD (\u6B63\u306E\u6709\u9650\u5024\u3067\u3042\u308B\u5FC5\u8981\u304C\u3042\u308B)`,
|
|
5892
5898
|
"warn"
|
|
5893
5899
|
);
|
|
5894
|
-
} else
|
|
5895
|
-
const \
|
|
5896
|
-
|
|
5897
|
-
|
|
5898
|
-
|
|
5899
|
-
|
|
5900
|
-
|
|
5900
|
+
} else {
|
|
5901
|
+
const \u6A2A\u306E\u500D\u7387 = RESPONSIVE_REF_CONTAINER_W_PX / vbResp.w;
|
|
5902
|
+
const \u7E26\u306E\u500D\u7387 = RESPONSIVE_REF_CONTAINER_H_PX / vbResp.h;
|
|
5903
|
+
const \u500D\u7387 = Math.min(\u6A2A\u306E\u500D\u7387, \u7E26\u306E\u500D\u7387);
|
|
5904
|
+
const \u753B\u9762\u4E0A\u306E\u5B57 = RESPONSIVE_BASE_FONT_WORLD * \u500D\u7387;
|
|
5905
|
+
if (\u753B\u9762\u4E0A\u306E\u5B57 < RESPONSIVE_MIN_ON_SCREEN_FONT_PX) {
|
|
5906
|
+
const \u52B9\u304F\u8FBA = \u6A2A\u306E\u500D\u7387 <= \u7E26\u306E\u500D\u7387 ? "\u6A2A" : "\u7E26";
|
|
5907
|
+
const \u53CE\u307E\u308B\u5BF8\u6CD5 = \u52B9\u304F\u8FBA === "\u6A2A" ? `\u5E45 ${(RESPONSIVE_REF_CONTAINER_W_PX * RESPONSIVE_BASE_FONT_WORLD / RESPONSIVE_MIN_ON_SCREEN_FONT_PX).toFixed(0)} \u4EE5\u4E0B` : `\u9AD8\u3055 ${(RESPONSIVE_REF_CONTAINER_H_PX * RESPONSIVE_BASE_FONT_WORLD / RESPONSIVE_MIN_ON_SCREEN_FONT_PX).toFixed(0)} \u4EE5\u4E0B`;
|
|
5908
|
+
push(
|
|
5909
|
+
"responsive-viewport",
|
|
5910
|
+
`viewBox ${vbResp.w}\xD7${vbResp.h} \u306F\u5668 ${RESPONSIVE_REF_CONTAINER_W_PX}\xD7${RESPONSIVE_REF_CONTAINER_H_PX}px \u3067 ${\u500D\u7387.toFixed(3)} \u500D\u306B\u7E2E\u307F\u3001 \u7BB1\u306E\u984C\u304C ${\u753B\u9762\u4E0A\u306E\u5B57.toFixed(1)}px \u306B\u306A\u308B (\u4E0B\u9650 ${RESPONSIVE_MIN_ON_SCREEN_FONT_PX}px\u3001 \u500D\u7387\u3092\u6C7A\u3081\u305F\u306E\u306F ${\u52B9\u304F\u8FBA}\u3001 ${\u53CE\u307E\u308B\u5BF8\u6CD5}\u306B\u3059\u308B\u3068\u5C4A\u304F)`,
|
|
5911
|
+
"warn"
|
|
5912
|
+
);
|
|
5913
|
+
}
|
|
5901
5914
|
}
|
|
5902
5915
|
if (!(diag.topic?.trim() ?? "")) {
|
|
5903
5916
|
push(
|