@glideappsfinal/glide-data-grid 6.0.9 → 6.0.10

package/build.sh

@@ -4,6 +4,8 @@ source ../../config/build-util.sh
 
 ensure_bash_4
 
+shopt -s globstar
+
 echo -e "\033[0;36m🏗️ Building Glide Data Grid 🏗️\033[0m"
 
 compile_esm() {
@@ -18,4 +20,4 @@ run_in_parallel compile_esm compile_cjs
 
 generate_index_css
 
-echo -e "\033[0;36m🎉 Core Build Complete 🎉\033[0m"
+echo -e "\033[0;36m🎉 Core Build Complete 🎉\033[0m"

package/dist/cjs/internal/data-editor-container/data-grid-container.css

@@ -0,0 +1 @@
+.gdg-wmyidgi{position:relative;min-width:10px;min-height:10px;max-width:100%;max-height:100%;width:var(--wmyidgi-0);height:var(--wmyidgi-1);overflow:hidden;overflow:clip;direction:ltr;}.gdg-wmyidgi >:first-child{position:absolute;left:0;top:0;width:100%;height:100%;}

package/dist/cjs/internal/data-editor-container/data-grid-container.js

@@ -1,36 +1,31 @@
 import { styled } from "@linaria/react";
 import * as React from "react";
 function toCss(x) {
-    if (typeof x === "string")
-        return x;
-    return `${x}px`;
+  if (typeof x === "string") return x;
+  return `${x}px`;
 }
-const Wrapper = styled.div `
-    position: relative;
-
-    min-width: 10px;
-    min-height: 10px;
-    max-width: 100%;
-    max-height: 100%;
-
-    width: ${p => p.innerWidth};
-    height: ${p => p.innerHeight};
-
-    overflow: hidden;
-    overflow: clip;
-
-    direction: ltr;
-
-    > :first-child {
-        position: absolute;
-        left: 0;
-        top: 0;
-        width: 100%;
-        height: 100%;
-    }
-`;
+const _exp = /*#__PURE__*/() => p => p.innerWidth;
+const _exp2 = /*#__PURE__*/() => p => p.innerHeight;
+const Wrapper = /*#__PURE__*/styled('div')({
+  name: "Wrapper",
+  class: "gdg-wmyidgi",
+  propsAsIs: false,
+  vars: {
+    "wmyidgi-0": [_exp()],
+    "wmyidgi-1": [_exp2()]
+  }
+});
 export const DataEditorContainer = p => {
-    const { inWidth, inHeight, children, ...rest } = p;
-    return (React.createElement(Wrapper, { innerHeight: toCss(inHeight), innerWidth: toCss(inWidth), ...rest }, children));
+  const {
+    inWidth,
+    inHeight,
+    children,
+    ...rest
+  } = p;
+  return React.createElement(Wrapper, {
+    innerHeight: toCss(inHeight),
+    innerWidth: toCss(inWidth),
+    ...rest
+  }, children);
 };
-//# sourceMappingURL=data-grid-container.js.map
+

package/dist/cjs/internal/data-grid-overlay-editor/data-grid-overlay-editor-style.css

@@ -0,0 +1 @@
+.gdg-d19meir1{position:absolute;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;--overlay-top:var(--d19meir1-0);left:var(--d19meir1-1);top:var(--d19meir1-0);min-width:var(--d19meir1-2);min-height:var(--d19meir1-3);width:max-content;max-width:400px;max-height:calc(100vh - var(--d19meir1-4));font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);text-align:start;}@-webkit-keyframes glide_fade_in-gdg-d19meir1{from{opacity:0%;}to{opacity:100%;}}@keyframes glide_fade_in-gdg-d19meir1{from{opacity:0%;}to{opacity:100%;}}.gdg-d19meir1.gdg-style{border-radius:2px;background-color:var(--gdg-bg-cell);box-shadow:0 0 0 1px var(--gdg-accent-color),0px 0px 1px rgba(62, 65, 86, 0.4),0px 6px 12px rgba(62, 65, 86, 0.15);animation:glide_fade_in-gdg-d19meir1 60ms 1;}.gdg-d19meir1.gdg-pad{padding:var(--d19meir1-5) 8.5px 3px;}.gdg-d19meir1 .gdg-clip-region{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;border-radius:2px;flex-grow:1;}.gdg-d19meir1 .gdg-clip-region .gdg-growing-entry{height:100%;}.gdg-d19meir1 .gdg-clip-region input.gdg-input{width:100%;border:none;border-width:0;outline:none;}.gdg-d19meir1 .gdg-clip-region textarea.gdg-input{border:none;border-width:0;outline:none;}

package/dist/cjs/internal/data-grid-overlay-editor/data-grid-overlay-editor-style.js

@@ -1,77 +1,21 @@
 import { styled } from "@linaria/react";
-export const DataGridOverlayEditorStyle = styled.div `
-    position: absolute;
+const _exp2 = /*#__PURE__*/() => p => p.targetX;
+const _exp3 = /*#__PURE__*/() => p => p.targetY;
+const _exp4 = /*#__PURE__*/() => p => p.targetWidth;
+const _exp5 = /*#__PURE__*/() => p => p.targetHeight;
+const _exp6 = /*#__PURE__*/() => p => p.targetY + 10;
+const _exp7 = /*#__PURE__*/() => p => Math.max(0, (p.targetHeight - 28) / 2);
+export const DataGridOverlayEditorStyle = /*#__PURE__*/styled('div')({
+  name: "DataGridOverlayEditorStyle",
+  class: "gdg-d19meir1",
+  propsAsIs: false,
+  vars: {
+    "d19meir1-0": [_exp3(), "px"],
+    "d19meir1-1": [_exp2(), "px"],
+    "d19meir1-2": [_exp4(), "px"],
+    "d19meir1-3": [_exp5(), "px"],
+    "d19meir1-4": [_exp6(), "px"],
+    "d19meir1-5": [_exp7(), "px"]
+  }
+});
 
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-    box-sizing: border-box;
-
-    --overlay-top: ${p => p.targetY}px;
-
-    left: ${p => p.targetX}px;
-    top: ${p => p.targetY}px;
-    min-width: ${p => p.targetWidth}px;
-    min-height: ${p => p.targetHeight}px;
-    width: max-content;
-    max-width: 400px;
-    max-height: calc(100vh - ${p => p.targetY + 10}px);
-
-    font-family: var(--gdg-font-family);
-    font-size: var(--gdg-editor-font-size);
-
-    @keyframes glide_fade_in {
-        from {
-            opacity: 0%;
-        }
-
-        to {
-            opacity: 100%;
-        }
-    }
-
-    &.gdg-style {
-        border-radius: 2px;
-        background-color: var(--gdg-bg-cell);
-
-        box-shadow:
-            0 0 0 1px var(--gdg-accent-color),
-            0px 0px 1px rgba(62, 65, 86, 0.4),
-            0px 6px 12px rgba(62, 65, 86, 0.15);
-
-        animation: glide_fade_in 60ms 1;
-    }
-
-    &.gdg-pad {
-        padding: ${p => Math.max(0, (p.targetHeight - 28) / 2)}px 8.5px 3px;
-    }
-
-    .gdg-clip-region {
-        display: flex;
-        flex-direction: column;
-        overflow-y: auto;
-        overflow-x: hidden;
-        border-radius: 2px;
-        flex-grow: 1;
-
-        .gdg-growing-entry {
-            height: 100%;
-        }
-
-        & input.gdg-input {
-            width: 100%;
-            border: none;
-            border-width: 0;
-            outline: none;
-        }
-
-        & textarea.gdg-input {
-            border: none;
-            border-width: 0;
-            outline: none;
-        }
-    }
-
-    text-align: start;
-`;
-//# sourceMappingURL=data-grid-overlay-editor-style.js.map

package/dist/cjs/internal/data-grid-overlay-editor/private/bubbles-overlay-editor-style.css

@@ -0,0 +1 @@
+.gdg-b1ygi5by{display:flex;flex-wrap:wrap;margin-top:auto;margin-bottom:auto;overflow:auto;}.gdg-b1ygi5by .boe-bubble{display:flex;justify-content:center;align-items:center;border-radius:var(--gdg-rounding-radius, calc(var(--gdg-bubble-height) / 2));padding:0 var(--gdg-bubble-padding);height:var(--gdg-bubble-height);background-color:var(--gdg-bg-bubble);color:var(--gdg-text-dark);margin:var(--gdg-bubble-margin);white-space:nowrap;}.gdg-b1ygi5by textarea{position:absolute;top:0px;left:0px;width:0px;height:0px;opacity:0;}

package/dist/cjs/internal/data-grid-overlay-editor/private/bubbles-overlay-editor-style.js

@@ -1,34 +1,7 @@
 import { styled } from "@linaria/react";
-export const BubblesOverlayEditorStyle = styled.div `
-    display: flex;
-    flex-wrap: wrap;
-    margin-top: auto;
-    margin-bottom: auto;
-    overflow: auto;
+export const BubblesOverlayEditorStyle = /*#__PURE__*/styled('div')({
+  name: "BubblesOverlayEditorStyle",
+  class: "gdg-b1ygi5by",
+  propsAsIs: false
+});
 
-    .boe-bubble {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-
-        border-radius: var(--gdg-rounding-radius, calc(var(--gdg-bubble-height) / 2));
-
-        padding: 0 var(--gdg-bubble-padding);
-        height: var(--gdg-bubble-height);
-        background-color: var(--gdg-bg-bubble);
-        color: var(--gdg-text-dark);
-        margin: var(--gdg-bubble-margin);
-        white-space: nowrap;
-    }
-
-    textarea {
-        position: absolute;
-        top: 0px;
-        left: 0px;
-        width: 0px;
-        height: 0px;
-
-        opacity: 0;
-    }
-`;
-//# sourceMappingURL=bubbles-overlay-editor-style.js.map

package/dist/cjs/internal/data-grid-overlay-editor/private/drilldown-overlay-editor.css

@@ -0,0 +1 @@
+.gdg-d4zsq0x{display:flex;flex-wrap:wrap;}.gdg-d4zsq0x .doe-bubble{display:flex;justify-content:center;align-items:center;padding:0 8px;height:24px;background-color:var(--gdg-bg-cell);color:var(--gdg-text-dark);margin:2px;border-radius:var(--gdg-rounding-radius, 6px);box-shadow:0 0 1px rgba(62, 65, 86, 0.4),0 1px 3px rgba(62, 65, 86, 0.4);}.gdg-d4zsq0x .doe-bubble img{height:16px;object-fit:contain;margin-right:4px;}.gdg-d4zsq0x textarea{position:absolute;top:0px;left:0px;width:0px;height:0px;opacity:0;}

package/dist/cjs/internal/data-grid-overlay-editor/private/drilldown-overlay-editor.js

@@ -1,50 +1,20 @@
 import * as React from "react";
 import { styled } from "@linaria/react";
-const DrilldownOverlayEditorStyle = styled.div `
-    display: flex;
-    flex-wrap: wrap;
-
-    .doe-bubble {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-
-        padding: 0 8px;
-        height: 24px;
-
-        background-color: var(--gdg-bg-cell);
-        color: var(--gdg-text-dark);
-        margin: 2px;
-
-        border-radius: var(--gdg-rounding-radius, 6px);
-
-        box-shadow:
-            0 0 1px rgba(62, 65, 86, 0.4),
-            0 1px 3px rgba(62, 65, 86, 0.4);
-
-        img {
-            height: 16px;
-            object-fit: contain;
-
-            margin-right: 4px;
-        }
-    }
-
-    textarea {
-        position: absolute;
-        top: 0px;
-        left: 0px;
-        width: 0px;
-        height: 0px;
-
-        opacity: 0;
-    }
-`;
+const DrilldownOverlayEditorStyle = /*#__PURE__*/styled('div')({
+  name: "DrilldownOverlayEditorStyle",
+  class: "gdg-d4zsq0x",
+  propsAsIs: false
+});
 const DrilldownOverlayEditor = p => {
-    const { drilldowns } = p;
-    return (React.createElement(DrilldownOverlayEditorStyle, null, drilldowns.map((d, i) => (React.createElement("div", { key: i, className: "doe-bubble" },
-        d.img !== undefined && React.createElement("img", { src: d.img }),
-        React.createElement("div", null, d.text))))));
+  const {
+    drilldowns
+  } = p;
+  return React.createElement(DrilldownOverlayEditorStyle, null, drilldowns.map((d, i) => React.createElement("div", {
+    key: i,
+    className: "doe-bubble"
+  }, d.img !== undefined && React.createElement("img", {
+    src: d.img
+  }), React.createElement("div", null, d.text))));
 };
 export default DrilldownOverlayEditor;
-//# sourceMappingURL=drilldown-overlay-editor.js.map
+

package/dist/cjs/internal/data-grid-overlay-editor/private/image-overlay-editor-style.css

@@ -0,0 +1 @@
+.gdg-i2iowwq{display:flex;height:100%;}.gdg-i2iowwq .gdg-centering-container{display:flex;justify-content:center;align-items:center;height:100%;}.gdg-i2iowwq .gdg-centering-container img,.gdg-i2iowwq .gdg-centering-container canvas{max-height:calc(100vh - var(--overlay-top) - 20px);object-fit:contain;user-select:none;}.gdg-i2iowwq .gdg-centering-container canvas{max-width:380px;}.gdg-i2iowwq .gdg-edit-icon{position:absolute;top:12px;right:0;width:48px;height:48px;color:var(--gdg-accent-color);cursor:pointer;display:flex;justify-content:center;align-items:center;}.gdg-i2iowwq .gdg-edit-icon >*{width:24px;height:24px;}.gdg-i2iowwq textarea{position:absolute;top:0px;left:0px;width:0px;height:0px;opacity:0;}

package/dist/cjs/internal/data-grid-overlay-editor/private/image-overlay-editor-style.js

@@ -1,56 +1,7 @@
 import { styled } from "@linaria/react";
-export const ImageOverlayEditorStyle = styled.div `
-    display: flex;
+export const ImageOverlayEditorStyle = /*#__PURE__*/styled('div')({
+  name: "ImageOverlayEditorStyle",
+  class: "gdg-i2iowwq",
+  propsAsIs: false
+});
 
-    height: 100%;
-
-    .gdg-centering-container {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-
-        height: 100%;
-
-        img,
-        canvas {
-            max-height: calc(100vh - var(--overlay-top) - 20px);
-            object-fit: contain;
-            user-select: none;
-        }
-
-        canvas {
-            max-width: 380px;
-        }
-    }
-
-    .gdg-edit-icon {
-        position: absolute;
-        top: 12px;
-        right: 0;
-        width: 48px;
-        height: 48px;
-        color: var(--gdg-accent-color);
-
-        cursor: pointer;
-
-        display: flex;
-        justify-content: center;
-        align-items: center;
-
-        > * {
-            width: 24px;
-            height: 24px;
-        }
-    }
-
-    textarea {
-        position: absolute;
-        top: 0px;
-        left: 0px;
-        width: 0px;
-        height: 0px;
-
-        opacity: 0;
-    }
-`;
-//# sourceMappingURL=image-overlay-editor-style.js.map

package/dist/cjs/internal/data-grid-overlay-editor/private/markdown-overlay-editor-style.css

@@ -0,0 +1 @@
+.gdg-m1pnx84e{min-width:var(--m1pnx84e-0);width:100%;display:flex;align-items:flex-start;justify-content:space-between;position:relative;color:var(--gdg-text-dark);}.gdg-m1pnx84e .gdg-g1y0xocz{flex-shrink:1;min-width:0;}.gdg-m1pnx84e .gdg-spacer{flex:1;}.gdg-m1pnx84e .gdg-edit-icon{position:relative;cursor:pointer;display:flex;justify-content:center;align-items:center;color:var(--gdg-accent-color);padding:0;height:24px;width:24px;flex-shrink:0;transition:all "0.125s ease";border-radius:6px;}.gdg-m1pnx84e .gdg-edit-icon >*{width:16px;height:16px;}.gdg-m1pnx84e .gdg-edit-hover :hover{background-color:var(--gdg-accent-light);transition:background-color 150ms;}.gdg-m1pnx84e .gdg-checkmark-hover :hover{color:#ffffff;background-color:var(--gdg-accent-color);}.gdg-m1pnx84e .gdg-md-edit-textarea{position:relative;top:0px;left:0px;width:0px;height:0px;margin-top:25px;opacity:0;padding:0;}.gdg-m1pnx84e .gdg-ml-6{margin-left:6px;}

package/dist/cjs/internal/data-grid-overlay-editor/private/markdown-overlay-editor-style.js

@@ -1,76 +1,11 @@
-import { GrowingEntryStyle } from "../../growing-entry/growing-entry-style.js";
 import { styled } from "@linaria/react";
-export const MarkdownOverlayEditorStyle = styled.div `
-    min-width: ${p => p.targetWidth}px;
-    width: 100%;
-    display: flex;
-    align-items: flex-start;
-    justify-content: space-between;
-    position: relative;
-    color: var(--gdg-text-dark);
+const _exp = /*#__PURE__*/() => p => p.targetWidth;
+export const MarkdownOverlayEditorStyle = /*#__PURE__*/styled('div')({
+  name: "MarkdownOverlayEditorStyle",
+  class: "gdg-m1pnx84e",
+  propsAsIs: false,
+  vars: {
+    "m1pnx84e-0": [_exp(), "px"]
+  }
+});
 
-    ${GrowingEntryStyle} {
-        flex-shrink: 1;
-        min-width: 0;
-    }
-
-    .gdg-spacer {
-        flex: 1;
-    }
-
-    .gdg-edit-icon {
-        position: relative;
-        cursor: pointer;
-
-        display: flex;
-        justify-content: center;
-        align-items: center;
-
-        color: var(--gdg-accent-color);
-
-        padding: 0;
-
-        height: 24px;
-        width: 24px;
-        flex-shrink: 0;
-
-        transition: all "0.125s ease";
-
-        border-radius: 6px;
-
-        > * {
-            width: 16px;
-            height: 16px;
-        }
-    }
-
-    .gdg-edit-hover {
-        :hover {
-            background-color: var(--gdg-accent-light);
-            transition: background-color 150ms;
-        }
-    }
-
-    .gdg-checkmark-hover {
-        :hover {
-            color: #ffffff;
-            background-color: var(--gdg-accent-color);
-        }
-    }
-
-    .gdg-md-edit-textarea {
-        position: relative;
-        top: 0px;
-        left: 0px;
-        width: 0px;
-        height: 0px;
-        margin-top: 25px;
-        opacity: 0;
-        padding: 0;
-    }
-
-    .gdg-ml-6 {
-        margin-left: 6px;
-    }
-`;
-//# sourceMappingURL=markdown-overlay-editor-style.js.map

package/dist/cjs/internal/data-grid-overlay-editor/private/number-overlay-editor-style.css

@@ -0,0 +1 @@
+.gdg-n15fjm3e{display:flex;margin:6px 0 3px;color:var(--gdg-text-dark);}.gdg-n15fjm3e >input{font-size:var(--gdg-editor-font-size);padding:0;font-family:var(--gdg-font-family);color:var(--gdg-text-dark);background-color:var(--gdg-bg-cell);}

package/dist/cjs/internal/data-grid-overlay-editor/private/number-overlay-editor-style.js

@@ -1,15 +1,7 @@
 import { styled } from "@linaria/react";
-export const NumberOverlayEditorStyle = styled.div `
-    display: flex;
-    margin: 6px 0 3px;
-    color: var(--gdg-text-dark);
+export const NumberOverlayEditorStyle = /*#__PURE__*/styled('div')({
+  name: "NumberOverlayEditorStyle",
+  class: "gdg-n15fjm3e",
+  propsAsIs: false
+});
 
-    > input {
-        font-size: var(--gdg-editor-font-size);
-        padding: 0;
-        font-family: var(--gdg-font-family);
-        color: var(--gdg-text-dark);
-        background-color: var(--gdg-bg-cell);
-    }
-`;
-//# sourceMappingURL=number-overlay-editor-style.js.map

package/dist/cjs/internal/data-grid-overlay-editor/private/uri-overlay-editor-style.css

@@ -0,0 +1 @@
+.gdg-u1rrojo{display:flex;flex-grow:1;align-items:center;min-height:21px;}.gdg-u1rrojo .gdg-link-area{flex-grow:1;flex-shrink:1;cursor:pointer;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--gdg-link-color);text-decoration:underline!important;}.gdg-u1rrojo .gdg-edit-icon{flex-shrink:0;width:32px;color:var(--gdg-accent-color);cursor:pointer;display:flex;justify-content:center;align-items:center;}.gdg-u1rrojo .gdg-edit-icon >*{width:24px;height:24px;}.gdg-u1rrojo textarea{position:absolute;top:0px;left:0px;width:0px;height:0px;opacity:0;}

package/dist/cjs/internal/data-grid-overlay-editor/private/uri-overlay-editor-style.js

@@ -1,53 +1,7 @@
 import { styled } from "@linaria/react";
-export const UriOverlayEditorStyle = styled.div `
-    display: flex;
+export const UriOverlayEditorStyle = /*#__PURE__*/styled('div')({
+  name: "UriOverlayEditorStyle",
+  class: "gdg-u1rrojo",
+  propsAsIs: false
+});
 
-    flex-grow: 1;
-
-    align-items: center;
-
-    min-height: 21px;
-
-    .gdg-link-area {
-        flex-grow: 1;
-        flex-shrink: 1;
-
-        cursor: pointer;
-
-        margin-right: 8px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-
-        color: var(--gdg-link-color);
-        text-decoration: underline !important;
-    }
-
-    .gdg-edit-icon {
-        flex-shrink: 0;
-        width: 32px;
-        color: var(--gdg-accent-color);
-
-        cursor: pointer;
-
-        display: flex;
-        justify-content: center;
-        align-items: center;
-
-        > * {
-            width: 24px;
-            height: 24px;
-        }
-    }
-
-    textarea {
-        position: absolute;
-        top: 0px;
-        left: 0px;
-        width: 0px;
-        height: 0px;
-
-        opacity: 0;
-    }
-`;
-//# sourceMappingURL=uri-overlay-editor-style.js.map

package/dist/cjs/internal/data-grid-search/data-grid-search-style.css

@@ -0,0 +1 @@
+.gdg-seveqep{position:absolute;top:4px;right:20px;background-color:var(--gdg-bg-cell);color:var(--gdg-text-dark);padding:8px;border:1px solid var(--gdg-border-color);border-radius:6px;font-size:var(--gdg-editor-font-size);animation:gdg-search-fadein-gdg-seveqep 0.15s forwards;}.gdg-seveqep.out{animation:gdg-search-fadeout-gdg-seveqep 0.15s forwards;}.gdg-seveqep .gdg-search-bar-inner{display:flex;}.gdg-seveqep .gdg-search-status{padding-top:4px;font-size:11px;}.gdg-seveqep .gdg-search-progress{position:absolute;height:4px;left:0;bottom:0;background-color:var(--gdg-text-light);}.gdg-seveqep input{width:220px;color:var(--gdg-text-dark);background-color:var(--gdg-bg-cell);border:none;border-width:0;outline:none;}.gdg-seveqep button{width:24px;height:24px;padding:0;border:none;outline:none;background:none;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--gdg-text-medium);}.gdg-seveqep button:hover{color:var(--gdg-text-dark);}.gdg-seveqep button .button-icon{width:16px;height:16px;}.gdg-seveqep button:disabled{opacity:0.4;pointer-events:none;}@-webkit-keyframes gdg-search-fadeout-gdg-seveqep{from{transform:translateX(0);}to{transform:translateX(400px);}}@keyframes gdg-search-fadeout-gdg-seveqep{from{transform:translateX(0);}to{transform:translateX(400px);}}@-webkit-keyframes gdg-search-fadein-gdg-seveqep{from{transform:translateX(400px);}to{transform:translateX(0);}}@keyframes gdg-search-fadein-gdg-seveqep{from{transform:translateX(400px);}to{transform:translateX(0);}}

package/dist/cjs/internal/data-grid-search/data-grid-search-style.js

@@ -1,96 +1,7 @@
 import { styled } from "@linaria/react";
-export const SearchWrapper = styled.div `
-    position: absolute;
-    top: 4px;
-    right: 20px;
+export const SearchWrapper = /*#__PURE__*/styled('div')({
+  name: "SearchWrapper",
+  class: "gdg-seveqep",
+  propsAsIs: false
+});
 
-    background-color: var(--gdg-bg-cell);
-    color: var(--gdg-text-dark);
-
-    padding: 8px;
-    border: 1px solid var(--gdg-border-color);
-    border-radius: 6px;
-
-    font-size: var(--gdg-editor-font-size);
-
-    &.out {
-        animation: gdg-search-fadeout 0.15s forwards;
-    }
-    animation: gdg-search-fadein 0.15s forwards;
-
-    .gdg-search-bar-inner {
-        display: flex;
-    }
-
-    .gdg-search-status {
-        padding-top: 4px;
-        font-size: 11px;
-    }
-
-    .gdg-search-progress {
-        position: absolute;
-        height: 4px;
-        left: 0;
-        bottom: 0;
-
-        background-color: var(--gdg-text-light);
-    }
-
-    input {
-        width: 220px;
-        color: var(--gdg-text-dark);
-        background-color: var(--gdg-bg-cell);
-        border: none;
-        border-width: 0;
-        outline: none;
-    }
-
-    button {
-        width: 24px;
-        height: 24px;
-        padding: 0;
-
-        border: none;
-        outline: none;
-        background: none;
-
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        cursor: pointer;
-        color: var(--gdg-text-medium);
-
-        &:hover {
-            color: var(--gdg-text-dark);
-        }
-
-        .button-icon {
-            width: 16px;
-            height: 16px;
-        }
-
-        &:disabled {
-            opacity: 0.4;
-            pointer-events: none;
-        }
-    }
-
-    @keyframes gdg-search-fadeout {
-        from {
-            transform: translateX(0);
-        }
-        to {
-            transform: translateX(400px);
-        }
-    }
-
-    @keyframes gdg-search-fadein {
-        from {
-            transform: translateX(400px);
-        }
-        to {
-            transform: translateX(0);
-        }
-    }
-`;
-//# sourceMappingURL=data-grid-search-style.js.map

package/dist/cjs/internal/growing-entry/growing-entry-style.css

@@ -0,0 +1,3 @@
+.gdg-izpuzkl{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;border-radius:0px;resize:none;white-space:pre-wrap;min-width:100%;overflow:hidden;border:0;background-color:transparent;font-size:var(--gdg-editor-font-size);line-height:16px;font-family:var(--gdg-font-family);-webkit-text-fill-color:var(--gdg-text-dark);color:var(--gdg-text-dark);padding:0;margin:0;}.gdg-invalid .gdg-izpuzkl{text-decoration:underline;text-decoration-color:#d60606;}.gdg-izpuzkl ::-webkit-input-placeholder{color:var(--gdg-text-light);}.gdg-izpuzkl ::-moz-placeholder{color:var(--gdg-text-light);}.gdg-izpuzkl :-ms-input-placeholder{color:var(--gdg-text-light);}.gdg-izpuzkl ::placeholder{color:var(--gdg-text-light);}
+.gdg-s69h75o{visibility:hidden;white-space:pre-wrap;word-wrap:break-word;width:max-content;max-width:100%;min-width:100%;font-size:var(--gdg-editor-font-size);line-height:16px;font-family:var(--gdg-font-family);color:var(--gdg-text-dark);padding:0;margin:0;padding-bottom:2px;}
+.gdg-g1y0xocz{position:relative;margin-top:6px;}