@focus4/styling 11.0.0-rc.0 → 11.2.0-alpha.0

package/lib/focus4.styling.css

@@ -277,6 +277,7 @@
     --color-dark-contrast: var(--color-white);
     --color-light-contrast: var(--color-black);
 }
+
 :root {
     --color-divider: var(--palette-grey-200);
     --color-background: var(--color-white);
@@ -340,26 +341,31 @@
     --z-index-low: -100;
     --z-index-lower: -200;
 }
+
 html {
     color: rgb(var(--color-black));
     font-size: var(--font-size-small);
     line-height: 1.4;
     font-family: var(--preferred-font);
 }
+
 body {
     margin: 0;
     animation-duration: var(--animation-duration);
     animation-delay: var(--animation-delay);
     animation-timing-function: var(--animation-curve-default);
 }
+
 fieldset {
     border: 0;
     margin: 0;
     padding: 0;
 }
+
 textarea {
     resize: vertical;
 }
+
 h1,
 h2,
 h3,
@@ -369,29 +375,35 @@ h6 {
     margin: 24px 0;
     font-weight: var(--font-weight-normal);
 }
+
 h1 {
     font-size: calc(3.5 * var(--font-size));
     line-height: 1.35;
     letter-spacing: -0.02em;
 }
+
 h2 {
     font-size: calc(2.8 * var(--font-size));
     line-height: 48px;
 }
+
 h3 {
     font-size: calc(2.2 * var(--font-size));
     line-height: 40px;
 }
+
 h4 {
     font-size: calc(1.5 * var(--font-size));
     line-height: 32px;
 }
+
 h5 {
     font-size: calc(1.25 * var(--font-size));
     font-weight: var(--font-weight-semi-bold);
     line-height: 1;
     letter-spacing: 0.02em;
 }
+
 h6 {
     font-size: var(--font-size);
     line-height: 24px;

package/lib/focus4.styling.d.ts

@@ -1,3 +1,4 @@
+import "./variables";
 import "./global.css";
 export { PanelDescriptor, ScrollableContext, ScrollspyContext, cssTransitionProps, defaultTransition, delay, duration, ease, getIcon, springTransition } from "./utils";
 export { CSSContext, CSSElement, CSSMod, CSSProp, CSSToStrings, ThemeContext, ToBem, fromBem, themr, toBem, useTheme } from "./theme";

package/lib/variables/index.d.ts

@@ -0,0 +1,2 @@
+import "./colors.css";
+import "./variables.css";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@focus4/styling",
-    "version": "11.0.0-rc.0",
+    "version": "11.2.0-alpha.0",
     "description": "Focus v4, styling module",
     "main": "lib/focus4.styling.js",
     "repository": {
@@ -18,16 +18,15 @@
         "test-ci": "jest --ci --reporters=default --reporters=jest-junit"
     },
     "dependencies": {
-        "@focus4/core": "11.0.0-rc.0",
+        "@focus4/core": "11.2.0-alpha.0",
         "classnames": "2.3.1",
-        "mobx-react": "7.2.0",
+        "mobx-react": "7.2.1",
         "react": "17.0.2"
     },
     "devDependencies": {
-        "@types/jest": "26.0.24",
-        "jest": "26.6.3",
-        "jest-junit": "12.2.0",
-        "ts-jest": "26.5.6"
-    },
-    "gitHead": "af195b3ad10e875429b59c2377635e63d3878a75"
+        "@types/jest": "27.4.0",
+        "jest": "27.5.1",
+        "jest-junit": "13.0.0",
+        "ts-jest": "27.1.3"
+    }
 }