@gem-sdk/styles 1.9.10 → 1.9.12

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 +31 -2
  2. package/dist/builder.min.css +1 -1
  3. package/package.json +1 -1
  4. package/src/css/builds/builder.css +26 -1
  5. package/src/plugins/size.js +3 -3
package/dist/builder.css CHANGED
@@ -81,15 +81,44 @@
81
81
 
82
82
  #visual-content .fake-placeholder.visual-placeholder-error {
83
83
  background-color: #fee4e3 !important;
84
+ }
85
+
86
+ #visual-content .fake-placeholder.visual-placeholder-error .limitation-error-content {
87
+ display: none;
88
+ }
84
89
 
90
+ #visual-content .fake-placeholder.visual-placeholder-error {
85
91
  border: 1px dashed #f44336 !important;
86
- /* border-radius: 3px; */
87
92
  visibility: visible;
88
93
  color: #f44336 !important;
89
94
  font-weight: 500;
90
95
  font-size: 14px;
91
96
  line-height: 150%;
92
- }
97
+ position: relative;
98
+ }
99
+
100
+ /* border-radius: 3px; */
101
+
102
+ #visual-content .fake-placeholder.visual-placeholder-error.children-error {
103
+ background-color: #F44336 !important;
104
+ border: none !important;
105
+ }
106
+
107
+ #visual-content .fake-placeholder.visual-placeholder-error.limitation-error .limitation-error-content {
108
+ display: flex;
109
+ align-items: center;
110
+ background-color: #fee4e3 !important;
111
+ height: 29px;
112
+ padding: 4px 8px;
113
+ border-radius: 3px;
114
+ }
115
+
116
+ #visual-content .fake-placeholder.visual-placeholder-error.limitation-error .limitation-error-content span {
117
+ margin-left: 8px;
118
+ font-weight: 500;
119
+ font-size: 14px;
120
+ line-height: 150%;
121
+ }
93
122
 
94
123
  #visual-content .fake-placeholder.visual-placeholder {
95
124
  z-index: 20;
package/dist/builder.min.css CHANGED
@@ -1 +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;border:1px dashed #f44336!important;color:#f44336!important;font-size:14px;font-weight:500;line-height:150%;visibility:visible}#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}
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}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/styles",
3
- "version": "1.9.10",
3
+ "version": "1.9.12",
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
@@ -74,9 +74,12 @@
74
74
  background-image: none;
75
75
  height: 6px;
76
76
  }
77
+
77
78
  &.visual-placeholder-error {
78
79
  background-color: #fee4e3 !important;
79
-
80
+ .limitation-error-content {
81
+ display: none;
82
+ }
80
83
  border: 1px dashed #f44336 !important;
81
84
  /* border-radius: 3px; */
82
85
  visibility: visible;
@@ -84,6 +87,28 @@
84
87
  font-weight: 500;
85
88
  font-size: 14px;
86
89
  line-height: 150%;
90
+ position: relative;
91
+ &.children-error {
92
+ background-color: #F44336 !important;
93
+ border: none !important;
94
+ }
95
+ &.limitation-error {
96
+ .limitation-error-content {
97
+ display: flex;
98
+ align-items: center;
99
+ background-color: #fee4e3 !important;
100
+ height: 29px;
101
+ padding: 4px 8px;
102
+ border-radius: 3px;
103
+ span {
104
+ margin-left: 8px;
105
+ font-weight: 500;
106
+ font-size: 14px;
107
+ line-height: 150%;
108
+ }
109
+ }
110
+
111
+ }
87
112
  }
88
113
  &.visual-placeholder {
89
114
  z-index: 20;
package/src/plugins/size.js CHANGED
@@ -3,13 +3,13 @@ const plugin = require('tailwindcss/plugin');
3
3
  const size = plugin(function ({ addComponents }) {
4
4
  addComponents({
5
5
  '.g-s-small': {
6
- padding: '4px 4px',
6
+ padding: '4px 16px',
7
7
  },
8
8
  '.g-s-medium': {
9
- padding: '8px 8px',
9
+ padding: '8px 24px',
10
10
  },
11
11
  '.g-s-large': {
12
- padding: '12px 12px',
12
+ padding: '12px 32px',
13
13
  },
14
14
  '.g-s-tag-small': {
15
15
  padding: '2px 8px',