@startinblox/core 2.0.0-beta.10 → 2.0.0-beta.11

package/dist/index.js

@@ -16960,10 +16960,6 @@ const AutocompletionMixin = {
       "slimselect-base",
       () => import("./slimselect-CT2Oyr_0.js")
     );
-    importInlineCSS(
-      "slimselect-local",
-      () => import("./slimselect-BukshczN.js")
-    );
     this.slimSelect = null;
     this.addToAttributes(true, "autocomplete");
     this.listCallbacks.attach(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startinblox/core",
-  "version": "2.0.0-beta.10",
+  "version": "2.0.0-beta.11",
   "description": "This is a series of web component respecting both the web components standards and the Linked Data Platform convention.",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/dist/slimselect-BukshczN.js

@@ -1,4 +0,0 @@
-const slimselect = ".ss-main {\n  position: relative;\n  display: flex;\n  user-select: none;\n  color: #666;\n  width: 100%;\n  border-radius: 4px;\n  background-color: #fff;\n  outline: 0;\n  box-sizing: border-box;\n  transition: background-color .2s;\n  cursor: pointer;\n  min-height: 30px;\n  padding: 7.5px 14px;\n  border: 1px solid #dcdee2;\n}\n\n.ss-main .ss-selected {\n  background-color: #dcdee2;\n  cursor: not-allowed;\n}\n\n.ss-main .ss-placeholder {\n  display: flex;\n  flex: 1 1 100%;\n  align-items: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: left;\n  width: calc(100% - 30px);\n  line-height: 1em;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  font-weight: 400;\n  font-size: 13px;\n}\n\n.ss-main .ss-placeholder * {\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: auto;\n}\n.ss-main.ss-disabled .ss-placeholder {\n  color: #dedede;\n}\n.ss-main .ss-single-selected .ss-deselect {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  flex: 0 1 auto;\n  margin: 0 6px 0 6px;\n  font-weight: bold;\n}\n\n.ss-main .ss-deselect.ss-hide {\n  display: none;\n}\n\n.ss-main .ss-arrow {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  flex: 0 1 auto;\n}\n\n.ss-main.ss-open-above {\n  border-top-left-radius: 0px;\n  border-top-right-radius: 0px;\n}\n\n.ss-main.ss-disabled {\n  background-color: #dcdee2;\n  cursor: not-allowed;\n}\n\n.ss-main.ss-open-below {\n  border-bottom-left-radius: 0px;\n  border-bottom-right-radius: 0px;\n}\n\n.ss-main .ss-values {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  flex: 1 1 100%;\n  width: calc(100% - 30px);\n}\n\n.ss-main.ss-disabled .ss-values {\n  display: flex;\n  padding: 4px 5px;\n  margin: 2px 0px;\n  line-height: 1em;\n  align-items: center;\n  width: 100%;\n  color: #dedede;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n@keyframes scaleIn {\n  0% {\n    transform: scale(0);\n    opacity: 0;\n  }\n\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n\n@keyframes scaleOut {\n  0% {\n    transform: scale(1);\n    opacity: 1;\n  }\n\n  100% {\n    transform: scale(0);\n    opacity: 0;\n  }\n}\n\n.ss-main .ss-values .ss-value {\n  background: #fff;\n  border: 1px solid var(--color-primary);\n  border-radius: 3px;\n  height: 25px;\n  margin-right: 10px;\n  padding: 3px 10px;\n}\n\n.ss-main .ss-values .ss-value .ss-value-text {\n  color: var(--color-primary);\n  letter-spacing: .24px;\n  line-height: 17px;\n}\n\n.ss-main .ss-values .ss-value:hover {\n  background: var(--color-primary);\n}\n\n.ss-main .ss-values .ss-value:hover .ss-value-text {\n  color: #fff;\n}\n\n.ss-main .ss-values .ss-value:hover .ss-value-delete svg path {\n  stroke: #fff;\n}\n\n.ss-main .ss-values .ss-value .ss-value-delete svg path {\n  stroke: var(--color-primary);\n}\n\n.ss-main .ss-values .ss-value .ss-value-delete {\n  margin: 0;\n  padding: 0;\n  cursor: pointer;\n  border: none;\n  letter-spacing: .24px;\n  line-height: 17px;\n}\n\n.ss-content {\n  position: absolute;\n  width: 100%;\n  margin: -1px 0 0 0;\n  box-sizing: border-box;\n  border: solid 1px #dcdee2;\n  z-index: 1010;\n  background-color: #fff;\n  transform-origin: center top;\n  transition: transform .2s, opacity .2s;\n  opacity: 0;\n  transform: scaleY(0);\n}\n\n.ss-content.ss-open {\n  display: block;\n  opacity: 1;\n  transform: scaleY(1);\n}\n\n.ss-content .ss-search {\n  display: flex;\n  flex-direction: row;\n  padding: 8px 8px 6px 8px;\n}\n\n.ss-content .ss-search.ss-hide {\n  height: 0px;\n  opacity: 0;\n  padding: 0px 0px 0px 0px;\n  margin: 0px 0px 0px 0px;\n}\n\n.ss-content .ss-search.ss-hide input {\n  height: 0px;\n  opacity: 0;\n  padding: 0px 0px 0px 0px;\n  margin: 0px 0px 0px 0px;\n}\n\n.ss-content .ss-search input {\n  display: inline-flex;\n  font-size: inherit;\n  line-height: inherit;\n  flex: 1 1 auto;\n  width: 100%;\n  min-width: 0px;\n  height: 30px;\n  padding: 6px 8px;\n  margin: 0;\n  border: 1px solid #dcdee2;\n  border-radius: 4px;\n  background-color: #fff;\n  outline: 0;\n  text-align: left;\n  box-sizing: border-box;\n  -webkit-box-sizing: border-box;\n  -webkit-appearance: textfield;\n}\n\n.ss-content .ss-search input::ss-placeholder {\n  color: #8a8a8a;\n  vertical-align: middle;\n}\n\n.ss-content .ss-search input:focus {\n  box-shadow: 0 0 5px #5897fb;\n}\n\n.ss-content .ss-search .ss-addable {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  font-size: 22px;\n  font-weight: bold;\n  flex: 0 0 30px;\n  height: 30px;\n  margin: 0 0 0 8px;\n  border: 1px solid #dcdee2;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n\n.ss-content .ss-addable {\n  padding-top: 0px;\n}\n\n.ss-content .ss-list {\n  max-height: 200px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  text-align: left;\n}\n\n.ss-content .ss-list .ss-optgroup .ss-optgroup-label {\n  padding: 6px 10px 6px 10px;\n  font-weight: bold;\n}\n\n.ss-content .ss-list .ss-optgroup .ss-option {\n  padding: 6px 6px 6px 25px;\n}\n\n.ss-content .ss-list .ss-option {\n  padding: 6px 10px 6px 10px;\n  cursor: pointer;\n  user-select: none;\n}\n\n.ss-content .ss-list .ss-option * {\n  display: inline-block;\n}\n\n.ss-content .ss-list .ss-option:hover,\n.ss-content .ss-list .ss-option.ss-highlighted {\n  background-color: var(--color-secondary);\n  color: #fff;\n}\n\n.ss-content .ss-list .ss-option.ss-disabled,\n.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {\n  cursor: not-allowed;\n  color: #dedede;\n  background-color: #fff;\n}\n\n.ss-content .ss-list .ss-option.ss-hide {\n  display: none;\n}\n\n.ss-content .ss-list .ss-option .ss-search-highlight {\n  background-color: #fffb8c;\n}\n";
-export {
-  slimselect as default
-};