@gem-sdk/styles 1.10.0 → 1.10.3

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.
Files changed (7) hide show
  1. package/dist/base.css +58 -0
  2. package/dist/base.min.css +1 -1
  3. package/dist/builder.css +12 -2
  4. package/dist/builder.min.css +1 -1
  5. package/package.json +1 -1
  6. package/src/css/builds/base.css +60 -0
  7. package/src/css/builds/builder.css +15 -2
package/dist/base.css CHANGED
@@ -132,4 +132,62 @@ h4,
132
132
  h5,
133
133
  h6 {
134
134
  word-break: normal;
135
+ }
136
+ .gp-text h1 {
137
+ display: block;
138
+ font-size: 2em;
139
+ -webkit-margin-before: 0.67em;
140
+ margin-block-start: 0.67em;
141
+ -webkit-margin-after: 0.67em;
142
+ margin-block-end: 0.67em;
143
+ -webkit-margin-start: 0px;
144
+ margin-inline-start: 0px;
145
+ -webkit-margin-end: 0px;
146
+ margin-inline-end: 0px;
147
+ font-weight: bold;
148
+ }
149
+ .gp-text h2 {
150
+ font-size: 1.5em;
151
+ font-weight: bold;
152
+ }
153
+ .gp-text h3 {
154
+ font-size: 1.17em;
155
+ font-weight: bold;
156
+ }
157
+ .gp-text h4 {
158
+ font-size: 1em;
159
+ font-weight: bold;
160
+ }
161
+ .gp-text h5 {
162
+ font-size: 0.83em;
163
+ font-weight: bold;
164
+ }
165
+ .gp-text h6 {
166
+ font-size: 0.67em;
167
+ font-weight: bold;
168
+ }
169
+ .gp-text blockquote {
170
+ display: block;
171
+ -webkit-margin-before: 1em;
172
+ margin-block-start: 1em;
173
+ -webkit-margin-after: 1em;
174
+ margin-block-end: 1em;
175
+ -webkit-margin-start: 40px;
176
+ margin-inline-start: 40px;
177
+ -webkit-margin-end: 40px;
178
+ margin-inline-end: 40px;
179
+ }
180
+ .gp-text h1, h2, h3, h4, h5, h6, p {
181
+ margin: 0 0 1em 0;
182
+ line-height: 1.4;
183
+ }
184
+ .gp-text table, td, th {
185
+ border: 1px dashed #CCC;
186
+ }
187
+ .gp-text table {
188
+ display: table;
189
+ border-collapse: separate;
190
+ box-sizing: border-box;
191
+ text-indent: initial;
192
+ border-spacing: 2px;
135
193
  }
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 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}
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 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-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;margin-block-end:.67em;margin-block-start:.67em;margin-inline-end:0;margin-inline-start:0}.gp-text h2{font-size:1.5em;font-weight:700}.gp-text h3{font-size:1.17em;font-weight:700}.gp-text h4{font-size:1em;font-weight:700}.gp-text h5{font-size:.83em;font-weight:700}.gp-text h6{font-size:.67em;font-weight:700}.gp-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-text h1,h2,h3,h4,h5,h6,p{line-height:1.4;margin:0 0 1em}.gp-text table,td,th{border:1px dashed #ccc}.gp-text table{border-collapse:separate;border-spacing:2px;box-sizing:border-box;display:table;text-indent:0}
package/dist/builder.css CHANGED
@@ -1,10 +1,12 @@
1
1
  .builder [data-slot='children'] {
2
2
  visibility: visible;
3
3
  }
4
+
4
5
  .builder [data-slot='children']:after {
5
6
  visibility: visible;
6
7
  color: #aaa;
7
8
  }
9
+
8
10
  .builder [data-slot='children'] .drag-placeholder {
9
11
  height: 100%;
10
12
  }
@@ -66,7 +68,11 @@
66
68
  }
67
69
 
68
70
  #visual-content .fake-placeholder.visual-placeholder-error {
69
- font-family: Inter, sans-serif, ui-sans-serif, system-ui;
71
+
72
+ font-family: Inter,
73
+ sans-serif,
74
+ ui-sans-serif,
75
+ system-ui;
70
76
  border: 1px dashed #f44336 !important;
71
77
  visibility: visible;
72
78
  color: #f44336 !important;
@@ -139,6 +145,10 @@
139
145
  outline: none;
140
146
  }
141
147
 
148
+ [data-component-is-third-party="true"] {
149
+ background-color: #F4F4F4;
150
+ }
151
+
142
152
  :root {
143
153
  --selection-bg: #ACCEF7;
144
154
  }
@@ -151,4 +161,4 @@
151
161
  .builder ::-moz-selection {
152
162
  color: currentColor;
153
163
  background: var(--selection-bg);
154
- }
164
+ }
package/dist/builder.min.css CHANGED
@@ -1 +1 @@
1
- .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}:root{--selection-bg:#accef7}.builder ::selection{background:var(--selection-bg);color:currentColor}.builder ::-moz-selection{background:var(--selection-bg);color:currentColor}
1
+ .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}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/styles",
3
- "version": "1.10.0",
3
+ "version": "1.10.3",
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",
package/src/css/builds/base.css CHANGED
@@ -136,4 +136,64 @@ h4,
136
136
  h5,
137
137
  h6 {
138
138
  word-break: normal;
139
+ }
140
+
141
+ .gp-text h1 {
142
+ display: block;
143
+ font-size: 2em;
144
+ margin-block-start: 0.67em;
145
+ margin-block-end: 0.67em;
146
+ margin-inline-start: 0px;
147
+ margin-inline-end: 0px;
148
+ font-weight: bold;
149
+ }
150
+
151
+ .gp-text h2 {
152
+ font-size: 1.5em;
153
+ font-weight: bold;
154
+ }
155
+
156
+ .gp-text h3 {
157
+ font-size: 1.17em;
158
+ font-weight: bold;
159
+ }
160
+
161
+ .gp-text h4 {
162
+ font-size: 1em;
163
+ font-weight: bold;
164
+ }
165
+
166
+ .gp-text h5 {
167
+ font-size: 0.83em;
168
+ font-weight: bold;
169
+ }
170
+
171
+ .gp-text h6 {
172
+ font-size: 0.67em;
173
+ font-weight: bold;
174
+ }
175
+
176
+ .gp-text blockquote {
177
+ display: block;
178
+ margin-block-start: 1em;
179
+ margin-block-end: 1em;
180
+ margin-inline-start: 40px;
181
+ margin-inline-end: 40px;
182
+ }
183
+
184
+ .gp-text h1, h2, h3, h4, h5, h6, p {
185
+ margin: 0 0 1em 0;
186
+ line-height: 1.4;
187
+ }
188
+
189
+ .gp-text table, td, th {
190
+ border: 1px dashed #CCC;
191
+ }
192
+
193
+ .gp-text table {
194
+ display: table;
195
+ border-collapse: separate;
196
+ box-sizing: border-box;
197
+ text-indent: initial;
198
+ border-spacing: 2px;
139
199
  }
package/src/css/builds/builder.css CHANGED
@@ -1,6 +1,7 @@
1
1
  .builder {
2
2
  [data-slot='children'] {
3
3
  visibility: visible;
4
+
4
5
  &:after {
5
6
  visibility: visible;
6
7
  color: #aaa;
@@ -31,6 +32,7 @@
31
32
  top: 0;
32
33
  left: 0;
33
34
  font-family: Inter, sans-serif, ui-sans-serif, system-ui;
35
+
34
36
  .fake-placeholder {
35
37
  position: absolute;
36
38
  top: 0px;
@@ -63,7 +65,11 @@
63
65
  .limitation-error-content {
64
66
  display: none;
65
67
  }
66
- font-family: Inter, sans-serif, ui-sans-serif, system-ui;
68
+
69
+ font-family: Inter,
70
+ sans-serif,
71
+ ui-sans-serif,
72
+ system-ui;
67
73
  border: 1px dashed #f44336 !important;
68
74
  /* border-radius: 3px; */
69
75
  visibility: visible;
@@ -137,14 +143,21 @@
137
143
  [contenteditable='true']:focus-visible {
138
144
  outline: none;
139
145
  }
146
+
147
+ [data-component-is-third-party="true"] {
148
+ background-color: #F4F4F4;
149
+ }
150
+
140
151
  :root {
141
152
  --selection-bg: #ACCEF7;
142
153
  }
154
+
143
155
  .builder ::selection {
144
156
  color: currentColor;
145
157
  background: var(--selection-bg);
146
158
  }
159
+
147
160
  .builder ::-moz-selection {
148
161
  color: currentColor;
149
162
  background: var(--selection-bg);
150
- }
163
+ }