@gem-sdk/styles 1.9.30 → 1.9.61

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
@@ -7,7 +7,7 @@ html {
7
7
  }
8
8
  #__next {
9
9
  height: 100%;
10
- overflow-x: hidden;
10
+ overflow-x: clip;
11
11
  }
12
12
  .wrapper {
13
13
  width: 100%;
@@ -89,9 +89,32 @@ html {
89
89
  list-style-type: decimal;
90
90
  }
91
91
  [data-slot='children'] {
92
- visibility: visible;
93
- min-width: 112px;
94
- }
92
+ width: 100%;
93
+ min-width: -webkit-fit-content;
94
+ min-width: -moz-fit-content;
95
+ min-width: fit-content;
96
+ min-height: 60px;
97
+ height: 100%;
98
+ border: 1px dashed #9e9e9e;
99
+ border-radius: 3px;
100
+ display: inline-flex;
101
+ justify-content: center;
102
+ align-items: center;
103
+ visibility: hidden;
104
+ }
105
+ [data-slot='children']:after {
106
+ content: 'Drop element here';
107
+ visibility: hidden;
108
+ text-align: center;
109
+ font-size: 14px;
110
+ font-weight: bold;
111
+ display: -webkit-box;
112
+ -webkit-line-clamp: 1;
113
+ -webkit-box-orient: vertical;
114
+ white-space: nowrap;
115
+ padding-left: 4px;
116
+ padding-right: 4px;
117
+ }
95
118
  .gp-dialog {
96
119
  display: none;
97
120
  }
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: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{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}
package/dist/builder.css CHANGED
@@ -1,33 +1,9 @@
1
1
  .builder [data-slot='children'] {
2
- position: relative;
3
- min-width: 112px;
4
- width: 100%;
5
- display: block;
6
- min-height: 60px;
7
- height: 100%;
8
- border: 1px dashed #9e9e9e;
9
- border-radius: 3px;
2
+ visibility: visible;
10
3
  }
11
-
12
- /* &:hover {
13
- background: #e5e6e8;
14
- } */
15
4
  .builder [data-slot='children']:after {
16
- content: 'Drop element here';
17
- position: absolute;
18
- top: 50%;
19
- left: 50%;
20
- -webkit-transform: translate(-50%, -50%);
21
- transform: translate(-50%, -50%);
22
- text-align: center;
5
+ visibility: visible;
23
6
  color: #aaa;
24
- font-size: 14px;
25
- font-weight: bold;
26
- overflow: hidden;
27
- text-overflow: ellipsis;
28
- display: -webkit-box;
29
- -webkit-line-clamp: 2;
30
- -webkit-box-orient: vertical;
31
7
  }
32
8
  .builder [data-slot='children'] .drag-placeholder {
33
9
  height: 100%;
@@ -104,7 +80,7 @@
104
80
  /* border-radius: 3px; */
105
81
 
106
82
  #visual-content .fake-placeholder.visual-placeholder-error.children-error {
107
- background-color: #F44336 !important;
83
+ background-color: #f44336 !important;
108
84
  border: none !important;
109
85
  }
110
86
 
@@ -122,7 +98,6 @@
122
98
  font-weight: 500;
123
99
  font-size: 14px;
124
100
  line-height: 150%;
125
-
126
101
  }
127
102
 
128
103
  #visual-content .fake-placeholder.visual-placeholder {
@@ -162,4 +137,4 @@
162
137
  [contenteditable='true']:focus,
163
138
  [contenteditable='true']:focus-visible {
164
139
  outline: none;
165
- }
140
+ }
@@ -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;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}
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}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/styles",
3
- "version": "1.9.30",
3
+ "version": "1.9.61",
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",
@@ -9,7 +9,7 @@ html {
9
9
 
10
10
  #__next {
11
11
  height: 100%;
12
- overflow-x: hidden;
12
+ overflow-x: clip;
13
13
  }
14
14
 
15
15
  .wrapper {
@@ -92,8 +92,29 @@ html {
92
92
  }
93
93
 
94
94
  [data-slot='children'] {
95
- visibility: visible;
96
- min-width: 112px;
95
+ width: 100%;
96
+ min-width: fit-content;
97
+ min-height: 60px;
98
+ height: 100%;
99
+ border: 1px dashed #9e9e9e;
100
+ border-radius: 3px;
101
+ display: inline-flex;
102
+ justify-content: center;
103
+ align-items: center;
104
+ visibility: hidden;
105
+ &:after {
106
+ content: 'Drop element here';
107
+ visibility: hidden;
108
+ text-align: center;
109
+ font-size: 14px;
110
+ font-weight: bold;
111
+ display: -webkit-box;
112
+ -webkit-line-clamp: 1;
113
+ -webkit-box-orient: vertical;
114
+ white-space: nowrap;
115
+ padding-left: 4px;
116
+ padding-right: 4px;
117
+ }
97
118
  }
98
119
  .gp-dialog {
99
120
  display: none;
@@ -1,32 +1,9 @@
1
1
  .builder {
2
2
  [data-slot='children'] {
3
- position: relative;
4
- min-width: 112px;
5
- width: 100%;
6
- display: block;
7
- min-height: 60px;
8
- height: 100%;
9
- border: 1px dashed #9e9e9e;
10
- border-radius: 3px;
11
-
12
- /* &:hover {
13
- background: #e5e6e8;
14
- } */
3
+ visibility: visible;
15
4
  &:after {
16
- content: 'Drop element here';
17
- position: absolute;
18
- top: 50%;
19
- left: 50%;
20
- transform: translate(-50%, -50%);
21
- text-align: center;
5
+ visibility: visible;
22
6
  color: #aaa;
23
- font-size: 14px;
24
- font-weight: bold;
25
- overflow: hidden;
26
- text-overflow: ellipsis;
27
- display: -webkit-box;
28
- -webkit-line-clamp: 2;
29
- -webkit-box-orient: vertical;
30
7
  }
31
8
 
32
9
  .drag-placeholder {
@@ -98,7 +75,7 @@
98
75
  text-align: center;
99
76
 
100
77
  &.children-error {
101
- background-color: #F44336 !important;
78
+ background-color: #f44336 !important;
102
79
  border: none !important;
103
80
  }
104
81
 
@@ -116,10 +93,8 @@
116
93
  font-weight: 500;
117
94
  font-size: 14px;
118
95
  line-height: 150%;
119
-
120
96
  }
121
97
  }
122
-
123
98
  }
124
99
  }
125
100
 
@@ -161,4 +136,4 @@
161
136
  [contenteditable='true']:focus,
162
137
  [contenteditable='true']:focus-visible {
163
138
  outline: none;
164
- }
139
+ }