@gem-sdk/styles 1.9.64 → 1.10.1

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 (5) hide show
  1. package/dist/builder.css +12 -2
  2. package/dist/builder.min.css +1 -1
  3. package/package.json +1 -1
  4. package/src/css/builds/builder.css +15 -2
  5. package/src/plugins/size.js +10 -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.9.64",
3
+ "version": "1.10.1",
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/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
+ }
package/src/plugins/size.js CHANGED
@@ -23,6 +23,16 @@ const size = plugin(function ({ addComponents }) {
23
23
  '.g-s-none': {
24
24
  padding: '0',
25
25
  },
26
+
27
+ '.g-s-icon-small': {
28
+ padding: '8px 8px',
29
+ },
30
+ '.g-s-icon-medium': {
31
+ padding: '16px 16px',
32
+ },
33
+ '.g-s-icon-large': {
34
+ padding: '24px 24px',
35
+ },
26
36
  });
27
37
  });
28
38