@gem-sdk/styles 1.9.13 → 1.9.24

package/dist/base.css

@@ -48,7 +48,8 @@ html {
   padding-right: env(safe-area-inset-right);
 }
 .p-safe {
-  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
+  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom)
+    env(safe-area-inset-left);
 }
 .px-safe {
   padding-left: env(safe-area-inset-left);
@@ -90,4 +91,23 @@ html {
 [data-slot='children'] {
   visibility: visible;
   min-width: 112px;
-}
+}
+.gp-dialog {
+  display: none;
+  position: absolute;
+  inset-inline-start: 0px;
+  inset-inline-end: 0px;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  height: -webkit-fit-content;
+  height: -moz-fit-content;
+  height: fit-content;
+  background-color: canvas;
+  color: canvastext;
+  margin: auto;
+  border-width: initial;
+  border-style: solid;
+  border-color: initial;
+  border-image: initial;
+}

package/dist/base.min.css

@@ -1 +1 @@
-@tailwind base;@tailwind components;@tailwind utilities;html{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}#__next{height:100%;overflow-x:hidden}.wrapper{margin-left:auto;margin-right:auto;max-width:var(--g-ct-w,1200px);padding-left:var(--g-ct-p);padding-right:var(--g-ct-p);width:100%}.gem-slider:not([data-keen-slider-disabled]){align-content:flex-start;display:flex;min-height:100%;overflow:hidden;position:relative;width:100%}.gem-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.gem-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}[data-keen-slider-moves] *{pointer-events:none}.pb-safe{padding-bottom:env(safe-area-inset-bottom)}.pt-safe{padding-top:env(safe-area-inset-top)}.pl-safe{padding-left:env(safe-area-inset-left)}.pr-safe{padding-right:env(safe-area-inset-right)}.p-safe{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.px-safe{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.py-safe{padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top)}.h-safe{height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.min-h-safe{min-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.gp-text ol,.gp-text ul{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px;display:block;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0;padding-inline-start:40px;padding-left:40px}.gp-text ul{list-style-type:disc}.gp-text ol{list-style-type:decimal}[data-slot=children]{min-width:112px;visibility:visible}
+@tailwind base;@tailwind components;@tailwind utilities;html{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}#__next{height:100%;overflow-x:hidden}.wrapper{margin-left:auto;margin-right:auto;max-width:var(--g-ct-w,1200px);padding-left:var(--g-ct-p);padding-right:var(--g-ct-p);width:100%}.gem-slider:not([data-keen-slider-disabled]){align-content:flex-start;display:flex;min-height:100%;overflow:hidden;position:relative;width:100%}.gem-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.gem-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}[data-keen-slider-moves] *{pointer-events:none}.pb-safe{padding-bottom:env(safe-area-inset-bottom)}.pt-safe{padding-top:env(safe-area-inset-top)}.pl-safe{padding-left:env(safe-area-inset-left)}.pr-safe{padding-right:env(safe-area-inset-right)}.p-safe{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.px-safe{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.py-safe{padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top)}.h-safe{height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.min-h-safe{min-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.gp-text ol,.gp-text ul{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px;display:block;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0;padding-inline-start:40px;padding-left:40px}.gp-text ul{list-style-type:disc}.gp-text ol{list-style-type:decimal}[data-slot=children]{min-width:112px;visibility:visible}.gp-dialog{background-color:canvas;border:initial solid;border-color:initial;border-image:initial;color:canvastext;display:none;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;inset-inline-end:0;inset-inline-start:0;margin:auto;position:absolute;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}

package/dist/builder.css

@@ -8,6 +8,7 @@
     border: 1px dashed #9e9e9e;
     border-radius: 3px;
   }
+
     /* &:hover {
       background: #e5e6e8;
     } */
@@ -50,6 +51,7 @@
   height: 100%;
   top: 0;
   left: 0;
+  font-family: Inter, sans-serif, ui-sans-serif, system-ui;
 }
 
 #visual-content .fake-placeholder {
@@ -88,6 +90,7 @@
       }
 
 #visual-content .fake-placeholder.visual-placeholder-error {
+      font-family: Inter, sans-serif, ui-sans-serif, system-ui;
       border: 1px dashed #f44336 !important;
       visibility: visible;
       color: #f44336 !important;
@@ -95,6 +98,7 @@
       font-size: 14px;
       line-height: 150%;
       position: relative;
+      text-align: center;
 }
 
 /* border-radius: 3px; */
@@ -105,12 +109,12 @@
       }
 
 #visual-content .fake-placeholder.visual-placeholder-error.limitation-error .limitation-error-content {
-            display: flex;
-            align-items: center;
-            background-color: #fee4e3 !important;
-            height: 29px;
-            padding: 4px 8px;
-            border-radius: 3px;
+          display: flex;
+          align-items: center;
+          background-color: #fee4e3 !important;
+          height: 29px;
+          padding: 4px 8px;
+          border-radius: 3px;
         }
 
 #visual-content .fake-placeholder.visual-placeholder-error.limitation-error .limitation-error-content span {
@@ -118,7 +122,8 @@
             font-weight: 500;
             font-size: 14px;
             line-height: 150%;
-           }
+
+          }
 
 #visual-content .fake-placeholder.visual-placeholder {
       z-index: 20;
@@ -154,7 +159,7 @@
 } */
 
 [contenteditable='true']:active,
-[contenteditable='true']:focus, 
+[contenteditable='true']:focus,
 [contenteditable='true']:focus-visible {
   outline: none;
-}
+}

package/dist/builder.min.css

@@ -1 +1 @@
-.builder [data-slot=children]{border:1px dashed #9e9e9e;border-radius:3px;display:block;height:100%;min-height:60px;min-width:112px;position:relative;width:100%}.builder [data-slot=children]:after{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#aaa;content:"Drop element here";display:-webkit-box;font-size:14px;font-weight:700;left:50%;overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.builder [data-slot=children] .drag-placeholder{height:100%}.drag-placeholder{display:none;width:100%}#storefront{position:relative;z-index:20}#visual-content{display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:50}#visual-content .fake-placeholder{background:transparent;background-image:url(//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png);left:0;position:absolute;top:0;visibility:hidden;z-index:10}#visual-content .fake-placeholder.fake-placeholder-slot{background:transparent}#visual-content .fake-placeholder.has-section{background-color:#3c67ff!important;background-image:none;border:none!important;height:6px;visibility:visible}#visual-content .fake-placeholder.visual-placeholder-error{background-color:#fee4e3!important}#visual-content .fake-placeholder.visual-placeholder-error .limitation-error-content{display:none}#visual-content .fake-placeholder.visual-placeholder-error{border:1px dashed #f44336!important;color:#f44336!important;font-size:14px;font-weight:500;line-height:150%;position:relative;visibility:visible}#visual-content .fake-placeholder.visual-placeholder-error.children-error{background-color:#f44336!important;border:none!important}#visual-content .fake-placeholder.visual-placeholder-error.limitation-error .limitation-error-content{align-items:center;background-color:#fee4e3!important;border-radius:3px;display:flex;height:29px;padding:4px 8px}#visual-content .fake-placeholder.visual-placeholder-error.limitation-error .limitation-error-content span{font-size:14px;font-weight:500;line-height:150%;margin-left:8px}#visual-content .fake-placeholder.visual-placeholder{align-items:center;background-color:#d8e1ff;border:1px dashed #3c67ff;color:#3c67ff;display:flex;font-size:14px;font-weight:500;justify-content:center;line-height:150%;visibility:visible;z-index:20}#visual-content .fake-placeholder.visual-placeholder-between-sections{background-color:#3c67ff;background-image:none;border:none;height:6px;visibility:visible}#visual-content .fake-placeholder.not-show{display:none}[contenteditable=true]:active,[contenteditable=true]:focus,[contenteditable=true]:focus-visible{outline:none}
+.builder [data-slot=children]{border:1px dashed #9e9e9e;border-radius:3px;display:block;height:100%;min-height:60px;min-width:112px;position:relative;width:100%}.builder [data-slot=children]:after{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#aaa;content:"Drop element here";display:-webkit-box;font-size:14px;font-weight:700;left:50%;overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.builder [data-slot=children] .drag-placeholder{height:100%}.drag-placeholder{display:none;width:100%}#storefront{position:relative;z-index:20}#visual-content{display:none;font-family:Inter,sans-serif,ui-sans-serif,system-ui;height:100%;left:0;position:absolute;top:0;width:100%;z-index:50}#visual-content .fake-placeholder{background:transparent;background-image:url(//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png);left:0;position:absolute;top:0;visibility:hidden;z-index:10}#visual-content .fake-placeholder.fake-placeholder-slot{background:transparent}#visual-content .fake-placeholder.has-section{background-color:#3c67ff!important;background-image:none;border:none!important;height:6px;visibility:visible}#visual-content .fake-placeholder.visual-placeholder-error{background-color:#fee4e3!important}#visual-content .fake-placeholder.visual-placeholder-error .limitation-error-content{display:none}#visual-content .fake-placeholder.visual-placeholder-error{border:1px dashed #f44336!important;color:#f44336!important;font-family:Inter,sans-serif,ui-sans-serif,system-ui;font-size:14px;font-weight:500;line-height:150%;position:relative;text-align:center;visibility:visible}#visual-content .fake-placeholder.visual-placeholder-error.children-error{background-color:#f44336!important;border:none!important}#visual-content .fake-placeholder.visual-placeholder-error.limitation-error .limitation-error-content{align-items:center;background-color:#fee4e3!important;border-radius:3px;display:flex;height:29px;padding:4px 8px}#visual-content .fake-placeholder.visual-placeholder-error.limitation-error .limitation-error-content span{font-size:14px;font-weight:500;line-height:150%;margin-left:8px}#visual-content .fake-placeholder.visual-placeholder{align-items:center;background-color:#d8e1ff;border:1px dashed #3c67ff;color:#3c67ff;display:flex;font-size:14px;font-weight:500;justify-content:center;line-height:150%;visibility:visible;z-index:20}#visual-content .fake-placeholder.visual-placeholder-between-sections{background-color:#3c67ff;background-image:none;border:none;height:6px;visibility:visible}#visual-content .fake-placeholder.not-show{display:none}[contenteditable=true]:active,[contenteditable=true]:focus,[contenteditable=true]:focus-visible{outline:none}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/styles",
-  "version": "1.9.13",
+  "version": "1.9.24",
   "description": "Largely classless, blazing fast and super light-weight. Bonsai, a base CSS framework for modern browsers",
   "license": "MIT",
   "main": "src/index.js",

package/src/css/builds/base.css

@@ -52,7 +52,8 @@ html {
   padding-right: env(safe-area-inset-right);
 }
 .p-safe {
-  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
+  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom)
+    env(safe-area-inset-left);
 }
 .px-safe {
   padding-left: env(safe-area-inset-left);
@@ -93,4 +94,19 @@ html {
 [data-slot='children'] {
   visibility: visible;
   min-width: 112px;
-}
+}
+.gp-dialog {
+  display: none;
+  position: absolute;
+  inset-inline-start: 0px;
+  inset-inline-end: 0px;
+  width: fit-content;
+  height: fit-content;
+  background-color: canvas;
+  color: canvastext;
+  margin: auto;
+  border-width: initial;
+  border-style: solid;
+  border-color: initial;
+  border-image: initial;
+}

package/src/css/builds/builder.css

@@ -8,6 +8,7 @@
     height: 100%;
     border: 1px dashed #9e9e9e;
     border-radius: 3px;
+
     /* &:hover {
       background: #e5e6e8;
     } */
@@ -27,6 +28,7 @@
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;
     }
+
     .drag-placeholder {
       height: 100%;
     }
@@ -51,6 +53,7 @@
   height: 100%;
   top: 0;
   left: 0;
+  font-family: Inter, sans-serif, ui-sans-serif, system-ui;
   .fake-placeholder {
     position: absolute;
     top: 0px;
@@ -60,9 +63,11 @@
     visibility: hidden;
     /* display: none; */
     background-image: url('//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png');
+
     &.fake-placeholder-slot {
       background: transparent;
     }
+
     &.has-section {
       /* background-color: transparent !important;
       border: none !important;
@@ -74,12 +79,14 @@
       background-image: none;
       height: 6px;
     }
-    
+
     &.visual-placeholder-error {
       background-color: #fee4e3 !important;
+
       .limitation-error-content {
         display: none;
       }
+      font-family: Inter, sans-serif, ui-sans-serif, system-ui;
       border: 1px dashed #f44336 !important;
       /* border-radius: 3px; */
       visibility: visible;
@@ -88,28 +95,34 @@
       font-size: 14px;
       line-height: 150%;
       position: relative;
+      text-align: center;
+
       &.children-error {
         background-color: #F44336 !important;
         border: none !important;
       }
+
       &.limitation-error {
         .limitation-error-content {
-            display: flex;
-            align-items: center;
-            background-color: #fee4e3 !important;
-            height: 29px;
-            padding: 4px 8px;
-            border-radius: 3px;
-           span {
+          display: flex;
+          align-items: center;
+          background-color: #fee4e3 !important;
+          height: 29px;
+          padding: 4px 8px;
+          border-radius: 3px;
+
+          span {
             margin-left: 8px;
             font-weight: 500;
             font-size: 14px;
             line-height: 150%;
-           }
+
+          }
         }
-        
+
       }
     }
+
     &.visual-placeholder {
       z-index: 20;
       border: 1px dashed #3c67ff;
@@ -124,6 +137,7 @@
       line-height: 150%;
       visibility: visible;
     }
+
     &.visual-placeholder-between-sections {
       background-color: #3c67ff;
       border: none;
@@ -131,6 +145,7 @@
       visibility: visible;
       height: 6px;
     }
+
     &.not-show {
       display: none;
     }
@@ -143,7 +158,7 @@
   }
 } */
 [contenteditable='true']:active,
-[contenteditable='true']:focus, 
+[contenteditable='true']:focus,
 [contenteditable='true']:focus-visible {
   outline: none;
-}
+}