@gem-sdk/styles 1.10.18 → 1.10.30

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/dist/base.css CHANGED
@@ -93,9 +93,6 @@ html {
93
93
  }
94
94
  [data-slot='children'] {
95
95
  width: 100%;
96
- min-width: -webkit-fit-content;
97
- min-width: -moz-fit-content;
98
- min-width: fit-content;
99
96
  min-height: 60px;
100
97
  height: 100%;
101
98
  border: 1px dashed #9e9e9e;
@@ -104,6 +101,7 @@ html {
104
101
  justify-content: center;
105
102
  align-items: center;
106
103
  visibility: hidden;
104
+ overflow: hidden;
107
105
  }
108
106
  [data-slot='children']:after {
109
107
  content: 'Drop element here';
@@ -111,12 +109,12 @@ html {
111
109
  text-align: center;
112
110
  font-size: 14px;
113
111
  font-weight: bold;
114
- display: -webkit-box;
112
+ /* display: -webkit-box;
115
113
  -webkit-line-clamp: 1;
116
- -webkit-box-orient: vertical;
114
+ -webkit-box-orient: vertical; */
117
115
  white-space: nowrap;
118
- padding-left: 4px;
119
- padding-right: 4px;
116
+ text-overflow: ellipsis;
117
+ overflow: hidden;
120
118
  }
121
119
  .gp-dialog {
122
120
  display: none;
@@ -186,6 +184,11 @@ h6 {
186
184
  margin: 0 0 1em 0;
187
185
  line-height: 1.4;
188
186
  }
187
+ .gp-p-description-text a {
188
+ color: -webkit-link;
189
+ text-decoration: underline;
190
+ cursor: text;
191
+ }
189
192
  .gp-p-description-text h4 {
190
193
  font-size: 1em;
191
194
  font-weight: bold;
@@ -231,8 +234,10 @@ h6 {
231
234
  -webkit-margin-end: 40px;
232
235
  margin-inline-end: 40px;
233
236
  }
234
- .gp-p-description-text table, .gp-p-description-text td, .gp-p-description-text th {
235
- border: 1px dashed #CCC;
237
+ .gp-p-description-text table,
238
+ .gp-p-description-text td,
239
+ .gp-p-description-text th {
240
+ border: 1px dashed #ccc;
236
241
  padding: unset;
237
242
  }
238
243
  .gp-p-description-text table {
@@ -243,5 +248,5 @@ h6 {
243
248
  border-spacing: 2px;
244
249
  }
245
250
  .gp-tab-header-list::-webkit-scrollbar {
246
- display: none
251
+ display: none;
247
252
  }
package/dist/base.min.css CHANGED
@@ -1 +1 @@
1
- @tailwind base;@tailwind components;@tailwind utilities;html{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}#__next{height:100%;overflow-x:clip}.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 li{list-style-position:inside}.gp-text ol{list-style-type:decimal}[data-slot=children]{align-items:center;border:1px dashed #9e9e9e;border-radius:3px;display:inline-flex;height:100%;justify-content:center;min-height:60px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;visibility:hidden;width:100%}[data-slot=children]:after{-webkit-line-clamp:1;-webkit-box-orient:vertical;content:"Drop element here";display:-webkit-box;font-size:14px;font-weight:700;padding-left:4px;padding-right:4px;text-align:center;visibility:hidden;white-space:nowrap}.gp-dialog{display:none}.gp-dialog[open]{display:block}.gp-dialog:modal{position:fixed}h1,h2,h3,h4,h5,h6{word-break:normal}.gp-p-description-text ol,.gp-p-description-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-p-description-text ol ol{-webkit-margin-before:0;-webkit-margin-after:0;margin-block-end:0;margin-block-start:0}.gp-p-description-text h1{-webkit-margin-before:.67em;-webkit-margin-after:.67em;-webkit-margin-start:0;-webkit-margin-end:0;display:block;font-size:2em;font-weight:700;line-height:1.4;margin-block-end:.67em;margin-block-start:.67em;margin-inline-end:0;margin-inline-start:0;margin:0 0 1em}.gp-p-description-text h2{font-size:1.5em;font-weight:700;line-height:1.4;margin:0 0 1em}.gp-p-description-text h3{font-size:1.17em;font-weight:700;line-height:1.4;margin:0 0 1em}.gp-p-description-text h4{font-size:1em;font-weight:700;line-height:1.4;margin:0 0 1em}.gp-p-description-text h5{font-size:.83em;font-weight:700;line-height:1.4;margin:0 0 1em}.gp-p-description-text h6{font-size:.67em;font-weight:700;line-height:1.4;margin:0 0 1em}.gp-p-description-text ul{list-style-type:disc}.gp-p-description-text ol{list-style-type:decimal}.gp-p-description-text p{line-height:1.4;margin:0 0 1em}.gp-p-description-text ul li{display:list-item;list-style:disc none outside;text-align:-webkit-match-parent;word-break:break-word}.gp-p-description-text blockquote{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:40px;-webkit-margin-end:40px;display:block;margin-block-end:1em;margin-block-start:1em;margin-inline-end:40px;margin-inline-start:40px}.gp-p-description-text table,.gp-p-description-text td,.gp-p-description-text th{border:1px dashed #ccc;padding:unset}.gp-p-description-text table{border-collapse:separate;border-spacing:2px;box-sizing:border-box;display:table;text-indent:0}.gp-tab-header-list::-webkit-scrollbar{display:none}
1
+ @tailwind base;@tailwind components;@tailwind utilities;html{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}#__next{height:100%;overflow-x:clip}.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 li{list-style-position:inside}.gp-text ol{list-style-type:decimal}[data-slot=children]{align-items:center;border:1px dashed #9e9e9e;border-radius:3px;display:inline-flex;height:100%;justify-content:center;min-height:60px;overflow:hidden;visibility:hidden;width:100%}[data-slot=children]:after{content:"Drop element here";font-size:14px;font-weight:700;overflow:hidden;text-align:center;text-overflow:ellipsis;visibility:hidden;white-space:nowrap}.gp-dialog{display:none}.gp-dialog[open]{display:block}.gp-dialog:modal{position:fixed}h1,h2,h3,h4,h5,h6{word-break:normal}.gp-p-description-text ol,.gp-p-description-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-p-description-text ol ol{-webkit-margin-before:0;-webkit-margin-after:0;margin-block-end:0;margin-block-start:0}.gp-p-description-text h1{-webkit-margin-before:.67em;-webkit-margin-after:.67em;-webkit-margin-start:0;-webkit-margin-end:0;display:block;font-size:2em;font-weight:700;line-height:1.4;margin-block-end:.67em;margin-block-start:.67em;margin-inline-end:0;margin-inline-start:0;margin:0 0 1em}.gp-p-description-text h2{font-size:1.5em;font-weight:700;line-height:1.4;margin:0 0 1em}.gp-p-description-text h3{font-size:1.17em;font-weight:700;line-height:1.4;margin:0 0 1em}.gp-p-description-text a{color:-webkit-link;cursor:text;text-decoration:underline}.gp-p-description-text h4{font-size:1em;font-weight:700;line-height:1.4;margin:0 0 1em}.gp-p-description-text h5{font-size:.83em;font-weight:700;line-height:1.4;margin:0 0 1em}.gp-p-description-text h6{font-size:.67em;font-weight:700;line-height:1.4;margin:0 0 1em}.gp-p-description-text ul{list-style-type:disc}.gp-p-description-text ol{list-style-type:decimal}.gp-p-description-text p{line-height:1.4;margin:0 0 1em}.gp-p-description-text ul li{display:list-item;list-style:disc none outside;text-align:-webkit-match-parent;word-break:break-word}.gp-p-description-text blockquote{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:40px;-webkit-margin-end:40px;display:block;margin-block-end:1em;margin-block-start:1em;margin-inline-end:40px;margin-inline-start:40px}.gp-p-description-text table,.gp-p-description-text td,.gp-p-description-text th{border:1px dashed #ccc;padding:unset}.gp-p-description-text table{border-collapse:separate;border-spacing:2px;box-sizing:border-box;display:table;text-indent:0}.gp-tab-header-list::-webkit-scrollbar{display:none}
package/dist/builder.css CHANGED
@@ -147,6 +147,13 @@
147
147
  background-color: #f4f4f4;
148
148
  }
149
149
 
150
+ [data-component-tag='ProductTitle'],
151
+ [data-component-tag='ProductDescription'],
152
+ [data-component-tag='ProductPrice'],
153
+ [data-component-tag='ProductTag'] {
154
+ cursor: default;
155
+ }
156
+
150
157
  :root {
151
158
  --selection-bg: #accef7;
152
159
  }
@@ -1 +1 @@
1
- .builder [disabled]{pointer-events:auto}.builder [data-slot=children]{visibility:visible}.builder [data-slot=children]:after{color:#aaa;visibility:visible}.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}[data-component-is-third-party=true]{background-color:#f4f4f4}:root{--selection-bg:#accef7}.builder ::selection{background:var(--selection-bg);color:currentColor}.builder ::-moz-selection{background:var(--selection-bg);color:currentColor}
1
+ .builder [disabled]{pointer-events:auto}.builder [data-slot=children]{visibility:visible}.builder [data-slot=children]:after{color:#aaa;visibility:visible}.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}[data-component-is-third-party=true]{background-color:#f4f4f4}[data-component-tag=ProductDescription],[data-component-tag=ProductPrice],[data-component-tag=ProductTag],[data-component-tag=ProductTitle]{cursor:default}:root{--selection-bg:#accef7}.builder ::selection{background:var(--selection-bg);color:currentColor}.builder ::-moz-selection{background:var(--selection-bg);color:currentColor}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/styles",
3
- "version": "1.10.18",
3
+ "version": "1.10.30",
4
4
  "description": "Largely classless, blazing fast and super light-weight. Bonsai, a base CSS framework for modern browsers",
5
5
  "license": "MIT",
6
6
  "main": "src/index.js",
@@ -96,7 +96,6 @@ html {
96
96
 
97
97
  [data-slot='children'] {
98
98
  width: 100%;
99
- min-width: fit-content;
100
99
  min-height: 60px;
101
100
  height: 100%;
102
101
  border: 1px dashed #9e9e9e;
@@ -105,18 +104,19 @@ html {
105
104
  justify-content: center;
106
105
  align-items: center;
107
106
  visibility: hidden;
107
+ overflow: hidden;
108
108
  &:after {
109
109
  content: 'Drop element here';
110
110
  visibility: hidden;
111
111
  text-align: center;
112
112
  font-size: 14px;
113
113
  font-weight: bold;
114
- display: -webkit-box;
114
+ /* display: -webkit-box;
115
115
  -webkit-line-clamp: 1;
116
- -webkit-box-orient: vertical;
116
+ -webkit-box-orient: vertical; */
117
117
  white-space: nowrap;
118
- padding-left: 4px;
119
- padding-right: 4px;
118
+ text-overflow: ellipsis;
119
+ overflow: hidden;
120
120
  }
121
121
  }
122
122
  .gp-dialog {
@@ -188,6 +188,12 @@ h6 {
188
188
  line-height: 1.4;
189
189
  }
190
190
 
191
+ .gp-p-description-text a {
192
+ color: -webkit-link;
193
+ text-decoration: underline;
194
+ cursor: text;
195
+ }
196
+
191
197
  .gp-p-description-text h4 {
192
198
  font-size: 1em;
193
199
  font-weight: bold;
@@ -228,7 +234,6 @@ h6 {
228
234
  text-align: -webkit-match-parent;
229
235
  }
230
236
 
231
-
232
237
  .gp-p-description-text blockquote {
233
238
  display: block;
234
239
  margin-block-start: 1em;
@@ -237,8 +242,10 @@ h6 {
237
242
  margin-inline-end: 40px;
238
243
  }
239
244
 
240
- .gp-p-description-text table, .gp-p-description-text td, .gp-p-description-text th {
241
- border: 1px dashed #CCC;
245
+ .gp-p-description-text table,
246
+ .gp-p-description-text td,
247
+ .gp-p-description-text th {
248
+ border: 1px dashed #ccc;
242
249
  padding: unset;
243
250
  }
244
251
 
@@ -251,5 +258,5 @@ h6 {
251
258
  }
252
259
 
253
260
  .gp-tab-header-list::-webkit-scrollbar {
254
- display: none
261
+ display: none;
255
262
  }
@@ -149,6 +149,13 @@
149
149
  background-color: #f4f4f4;
150
150
  }
151
151
 
152
+ [data-component-tag='ProductTitle'],
153
+ [data-component-tag='ProductDescription'],
154
+ [data-component-tag='ProductPrice'],
155
+ [data-component-tag='ProductTag'] {
156
+ cursor: default;
157
+ }
158
+
152
159
  :root {
153
160
  --selection-bg: #accef7;
154
161
  }