@uniformdev/design-system 20.40.0 → 20.41.0

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/esm/index.js CHANGED
@@ -665,7 +665,7 @@ var cq = (size) => `@container (min-width: ${size})`;
665
665
  var prefersReducedMotion = (cssProp) => `@media (prefers-reduced-motion: ${cssProp})`;
666
666
 
667
667
  // src/components/Layout/styles/AsideAndSectionLayout.styles.ts
668
- var AsideAdnSectionLayoutContainer = (withSidebar) => css5`
668
+ var AsideAndSectionLayoutContainer = (withSidebar) => css5`
669
669
  display: grid;
670
670
  gap: var(--spacing-sm) 0;
671
671
  height: 100%;
@@ -674,19 +674,18 @@ var AsideAdnSectionLayoutContainer = (withSidebar) => css5`
674
674
  margin-left: ${withSidebar ? 0 : "var(--spacing-sm)"};
675
675
 
676
676
  ${mq("md")} {
677
- grid-template-columns: ${withSidebar ? "200px 1fr" : "1fr"};
677
+ grid-template-columns: ${withSidebar ? "fit-content(25%) 1fr" : "1fr"};
678
678
  }
679
679
  `;
680
- var AsideAdnSectionLayoutAsideStyles = css5`
680
+ var AsideAndSectionLayoutAsideStyles = css5`
681
681
  order: 1;
682
682
  padding: var(--spacing-base) 0 var(--spacing-base) var(--spacing-base);
683
683
 
684
684
  ${mq("md")} {
685
685
  order: 0;
686
- grid-template-columns: minmax(0, 200px) 1fr;
687
686
  }
688
687
  `;
689
- var AsideAdnSectionLayoutSectionStyles = css5`
688
+ var AsideAndSectionLayoutSectionStyles = css5`
690
689
  display: flex;
691
690
  background: var(--white);
692
691
  padding: var(--spacing-lg);
@@ -694,11 +693,11 @@ var AsideAdnSectionLayoutSectionStyles = css5`
694
693
  position: relative;
695
694
  overflow: hidden;
696
695
  `;
697
- var AsideAdnSectionLayoutSectionScrollable = css5`
696
+ var AsideAndSectionLayoutSectionScrollable = css5`
698
697
  overflow: auto;
699
698
  ${scrollbarStyles}
700
699
  `;
701
- var AsideAdnSectionLayoutStickyAsideStyles = css5`
700
+ var AsideAndSectionLayoutStickyAsideStyles = css5`
702
701
  position: sticky;
703
702
  top: var(--spacing-sm);
704
703
  `;
@@ -714,21 +713,21 @@ var AsideAndSectionLayout = ({
714
713
  "main",
715
714
  {
716
715
  css: [
717
- AsideAdnSectionLayoutContainer(Boolean(sidebar)),
718
- isStickyAside ? AsideAdnSectionLayoutSectionScrollable : null
716
+ AsideAndSectionLayoutContainer(Boolean(sidebar)),
717
+ isStickyAside ? AsideAndSectionLayoutSectionScrollable : null
719
718
  ],
720
719
  children: [
721
720
  sidebar ? /* @__PURE__ */ jsx5(
722
721
  "aside",
723
722
  {
724
723
  css: [
725
- AsideAdnSectionLayoutAsideStyles,
726
- isStickyAside ? AsideAdnSectionLayoutStickyAsideStyles : null
724
+ AsideAndSectionLayoutAsideStyles,
725
+ isStickyAside ? AsideAndSectionLayoutStickyAsideStyles : null
727
726
  ],
728
727
  children: sidebar
729
728
  }
730
729
  ) : null,
731
- /* @__PURE__ */ jsx5("section", { css: AsideAdnSectionLayoutSectionStyles, children })
730
+ /* @__PURE__ */ jsx5("section", { css: AsideAndSectionLayoutSectionStyles, children })
732
731
  ]
733
732
  }
734
733
  );
@@ -4008,10 +4007,11 @@ var DropdownStyleMenuTrigger = forwardRef2(
4008
4007
  const buttonVariantStyle = variant === "ghost" ? ghostButtonStyle : outlineButtonStyle;
4009
4008
  return /* @__PURE__ */ jsx23("button", { ref, ...buttonProps, css: [buttonStyle(bgColor), buttonVariantStyle], type: "button", children: /* @__PURE__ */ jsxs13(HorizontalRhythm, { align: "center", gap: "xs", children: [
4010
4009
  /* @__PURE__ */ jsx23("div", { children }),
4011
- /* @__PURE__ */ jsx23(CgChevronDown, { iconColor: "currentColor", size: "1rem" })
4010
+ /* @__PURE__ */ jsx23(Icon, { icon: CgChevronDown, iconColor: "currentColor", size: "1rem" })
4012
4011
  ] }) });
4013
4012
  }
4014
4013
  );
4014
+ DropdownStyleMenuTrigger.displayName = "DropdownStyleMenuTrigger";
4015
4015
 
4016
4016
  // src/components/Menu/Menu.tsx
4017
4017
  import {
@@ -16269,55 +16269,63 @@ var RichText = ({
16269
16269
  onInsertAsset
16270
16270
  }
16271
16271
  ),
16272
- /* @__PURE__ */ jsxs90("div", { css: editorContainerWrapper, ref: onPortalContainerRef, children: [
16273
- /* @__PURE__ */ jsxs90(
16274
- "div",
16275
- {
16276
- css: editorContainer,
16277
- className: editorInputWrapperClassName,
16278
- ref: onEditorContainerRef,
16279
- "data-testid": "value-container",
16280
- children: [
16281
- /* @__PURE__ */ jsx134(
16282
- RichTextPlugin,
16283
- {
16284
- contentEditable: /* @__PURE__ */ jsx134(ContentEditable, { css: editorInput, className: editorInputClassName }),
16285
- placeholder: /* @__PURE__ */ jsx134("div", { css: editorPlaceholder, "data-placeholder": true, children: placeholder != null ? placeholder : readOnly ? "empty" : "start editing..." }),
16286
- ErrorBoundary: LexicalErrorBoundary
16287
- }
16288
- ),
16289
- /* @__PURE__ */ jsx134(ListPlugin, {}),
16290
- /* @__PURE__ */ jsx134(ListIndentPlugin, { maxDepth: 4 }),
16291
- /* @__PURE__ */ jsx134(TablePlugin, { hasCellMerge: false, hasCellBackgroundColor: false }),
16292
- /* @__PURE__ */ jsx134("div", { css: editorContainerOverflowWrapper, "data-testid": "table-action-menu-plugin", children: editorContainerRef && portalContainerRef && !minimalInteractivity ? /* @__PURE__ */ jsx134(
16293
- TableActionMenuPlugin,
16294
- {
16295
- positioningAnchorEl: editorContainerRef,
16296
- menuPortalEl: portalContainerRef
16297
- }
16298
- ) : null }),
16299
- editorContainerRef && !minimalInteractivity ? /* @__PURE__ */ jsx134(TableCellResizerPlugin, { positioningAnchorEl: editorContainerRef }) : null,
16300
- readOnly ? null : /* @__PURE__ */ jsx134(HistoryPlugin, {}),
16301
- /* @__PURE__ */ jsx134(DisableStylesPlugin, {}),
16302
- /* @__PURE__ */ jsx134(MarkdownShortcutPlugin, { transformers: MARKDOWN_TRANSFORMERS })
16303
- ]
16304
- }
16305
- ),
16306
- /* @__PURE__ */ jsx134(Fragment18, { children }),
16307
- editorContainerRef ? /* @__PURE__ */ jsx134(
16308
- LinkNodePlugin,
16309
- {
16310
- onConnectLink: onConnectLink ? onConnectLink : () => Promise.resolve(),
16311
- getBoundPath: (variables == null ? void 0 : variables.bindVariables) ? (path) => {
16312
- var _a, _b;
16313
- return (_b = (_a = variables.bindVariables) == null ? void 0 : _a.call(variables, path)) != null ? _b : path;
16314
- } : void 0,
16315
- positioningAnchorEl: editorContainerRef
16316
- }
16317
- ) : null,
16318
- /* @__PURE__ */ jsx134(TableSelectionPlugin_default, {}),
16319
- /* @__PURE__ */ jsx134(ImprovedAssetSelectionPlugin_default, {})
16320
- ] })
16272
+ /* @__PURE__ */ jsxs90(
16273
+ "div",
16274
+ {
16275
+ css: editorContainerWrapper,
16276
+ "data-editor-container-wrapper": true,
16277
+ ref: onPortalContainerRef,
16278
+ children: [
16279
+ /* @__PURE__ */ jsxs90(
16280
+ "div",
16281
+ {
16282
+ css: editorContainer,
16283
+ className: editorInputWrapperClassName,
16284
+ ref: onEditorContainerRef,
16285
+ "data-testid": "value-container",
16286
+ children: [
16287
+ /* @__PURE__ */ jsx134(
16288
+ RichTextPlugin,
16289
+ {
16290
+ contentEditable: /* @__PURE__ */ jsx134(ContentEditable, { css: editorInput, className: editorInputClassName }),
16291
+ placeholder: /* @__PURE__ */ jsx134("div", { css: editorPlaceholder, "data-placeholder": true, children: placeholder != null ? placeholder : readOnly ? "empty" : "start editing..." }),
16292
+ ErrorBoundary: LexicalErrorBoundary
16293
+ }
16294
+ ),
16295
+ /* @__PURE__ */ jsx134(ListPlugin, {}),
16296
+ /* @__PURE__ */ jsx134(ListIndentPlugin, { maxDepth: 4 }),
16297
+ /* @__PURE__ */ jsx134(TablePlugin, { hasCellMerge: false, hasCellBackgroundColor: false }),
16298
+ /* @__PURE__ */ jsx134("div", { css: editorContainerOverflowWrapper, "data-testid": "table-action-menu-plugin", children: editorContainerRef && portalContainerRef && !minimalInteractivity ? /* @__PURE__ */ jsx134(
16299
+ TableActionMenuPlugin,
16300
+ {
16301
+ positioningAnchorEl: editorContainerRef,
16302
+ menuPortalEl: portalContainerRef
16303
+ }
16304
+ ) : null }),
16305
+ editorContainerRef && !minimalInteractivity ? /* @__PURE__ */ jsx134(TableCellResizerPlugin, { positioningAnchorEl: editorContainerRef }) : null,
16306
+ readOnly ? null : /* @__PURE__ */ jsx134(HistoryPlugin, {}),
16307
+ /* @__PURE__ */ jsx134(DisableStylesPlugin, {}),
16308
+ /* @__PURE__ */ jsx134(MarkdownShortcutPlugin, { transformers: MARKDOWN_TRANSFORMERS })
16309
+ ]
16310
+ }
16311
+ ),
16312
+ /* @__PURE__ */ jsx134(Fragment18, { children }),
16313
+ editorContainerRef ? /* @__PURE__ */ jsx134(
16314
+ LinkNodePlugin,
16315
+ {
16316
+ onConnectLink: onConnectLink ? onConnectLink : () => Promise.resolve(),
16317
+ getBoundPath: (variables == null ? void 0 : variables.bindVariables) ? (path) => {
16318
+ var _a, _b;
16319
+ return (_b = (_a = variables.bindVariables) == null ? void 0 : _a.call(variables, path)) != null ? _b : path;
16320
+ } : void 0,
16321
+ positioningAnchorEl: editorContainerRef
16322
+ }
16323
+ ) : null,
16324
+ /* @__PURE__ */ jsx134(TableSelectionPlugin_default, {}),
16325
+ /* @__PURE__ */ jsx134(ImprovedAssetSelectionPlugin_default, {})
16326
+ ]
16327
+ }
16328
+ )
16321
16329
  ] });
16322
16330
  };
16323
16331
 
@@ -16959,7 +16967,7 @@ var lightFadingOut = keyframes5`
16959
16967
  `;
16960
16968
  var skeletonStyles = css106`
16961
16969
  animation: ${lightFadingOut} 1s ease-out infinite alternate;
16962
- background-color: var(--gray-900);
16970
+ background-color: var(--gray-500);
16963
16971
  `;
16964
16972
 
16965
16973
  // src/components/Skeleton/Skeleton.tsx
package/dist/index.js CHANGED
@@ -2337,7 +2337,7 @@ var cq = (size) => `@container (min-width: ${size})`;
2337
2337
  var prefersReducedMotion = (cssProp) => `@media (prefers-reduced-motion: ${cssProp})`;
2338
2338
 
2339
2339
  // src/components/Layout/styles/AsideAndSectionLayout.styles.ts
2340
- var AsideAdnSectionLayoutContainer = (withSidebar) => import_react6.css`
2340
+ var AsideAndSectionLayoutContainer = (withSidebar) => import_react6.css`
2341
2341
  display: grid;
2342
2342
  gap: var(--spacing-sm) 0;
2343
2343
  height: 100%;
@@ -2346,19 +2346,18 @@ var AsideAdnSectionLayoutContainer = (withSidebar) => import_react6.css`
2346
2346
  margin-left: ${withSidebar ? 0 : "var(--spacing-sm)"};
2347
2347
 
2348
2348
  ${mq("md")} {
2349
- grid-template-columns: ${withSidebar ? "200px 1fr" : "1fr"};
2349
+ grid-template-columns: ${withSidebar ? "fit-content(25%) 1fr" : "1fr"};
2350
2350
  }
2351
2351
  `;
2352
- var AsideAdnSectionLayoutAsideStyles = import_react6.css`
2352
+ var AsideAndSectionLayoutAsideStyles = import_react6.css`
2353
2353
  order: 1;
2354
2354
  padding: var(--spacing-base) 0 var(--spacing-base) var(--spacing-base);
2355
2355
 
2356
2356
  ${mq("md")} {
2357
2357
  order: 0;
2358
- grid-template-columns: minmax(0, 200px) 1fr;
2359
2358
  }
2360
2359
  `;
2361
- var AsideAdnSectionLayoutSectionStyles = import_react6.css`
2360
+ var AsideAndSectionLayoutSectionStyles = import_react6.css`
2362
2361
  display: flex;
2363
2362
  background: var(--white);
2364
2363
  padding: var(--spacing-lg);
@@ -2366,11 +2365,11 @@ var AsideAdnSectionLayoutSectionStyles = import_react6.css`
2366
2365
  position: relative;
2367
2366
  overflow: hidden;
2368
2367
  `;
2369
- var AsideAdnSectionLayoutSectionScrollable = import_react6.css`
2368
+ var AsideAndSectionLayoutSectionScrollable = import_react6.css`
2370
2369
  overflow: auto;
2371
2370
  ${scrollbarStyles}
2372
2371
  `;
2373
- var AsideAdnSectionLayoutStickyAsideStyles = import_react6.css`
2372
+ var AsideAndSectionLayoutStickyAsideStyles = import_react6.css`
2374
2373
  position: sticky;
2375
2374
  top: var(--spacing-sm);
2376
2375
  `;
@@ -2386,21 +2385,21 @@ var AsideAndSectionLayout = ({
2386
2385
  "main",
2387
2386
  {
2388
2387
  css: [
2389
- AsideAdnSectionLayoutContainer(Boolean(sidebar)),
2390
- isStickyAside ? AsideAdnSectionLayoutSectionScrollable : null
2388
+ AsideAndSectionLayoutContainer(Boolean(sidebar)),
2389
+ isStickyAside ? AsideAndSectionLayoutSectionScrollable : null
2391
2390
  ],
2392
2391
  children: [
2393
2392
  sidebar ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
2394
2393
  "aside",
2395
2394
  {
2396
2395
  css: [
2397
- AsideAdnSectionLayoutAsideStyles,
2398
- isStickyAside ? AsideAdnSectionLayoutStickyAsideStyles : null
2396
+ AsideAndSectionLayoutAsideStyles,
2397
+ isStickyAside ? AsideAndSectionLayoutStickyAsideStyles : null
2399
2398
  ],
2400
2399
  children: sidebar
2401
2400
  }
2402
2401
  ) : null,
2403
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("section", { css: AsideAdnSectionLayoutSectionStyles, children })
2402
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("section", { css: AsideAndSectionLayoutSectionStyles, children })
2404
2403
  ]
2405
2404
  }
2406
2405
  );
@@ -5739,10 +5738,11 @@ var DropdownStyleMenuTrigger = (0, import_react31.forwardRef)(
5739
5738
  const buttonVariantStyle = variant === "ghost" ? ghostButtonStyle : outlineButtonStyle;
5740
5739
  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { ref, ...buttonProps, css: [buttonStyle(bgColor), buttonVariantStyle], type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(HorizontalRhythm, { align: "center", gap: "xs", children: [
5741
5740
  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { children }),
5742
- /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_CgChevronDown2.CgChevronDown, { iconColor: "currentColor", size: "1rem" })
5741
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon, { icon: import_CgChevronDown2.CgChevronDown, iconColor: "currentColor", size: "1rem" })
5743
5742
  ] }) });
5744
5743
  }
5745
5744
  );
5745
+ DropdownStyleMenuTrigger.displayName = "DropdownStyleMenuTrigger";
5746
5746
 
5747
5747
  // src/components/Menu/Menu.tsx
5748
5748
  init_emotion_jsx_shim();
@@ -18132,55 +18132,63 @@ var RichText = ({
18132
18132
  onInsertAsset
18133
18133
  }
18134
18134
  ),
18135
- /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { css: editorContainerWrapper, ref: onPortalContainerRef, children: [
18136
- /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
18137
- "div",
18138
- {
18139
- css: editorContainer,
18140
- className: editorInputWrapperClassName,
18141
- ref: onEditorContainerRef,
18142
- "data-testid": "value-container",
18143
- children: [
18144
- /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
18145
- import_LexicalRichTextPlugin.RichTextPlugin,
18146
- {
18147
- contentEditable: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_LexicalContentEditable.ContentEditable, { css: editorInput, className: editorInputClassName }),
18148
- placeholder: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { css: editorPlaceholder, "data-placeholder": true, children: placeholder != null ? placeholder : readOnly ? "empty" : "start editing..." }),
18149
- ErrorBoundary: import_LexicalErrorBoundary.default
18150
- }
18151
- ),
18152
- /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_LexicalListPlugin.ListPlugin, {}),
18153
- /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(ListIndentPlugin, { maxDepth: 4 }),
18154
- /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_LexicalTablePlugin.TablePlugin, { hasCellMerge: false, hasCellBackgroundColor: false }),
18155
- /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { css: editorContainerOverflowWrapper, "data-testid": "table-action-menu-plugin", children: editorContainerRef && portalContainerRef && !minimalInteractivity ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
18156
- TableActionMenuPlugin,
18157
- {
18158
- positioningAnchorEl: editorContainerRef,
18159
- menuPortalEl: portalContainerRef
18160
- }
18161
- ) : null }),
18162
- editorContainerRef && !minimalInteractivity ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(TableCellResizerPlugin, { positioningAnchorEl: editorContainerRef }) : null,
18163
- readOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_LexicalHistoryPlugin.HistoryPlugin, {}),
18164
- /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(DisableStylesPlugin, {}),
18165
- /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_LexicalMarkdownShortcutPlugin.MarkdownShortcutPlugin, { transformers: MARKDOWN_TRANSFORMERS })
18166
- ]
18167
- }
18168
- ),
18169
- /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_jsx_runtime134.Fragment, { children }),
18170
- editorContainerRef ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
18171
- LinkNodePlugin,
18172
- {
18173
- onConnectLink: onConnectLink ? onConnectLink : () => Promise.resolve(),
18174
- getBoundPath: (variables == null ? void 0 : variables.bindVariables) ? (path) => {
18175
- var _a, _b;
18176
- return (_b = (_a = variables.bindVariables) == null ? void 0 : _a.call(variables, path)) != null ? _b : path;
18177
- } : void 0,
18178
- positioningAnchorEl: editorContainerRef
18179
- }
18180
- ) : null,
18181
- /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(TableSelectionPlugin_default, {}),
18182
- /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(ImprovedAssetSelectionPlugin_default, {})
18183
- ] })
18135
+ /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
18136
+ "div",
18137
+ {
18138
+ css: editorContainerWrapper,
18139
+ "data-editor-container-wrapper": true,
18140
+ ref: onPortalContainerRef,
18141
+ children: [
18142
+ /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
18143
+ "div",
18144
+ {
18145
+ css: editorContainer,
18146
+ className: editorInputWrapperClassName,
18147
+ ref: onEditorContainerRef,
18148
+ "data-testid": "value-container",
18149
+ children: [
18150
+ /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
18151
+ import_LexicalRichTextPlugin.RichTextPlugin,
18152
+ {
18153
+ contentEditable: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_LexicalContentEditable.ContentEditable, { css: editorInput, className: editorInputClassName }),
18154
+ placeholder: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { css: editorPlaceholder, "data-placeholder": true, children: placeholder != null ? placeholder : readOnly ? "empty" : "start editing..." }),
18155
+ ErrorBoundary: import_LexicalErrorBoundary.default
18156
+ }
18157
+ ),
18158
+ /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_LexicalListPlugin.ListPlugin, {}),
18159
+ /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(ListIndentPlugin, { maxDepth: 4 }),
18160
+ /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_LexicalTablePlugin.TablePlugin, { hasCellMerge: false, hasCellBackgroundColor: false }),
18161
+ /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { css: editorContainerOverflowWrapper, "data-testid": "table-action-menu-plugin", children: editorContainerRef && portalContainerRef && !minimalInteractivity ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
18162
+ TableActionMenuPlugin,
18163
+ {
18164
+ positioningAnchorEl: editorContainerRef,
18165
+ menuPortalEl: portalContainerRef
18166
+ }
18167
+ ) : null }),
18168
+ editorContainerRef && !minimalInteractivity ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(TableCellResizerPlugin, { positioningAnchorEl: editorContainerRef }) : null,
18169
+ readOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_LexicalHistoryPlugin.HistoryPlugin, {}),
18170
+ /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(DisableStylesPlugin, {}),
18171
+ /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_LexicalMarkdownShortcutPlugin.MarkdownShortcutPlugin, { transformers: MARKDOWN_TRANSFORMERS })
18172
+ ]
18173
+ }
18174
+ ),
18175
+ /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_jsx_runtime134.Fragment, { children }),
18176
+ editorContainerRef ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
18177
+ LinkNodePlugin,
18178
+ {
18179
+ onConnectLink: onConnectLink ? onConnectLink : () => Promise.resolve(),
18180
+ getBoundPath: (variables == null ? void 0 : variables.bindVariables) ? (path) => {
18181
+ var _a, _b;
18182
+ return (_b = (_a = variables.bindVariables) == null ? void 0 : _a.call(variables, path)) != null ? _b : path;
18183
+ } : void 0,
18184
+ positioningAnchorEl: editorContainerRef
18185
+ }
18186
+ ) : null,
18187
+ /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(TableSelectionPlugin_default, {}),
18188
+ /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(ImprovedAssetSelectionPlugin_default, {})
18189
+ ]
18190
+ }
18191
+ )
18184
18192
  ] });
18185
18193
  };
18186
18194
 
@@ -18838,7 +18846,7 @@ var lightFadingOut = import_react176.keyframes`
18838
18846
  `;
18839
18847
  var skeletonStyles = import_react176.css`
18840
18848
  animation: ${lightFadingOut} 1s ease-out infinite alternate;
18841
- background-color: var(--gray-900);
18849
+ background-color: var(--gray-500);
18842
18850
  `;
18843
18851
 
18844
18852
  // src/components/Skeleton/Skeleton.tsx
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniformdev/design-system",
3
- "version": "20.40.0",
3
+ "version": "20.41.0",
4
4
  "description": "Uniform design system components",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "exports": {
@@ -38,8 +38,8 @@
38
38
  "@storybook/theming": "^8.3.3",
39
39
  "@types/react": "18.3.24",
40
40
  "@types/react-dom": "18.3.7",
41
- "@uniformdev/canvas": "^20.40.0",
42
- "@uniformdev/richtext": "^20.40.0",
41
+ "@uniformdev/canvas": "^20.41.0",
42
+ "@uniformdev/richtext": "^20.41.0",
43
43
  "@vitest/coverage-v8": "3.2.4",
44
44
  "autoprefixer": "10.4.21",
45
45
  "hygen": "6.2.11",
@@ -93,5 +93,5 @@
93
93
  "publishConfig": {
94
94
  "access": "public"
95
95
  },
96
- "gitHead": "5a63373f91355d8865feac0d3fc11be59a5e38bd"
96
+ "gitHead": "0ec454ba75fa0b042566d38359e1db3bca61c30d"
97
97
  }