fix: make fallback select border (#1048)

* Fix: Remove extra margin on ref-node (#1037)

* remove extra margin

* Update uui-ref-node.element.ts

* fallback render select border

* make default render of uui-card include the select border

---------

Co-authored-by: Mads Rasmussen <[email protected]>

Author: nielslyngsoe

packages/uui-card/lib/uui-card.element.ts

@@ -84,7 +84,8 @@ export class UUICardElement extends SelectOnlyMixin(
   }
 
   protected render() {
-    return html`<slot></slot>`;
+    return html`<slot id="open-part"></slot>
+      <div id="select-border"></div>`;
   }
 
   static styles = [

packages/uui-card/lib/uui-card.story.ts

@@ -9,7 +9,7 @@ const meta: Meta = {
   component: 'uui-card',
   title: 'Displays/Cards/Card',
   args: {
-    slot: 'This is an example of a simple card',
+    slot: '<div style="margin: var(--uui-size-space-4)">This is an example of a simple card <a href="#link">with a link</a>.</div>',
   },
   render: args =>
     html`<uui-card ${spread(args)}>${renderSlots(args)}</uui-card>`,

packages/uui/tsconfig.json

@@ -38,13 +38,13 @@
       "path": "../uui-button"
     },
     {
-      "path": "../uui-button-group"
+      "path": "../uui-button-copy-text"
     },
     {
-      "path": "../uui-button-inline-create"
+      "path": "../uui-button-group"
     },
     {
-      "path": "../uui-button-copy-text"
+      "path": "../uui-button-inline-create"
     },
     {
       "path": "../uui-card"