int-components 0.0.28 → 0.1.0

package/dist/themes/ratehawk/index.css

@@ -1,3 +1,27 @@
+@font-face {
+  font-family: 'Aeonik';
+  src: url('https://of.worldota.net/fonts/aeonik/Aeonik-Bold.woff2') format('woff2');
+  font-weight: 900;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Aeonik';
+  src: url('https://of.worldota.net/fonts/aeonik/Aeonik-Regular.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'ABCGravity';
+  src: url('https://of.worldota.net/fonts/ABCGravity/ABCGravity.woff2') format('woff2');
+  font-weight: 900;
+  font-style: normal;
+  font-display: swap;
+}
+
 .layout-module__fluidLayout--BNE04[class] {
   font-size: 1rem;
 }
@@ -6,3 +30,14 @@
   font-size: 1px;
 }
 
+.layout-module__fluidLayout--BNE04[class], .layout-module__staticLayout--x_6dR[class] {
+  --side-padding: 18em;
+}
+
+@media (min-width: 500px) {
+
+.layout-module__fluidLayout--BNE04[class], .layout-module__staticLayout--x_6dR[class] {
+    --side-padding: 24em;
+}
+  }
+

package/dist/themes/ratehawk/index.d.ts

@@ -3,5 +3,5 @@ export declare const ThemeProvider: React.FC<{
     children: React.ReactNode;
     fluidMode?: boolean;
 }>;
-export declare const useContainerFluidCssClass: (propValue: boolean | undefined) => string;
+export declare const useContainerFluidCssClass: (propValue?: boolean) => string;
 //# sourceMappingURL=index.d.ts.map

package/dist/themes/ratehawk/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/themes/ratehawk/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAsCA,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,WAAW,OAAO,GAAG,SAAS,WAKvE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/themes/ratehawk/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAcA,CAAC;AAoBF,eAAO,MAAM,yBAAyB,GAAI,YAAY,OAAO,WAI5D,CAAC"}

package/dist/themes/ratehawk/index.js

@@ -1 +1 @@
-import*as n from"react/jsx-runtime";var t={178:(t,o,a)=>{var i,f;t.exports=(i={Fragment:()=>n.Fragment,jsx:()=>n.jsx,jsxs:()=>n.jsxs},f={},a.d(f,i),f)},992:(n,t,o)=>{o.d(t,{b:()=>a}),globalThis.__fluidModeState||(globalThis.__fluidModeState={state:!1});const a=globalThis.__fluidModeState}},o={};function a(n){var i=o[n];if(void 0!==i)return i.exports;var f=o[n]={exports:{}};return t[n](f,f.exports,a),f.exports}a.d=(n,t)=>{for(var o in t)a.o(t,o)&&!a.o(n,o)&&Object.defineProperty(n,o,{enumerable:!0,get:t[o]})},a.o=(n,t)=>Object.prototype.hasOwnProperty.call(n,t);var i=a(178);var f=a(992);const e=({children:n,fluidMode:t=!1})=>{f.b.state=t;const o=`\n    @font-face {\n      font-family: 'Aeonik';\n      src: url('https://of.worldota.net/fonts/aeonik/Aeonik-Bold.woff2') format('woff2');\n      font-weight: 900;\n      font-style: normal;\n      font-display: swap;\n    }\n\n    @font-face {\n        font-family: 'Aeonik';\n        src: url('https://of.worldota.net/fonts/aeonik/Aeonik-Regular.woff2') format('woff2');\n        font-weight: 400;\n        font-style: normal;\n        font-display: swap;\n    }\n\n    @font-face {\n        font-family: 'ABCGravity';\n        src: url('https://of.worldota.net/fonts/ABCGravity/ABCGravity.woff2') format('woff2');\n        font-weight: 900;\n        font-style: normal;\n        font-display: swap;\n    }\n    \n    ${t?"\n  @media (min-width: 0px) {\n    :root {\n      --min-vw: 375;\n      --max-vw: 500;\n      --bp-vw: 375;\n      --bp-font-size: 1;\n    }\n  }\n\n  @media (min-width: 500px) {\n    :root {\n        --min-vw: 500;\n        --max-vw: 1152;\n        --bp-vw: 768;\n        --bp-font-size: 1;\n    }\n  }\n\n  @media (min-width: 1152px) {\n    :root {\n        --min-vw: 1152;\n        --max-vw: 1600;\n        --bp-vw: 1600;\n        --bp-font-size: 1;\n    }\n  }\n\n  :root {\n    --diff-min-vw: calc(var(--min-vw) / var(--bp-vw));\n    --min-font-size: calc(var(--bp-font-size) * var(--diff-min-vw));\n    --diff-max-vw: calc(var(--max-vw) / var(--bp-vw));\n    --max-font-size: calc(var(--bp-font-size) * var(--diff-max-vw));\n    --diff-font-size: calc(var(--max-font-size) - var(--min-font-size));\n    --diff-vw: calc(var(--max-vw) - var(--min-vw));\n    --slope: calc(var(--diff-font-size) / var(--diff-vw));\n    --max-font-size-px: calc(var(--max-font-size) * 1px);\n    --min-font-size-px: calc(var(--min-font-size) * 1px);\n    --min-vw-px: calc(var(--min-vw) * 1px);\n    --fluid-font-size-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-font-size-px));\n    --result-fs: clamp(var(--min-font-size-px), var(--fluid-font-size-px), var(--max-font-size-px));\n  }\n\n  html {\n    font-size: var(--result-fs);\n  }\n\n  body {\n    font-size: initial;\n  }\n":""};\n  `;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("style",{dangerouslySetInnerHTML:{__html:o}}),n]})},r=n=>("boolean"==typeof n?n:f.b.state)?"layout-module__fluidLayout--BNE04":"layout-module__staticLayout--x_6dR";export{e as ThemeProvider,r as useContainerFluidCssClass};
+import*as n from"react/jsx-runtime";var t={178:(t,e,a)=>{var i,o;t.exports=(i={Fragment:()=>n.Fragment,jsx:()=>n.jsx,jsxs:()=>n.jsxs},o={},a.d(o,i),o)},992:(n,t,e)=>{e.d(t,{b:()=>a}),globalThis.__fluidModeState||(globalThis.__fluidModeState={state:!1});const a=globalThis.__fluidModeState}},e={};function a(n){var i=e[n];if(void 0!==i)return i.exports;var o=e[n]={exports:{}};return t[n](o,o.exports,a),o.exports}a.d=(n,t)=>{for(var e in t)a.o(t,e)&&!a.o(n,e)&&Object.defineProperty(n,e,{enumerable:!0,get:t[e]})},a.o=(n,t)=>Object.prototype.hasOwnProperty.call(n,t);var i=a(178);var o=a(992);const r=({children:n,fluidMode:t=!1})=>{o.b.state=t;const e=`\n    ${t?"\n  @media (min-width: 0px) {\n    :root {\n      --min-vw: 375;\n      --max-vw: 500;\n      --bp-vw: 375;\n      --bp-font-size: 1;\n    }\n  }\n\n  @media (min-width: 500px) {\n    :root {\n        --min-vw: 500;\n        --max-vw: 1152;\n        --bp-vw: 768;\n        --bp-font-size: 1;\n    }\n  }\n\n  @media (min-width: 1152px) {\n    :root {\n        --min-vw: 1152;\n        --max-vw: 1600;\n        --bp-vw: 1600;\n        --bp-font-size: 1;\n    }\n  }\n\n  :root {\n    --diff-min-vw: calc(var(--min-vw) / var(--bp-vw));\n    --min-font-size: calc(var(--bp-font-size) * var(--diff-min-vw));\n    --diff-max-vw: calc(var(--max-vw) / var(--bp-vw));\n    --max-font-size: calc(var(--bp-font-size) * var(--diff-max-vw));\n    --diff-font-size: calc(var(--max-font-size) - var(--min-font-size));\n    --diff-vw: calc(var(--max-vw) - var(--min-vw));\n    --slope: calc(var(--diff-font-size) / var(--diff-vw));\n    --max-font-size-px: calc(var(--max-font-size) * 1px);\n    --min-font-size-px: calc(var(--min-font-size) * 1px);\n    --min-vw-px: calc(var(--min-vw) * 1px);\n    --fluid-font-size-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-font-size-px));\n    --result-fs: clamp(var(--min-font-size-px), var(--fluid-font-size-px), var(--max-font-size-px));\n  }\n\n  html {\n    font-size: var(--result-fs);\n  }\n\n  body {\n    font-size: initial;\n  }\n":""};\n  `;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("style",{dangerouslySetInnerHTML:{__html:e}}),n]})},f=n=>{const t=(n=>{if("boolean"==typeof n)return n;if("undefined"!=typeof document){const n=document.documentElement.getAttribute("data-fluid-mode");if(null!==n)return"true"===n}return o.b.state})(n);return t?"layout-module__fluidLayout--BNE04":"layout-module__staticLayout--x_6dR"};export{r as ThemeProvider,f as useContainerFluidCssClass};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "int-components",
-	"version": "0.0.28",
+	"version": "0.1.0",
 	"type": "module",
 	"sideEffects": [
 		"**/*.css"