@equinor/amplify-component-lib 9.7.5 → 9.7.6

package/dist/organisms/Template/Template.d.ts

@@ -9,6 +9,7 @@ type TemplateType = IStyledComponent<'web', any> & {
     Content: typeof Content;
     GlobalStyles: typeof GlobalStyles;
     FullWidth: string;
+    WithoutScrollGutter: string;
 };
 export declare const Template: TemplateType;
 export type { ContentProps, TemplateType };

package/dist/organisms/Template/Template.js

@@ -1,12 +1,12 @@
-import{tokens as o}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../../atoms/style/colors.js";import{spacings as i}from"../../atoms/style/spacings.js";import{darkTokens as t}from"../../atoms/style/darkTokens.js";import{lightTokens as e}from"../../atoms/style/lightTokens.js";import{spacingTokens as n}from"../../atoms/style/spacingTokens.js";import a,{createGlobalStyle as s}from"styled-components";const{colors:r}=o,d=a.div`
+import{tokens as o}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{darkTokens as i}from"../../atoms/style/darkTokens.js";import{lightTokens as e}from"../../atoms/style/lightTokens.js";import{spacingTokens as n}from"../../atoms/style/spacingTokens.js";import a,{createGlobalStyle as s}from"styled-components";const{colors:r}=o,l=a.div`
   display: flex;
   flex-direction: column;
   min-height: 100vh;
   min-width: 100vw;
   background: ${r.ui.background__light.rgba};
-`,l=a.div`
+`,d=a.div`
   display: flex;
-`,c="fullwidth",m=a.div`
+`,c="fullwidth",m="fullwidth-without-scroll",u=a.div`
   position: relative;
   display: flex;
   /* 64px is height of TopBar */
@@ -17,11 +17,11 @@ import{tokens as o}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/ind
   min-width: calc(100% - ${o=>o.$open?"231px":"64px"});
   &:not(:has(.${c})) {
     padding: 0
-      max(${i.xxx_large}, calc(50% - ${i.xxx_large} - 1280px / 2));
+      max(${t.xxx_large}, calc(50% - ${t.xxx_large} - 1280px / 2));
     margin: 0 auto;
   }
 `,p=s`
-  ${t}
+  ${i}
   ${e}
   ${n}
   
@@ -29,8 +29,8 @@ import{tokens as o}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/ind
       box-sizing: border-box;
   }
 
-  body, #content:not(:has(.select-field)) {
-      scrollbar-gutter: stable both-edges;
+  body, #content:not(:has(.select-field), :has(.${m})) {
+      scrollbar-gutter: stable;
   }
 
   dialog {
@@ -72,4 +72,4 @@ import{tokens as o}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/ind
     }
   }
 
-`,u=d;u.Container=l,u.Content=m,u.GlobalStyles=p,u.FullWidth=c;export{u as Template};
+`,h=l;h.Container=d,h.Content=u,h.GlobalStyles=p,h.FullWidth=c,h.WithoutScrollGutter=m;export{h as Template};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/amplify-component-lib",
-  "version": "9.7.5",
+  "version": "9.7.6",
   "description": "Frontend Typescript components for the Amplify team",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",