@golemui/gui-shared 1.6.0 → 2.0.0-rc.1

package/CHANGELOG.md

@@ -1,3 +1,83 @@
+## 2.0.0-rc.1 (2026-10-09)
+
+This was a version bump only for gui-shared to align it with other projects, there were no code changes.
+
+## 2.0.0-rc.0 (2026-10-08)
+
+### 🚀 Features
+
+- ⚠️  **gui-components:** Make @golemui/gui-components a standalone project ([#406](https://github.com/golemui/golemui/pull/406))
+
+### ⚠️  Breaking Changes
+
+- **gui-components:** Make @golemui/gui-components a standalone project  ([#406](https://github.com/golemui/golemui/pull/406))
+  Deprecate Flex layout
+  * fix(gui-components): add migration guide to v2.0
+  BREAKING CHANGE: GolemUI 2.0 makes @golemui/gui-components a standalone project.
+  - Styles: index.css no longer includes the form container, repeater and
+    invalid submit button styles. Import @golemui/gui-shared/forms.css after it.
+  - Styles: every rule is in a golemui.* cascade layer, so unlayered app CSS,
+    including global resets, now overrides component styles.
+  - Styles: component selectors are no longer nested under .gui-form, and
+    narrow layouts query the gui-container container instead of gui-form.
+  - Layouts: a grid without direction is now a stack instead of a row. Add
+    direction: 'row' to keep a row.
+  - Layouts: flex is deprecated and renders as a grid. Grid gaps are tokens
+    (none to xl) instead of pixels, justify places children along a row, and
+    autoFit, columnGap, rowGap and align are deprecated. The root layout is grid.
+  - Markup: tabs, accordions and alerts render gui-tabs, gui-accordion and
+    gui-alert. Their old classes (.gui-accordion__section,
+    .gui-alert-notification--*, .active) are gone, as are the .gui-flex and
+    .gui-grid__widget classes. Errors render as divs instead of a ul.
+  - Elements: every event is prefixed with gui- (input/change -> gui-input and
+    gui-change, blur -> gui-blur, inputError -> gui-input-error, and so on),
+    bubbles and is composed.
+  - Elements: multi-word attributes are kebab-case (autogrow -> auto-grow).
+  - Elements: gui-button's actionType is now type, and invalid is removed.
+  - Elements: touched is unset by default, so errors show as soon as they are set.
+  - Packages: @golemui/gui-components only peers on lit, and @golemui/gui-shared
+    now depends on it. @golemui/gui-components/internals no longer exports
+    createIntersectionObserver or NO_AVAILABLE_TIMES_MESSAGE.
+  * chore: update gitignore
+  * refactor(lit): move ssr to lit-utils
+  move ssr to lit-utils
+  * docs: update readme
+  * refactor(lit): move ssr to lit-utils, add ssr to components
+  * fix(gui-components): report missing upload service when dependencies are set
+  * fix(gui-components): avoid duplicated ids in all pickers
+  * fix(gui-components): set caret icon as a CSS property
+  * test: check ssr parity across frameworks with components
+  * ci: add workflow to test lit-labs/ssr against our implementation
+  * feat(gui-components): add timeLabel prop to date-time inputs
+  * chore: fix lint errors
+  * chore: improve ssr performance
+  * docs: move components ssr docs to website
+  * fix(gui-components): send value in numeric inputs
+  * feat(gui-components): add nitro plugin for nuxt users
+  * fix(gui-components): avoid ssr rendering for time lists
+  * chore: reset harnesses
+  * docs: update components readme
+  * fix(gui-components): misc issues related with required, aria and styling
+  * test(gui-components): fix tests
+  * test(gui-components): fix firefox test failing by 0.000001
+  * fix(gui-components): fix layout issues with pickers
+  * fix(schemas): make grid a the reserved root
+  * fix(schemas): make grid a the reserved root
+  * docs: fix astro template, update migration guide
+  * fix(gui-components): avoid double hints in pickers
+  * fix(gui-react): fix singleOpen in react accordion
+  * fix(gui-components): fix currency stepping
+  * fix(gui-components): reset value on form reset
+  * fix(gui-components): Segmented date and time inputs keep an outdated validity
+  * fix(gui-components): block pickers submissions with partly typed or impossible dates
+  * fix(gui-components): Dates and times outside their bounds now block a native submit
+  * fix(gui-components): block native submit with pending uploads in progress
+  * test: fix typing issues with specs
+
+### ❤️ Thank You
+
+- Raúl Jiménez @Elecash
+
 ## 1.6.0 (2026-10-03)
 
 ### 🚀 Features

package/forms.css

@@ -0,0 +1,106 @@
+@layer golemui.tokens, golemui.base, golemui.components, golemui.forms, golemui.theme;
+@layer golemui.base {
+  .gui-form {
+    display: block;
+    container-type: inline-size;
+    container-name: gui-form gui-container;
+    border-radius: var(--gui-radius-md);
+    /* Base reset for all gui-* components */
+    font-family: var(--gui-font-family);
+    font-size: var(--gui-font-sm);
+    color: var(--gui-text-default);
+    box-sizing: border-box;
+    /* Safari (WebKit) ignores font inheritance on native <button>; re-assert it
+       so widget buttons match the surrounding form text in every browser. */
+  }
+  .gui-form button {
+    font-family: inherit;
+    font-size: inherit;
+  }
+}
+@layer golemui.forms {
+  .gui-form .gui-repeater__card.gui-repeater__main-card {
+    margin-bottom: 0;
+  }
+  .gui-form .gui-repeater__card {
+    margin-bottom: var(--gui-space-3);
+    padding: var(--gui-space-3);
+    border: 1px solid var(--gui-border-default);
+    border-radius: var(--gui-radius-md);
+    background: var(--gui-bg-default);
+    color: var(--gui-text-default);
+  }
+  .gui-form .gui-repeater__card[aria-invalid=true] {
+    border-color: var(--gui-intent-error);
+  }
+  .gui-form .gui-repeater__card-header {
+    display: flex;
+    align-items: center;
+    margin-bottom: var(--gui-space-2);
+  }
+  .gui-form .gui-repeater__card-header .gui-repeater__remove-btn {
+    margin-inline-start: auto;
+    gap: var(--gui-space-1);
+  }
+  .gui-form .gui-repeater__card--focused {
+    outline: 0;
+    border-color: var(--gui-border-focus);
+    box-shadow: var(--gui-shadow-focus);
+  }
+  .gui-form .gui-repeater__card--focused[aria-invalid=true] {
+    outline: 0;
+    border-color: var(--gui-intent-error);
+    box-shadow: var(--gui-shadow-focus-error);
+  }
+  .gui-form .gui-repeater__card-title {
+    font-weight: 500;
+  }
+  .gui-form .gui-repeater button.gui-button .gui-button-icon {
+    padding: 0;
+  }
+  .gui-form .gui-repeater button.gui-button.gui-repeater__remove-btn {
+    padding: var(--gui-space-1) var(--gui-space-2);
+    background: transparent;
+    color: var(--gui-intent-error);
+    border: 1px solid var(--gui-border-default);
+    transition: background var(--gui-transition-normal, 0.2s), border-color var(--gui-transition-normal, 0.2s);
+  }
+  .gui-form .gui-repeater button.gui-button.gui-repeater__remove-btn:focus {
+    border-color: var(--gui-intent-error);
+  }
+  .gui-form .gui-repeater button.gui-button.gui-repeater__remove-btn:focus .gui-button-icon {
+    color: var(--gui-intent-error-text);
+  }
+  .gui-form .gui-repeater button.gui-button.gui-repeater__remove-btn:hover {
+    color: var(--gui-intent-error-text);
+    background: var(--gui-intent-error-bg);
+    border-color: var(--gui-intent-error);
+    opacity: 1;
+  }
+  .gui-form .gui-repeater button.gui-button.gui-repeater__remove-btn:hover .gui-button-icon {
+    color: var(--gui-intent-error-text);
+  }
+  .gui-form .gui-repeater button.gui-button.gui-repeater__add-btn {
+    width: 100%;
+    border: 1px dashed var(--gui-intent-primary);
+    background: transparent;
+    color: var(--gui-intent-primary);
+    opacity: 0.6;
+    transition: opacity var(--gui-transition-normal, 0.2s);
+    gap: var(--gui-space-1);
+  }
+  .gui-form .gui-repeater button.gui-button.gui-repeater__add-btn:hover {
+    background: color-mix(in srgb, var(--gui-intent-primary) 10%, transparent);
+    opacity: 1;
+  }
+  .gui-form .gui-repeater button.gui-button.gui-repeater__add-btn:disabled {
+    opacity: 0.3;
+  }
+  .gui-button--invalid :is(button, a) {
+    border: 2px solid var(--gui-intent-error);
+  }
+  .gui-button--invalid :is(button, a):focus {
+    outline: 0;
+    box-shadow: var(--gui-shadow-focus-error);
+  }
+}

package/index.js

@@ -1,4 +1,4 @@
-import { g as p } from "./resolveFormInput-DM2I_8nF.js";
+import { g as p } from "./resolveFormInput-Bs-iyptu.js";
 import "@golemui/dx";
 import "@golemui/core";
 function s(r) {

package/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./resolveFormInput-Bi4buDf0.cjs");require("@golemui/dx");require("@golemui/core");function c(e){return typeof e=="object"&&e!==null&&"$ref"in e&&typeof e.$ref=="string"&&Object.keys(e).length===1}async function a(e,t){const r=new URL(e,t).href,n=await fetch(r);if(!n.ok)throw new Error(`Failed to load form chunk ${r}: ${n.status}`);const{$schema:s,...u}=await n.json();return o(u,r)}async function o(e,t){if(c(e))return a(e.$ref,t);const r=e;if(Array.isArray(r.children)){const n=await Promise.all(r.children.map(s=>o(s,t)));return{...r,children:n}}return e}async function f(e,t){const r=await Promise.all(e.form.map(n=>o(n,t)));return{...e,form:r}}exports.gui=i.gui;exports.resolveChunkRefs=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./resolveFormInput-B7fb-g3v.cjs");require("@golemui/dx");require("@golemui/core");function c(e){return typeof e=="object"&&e!==null&&"$ref"in e&&typeof e.$ref=="string"&&Object.keys(e).length===1}async function a(e,t){const r=new URL(e,t).href,n=await fetch(r);if(!n.ok)throw new Error(`Failed to load form chunk ${r}: ${n.status}`);const{$schema:s,...u}=await n.json();return o(u,r)}async function o(e,t){if(c(e))return a(e.$ref,t);const r=e;if(Array.isArray(r.children)){const n=await Promise.all(r.children.map(s=>o(s,t)));return{...r,children:n}}return e}async function f(e,t){const r=await Promise.all(e.form.map(n=>o(n,t)));return{...e,form:r}}exports.gui=i.gui;exports.resolveChunkRefs=f;

package/internals.d.ts

@@ -2,7 +2,7 @@ export { _guiAccordion, _guiAlert, _guiBooleanInput, _guiButton, _guiCalendar, _
 export { _gslAccordionByUid, _gslAccordions, _gslActionByUid, _gslActions, _gslAlertByUid, _gslAlerts, _gslBooleanInputs, _gslCalendarByUid, _gslCalendars, _gslDateTimeCalendarByUid, _gslDateTimeCalendars, _gslCheckboxByUid, _gslCheckboxes, _gslCurrencies, _gslCurrencyByUid, _gslCustomActionByUid, _gslCustomActions, _gslCustomDisplayByUid, _gslCustomDisplays, _gslCustomInputByUid, _gslCustomInputs, _gslCustomLayoutByUid, _gslCustomLayouts, _gslDateInputByUid, _gslDateInputs, _gslDatePickerByUid, _gslDatePickers, _gslDateTimePickerByUid, _gslDateTimePickers, _gslDateTimeInputByUid, _gslDateTimeInputs, _gslDisplayByUid, _gslDisplays, _gslDropdownByUid, _gslDropdowns, _gslFileUploadByUid, _gslFileUploads, _gslInputByUid, _gslInputs, _gslLayoutByUid, _gslLayouts, _gslListByUid, _gslLists, _gslMarkdownByUid, _gslMarkdowns, _gslMarkdownTextByUid, _gslMarkdownTexts, _gslMultiDropdownByUid, _gslMultiDropdowns, _gslMultiFileUploadByUid, _gslMultiFileUploads, _gslMultiListByUid, _gslMultiLists, _gslNumberInputs, _gslPasswordByUid, _gslPasswords, _gslRadiogroupByUid, _gslRadiogroups, _gslRangeCalendarByUid, _gslRangeCalendars, _gslRangeDateInputByUid, _gslRangeDateInputs, _gslRangeDateTimeInputByUid, _gslRangeDateTimeInputs, _gslRangeDateTimeCalendarByUid, _gslRangeDateTimeCalendars, _gslRangeDateTimePickerByUid, _gslRangeDateTimePickers, _gslRangeTimeInputByUid, _gslRangeTimeInputs, _gslRangeDatePickerByUid, _gslRangeDatePickers, _gslRangeTimePickerByUid, _gslRangeTimePickers, _gslRepeaterByUid, _gslRepeaters, _gslSelectByUid, _gslSelects, _gslStates, _gslTabs, _gslTabsByUid, _gslTag, _gslTags, _gslTagsByUid, _gslTextareaByUid, _gslTextareas, _gslTextInputs, _gslTimeInputByUid, _gslTimeInputs, _gslTimePickerByUid, _gslTimePickers, } from './lib/dx';
 export { createGslSelector, defineShortcutType, extractWidgetProps, formDefs, isDxDefinitions, processAutoLabel, processAutoPlaceholder, resolveFormInput, } from './lib/dx';
 export type { AccordionDecorator, ActionDecorator, AlertDecorator, BooleanDataInputDecorator, CalendarDecorator, DateTimeCalendarDecorator, GslDateTimeCalendarConfig, CheckboxDecorator, CurrencyDecorator, CustomActionDecorator, CustomDisplayDecorator, CustomInputDecorator, CustomLayoutDecorator, DateInputDecorator, DatePickerDecorator, DateTimePickerDecorator, DateTimeInputDecorator, DefOrCallback, DisplayDecorator, DropdownDecorator, DxActionBase, DxCommonFields, DxDisplayBase, DxDisplayRenderFn, DxFormEvent, DxInputBase, DxInternalFields, DxLayoutBase, DxResult, DxRuntimeParams, DxValidator, FileUploadDecorator, FormConfig, FormEvents, FormInput, GslAccordionConfig, GslActionsConfig, GslAlertsConfig, GslCalendarConfig, GslCheckboxConfig, GslConfigBase, GslCurrencyConfig, GslCustomActionConfig, GslCustomDisplayConfig, GslCustomInputConfig, GslCustomLayoutConfig, GslDateInputConfig, GslDatePickerConfig, GslDateTimePickerConfig, GslDateTimeInputConfig, GslDecoratorCallback, GslDisplaysConfig, GslDropdownConfig, GslFileUploadConfig, GslInputsConfig, GslLayoutsConfig, GslListConfig, GslMarkdownConfig, GslMultiDropdownConfig, GslMultiFileUploadConfig, GslMultiListConfig, GslPasswordConfig, GslRadiogroupConfig, GslRangeCalendarConfig, GslRangeDateInputConfig, GslRangeDateTimeInputConfig, GslRangeDateTimeCalendarConfig, GslRangeDateTimePickerConfig, GslRangeTimeInputConfig, GslRangeDatePickerConfig, GslRangeTimePickerConfig, GslRepeaterConfig, GslSelectConfig, GslTabsConfig, GslTagsConfig, GslTextareaConfig, GslTimeInputConfig, GslTimePickerConfig, GuiShortcutOf, InputDecorator, InputTags, LayoutDecorator, ListDecorator, MarkdownDecorator, MultiDropdownDecorator, MultiFileUploadDecorator, MultiListDecorator, NumberDataInputDecorator, PasswordDecorator, RadiogroupDecorator, RangeCalendarDecorator, RangeDateInputDecorator, RangeDateTimeInputDecorator, RangeDateTimeCalendarDecorator, RangeDateTimePickerDecorator, RangeTimeInputDecorator, RangeDatePickerDecorator, RangeTimePickerDecorator, RepeaterDecorator, ResolvedFormInput, SelectDecorator, ShortcutTypeSelectors, SimpleFieldDef, TabsDecorator, TagsDecorator, TextareaDecorator, TextDataInputDecorator, TimeInputDecorator, TimePickerDecorator, ValidShortcutType, } from './lib/dx';
-export type { AccordionProps, AlertProps, ButtonProps, CalendarProps, DateTimeCalendarProps, DateTimePickerProps, CheckboxProps, ComponentRendererProps, CurrencyProps, DateinputProps, DatePickerProps, DateTimeInputProps, DateRange, DateTimeRange, DisabledTimeRange, DropdownProps, FileUploadBaseProps, FileUploadProps, FlexProps, GridProps, ListItem, ListProps, MarkdownProps, MarkdownTextProps, MultiDropdownProps, MultiFileUploadProps, MultiListProps, NumberinputProps, OneOfProps, Option, OptionValue, PasswordProps, RadiogroupProps, RangeCalendarProps, RangeDateInputProps, RangeDatePickerProps, RangeDateTimeInputProps, RangeDateTimeCalendarProps, RangeDateTimePickerProps, RangeTimeInputProps, RangeTimePickerProps, RendererProps, RepeaterProps, SelectProps, TabsProps, TagsProps, TagsSeparator, TextareaProps, TextinputProps, TimeInputProps, TimePickerProps, TimeRange, ToggleProps, } from './lib/widget.props';
+export type { AccordionProps, AlertProps, ButtonProps, CalendarProps, DateTimeCalendarProps, DateTimePickerProps, CheckboxProps, ComponentRendererProps, CurrencyProps, DateinputProps, DatePickerProps, DateTimeInputProps, DateRange, DateTimeRange, DisabledTimeRange, DropdownProps, FileUploadBaseProps, FileUploadProps, FlexProps, GridGap, GridJustify, GridProps, ListItem, ListProps, MarkdownProps, MarkdownTextProps, MultiDropdownProps, MultiFileUploadProps, MultiListProps, NumberinputProps, OneOfProps, Option, OptionValue, PasswordProps, RadiogroupProps, RangeCalendarProps, RangeDateInputProps, RangeDatePickerProps, RangeDateTimeInputProps, RangeDateTimeCalendarProps, RangeDateTimePickerProps, RangeTimeInputProps, RangeTimePickerProps, RendererProps, RepeaterProps, SelectProps, TabsProps, TagsProps, TagsSeparator, TextareaProps, TextinputProps, TimeInputProps, TimePickerProps, TimeRange, ToggleProps, } from './lib/widget.props';
 export type { Dependencies, FileItem, FileStatus, UploadService } from './lib/shared';
 export type { GolemWidget } from './lib/widgets';
 export { actionWidgets, displayWidgets, inputWidgets, layoutWidgets } from './lib/widgets';
@@ -10,3 +10,4 @@ export { golemForm } from './lib/golem-form';
 export { isOption } from './lib/utils/one-of';
 export { accordionButtonId, accordionSectionId, tabButtonId, tabPanelId, } from './lib/utils/layout-ids';
 export { getItemKey, repeaterIndexSuffix } from './lib/utils/repeater';
+export { gapFromPixels, gridCellClasses, gridClasses, resolveGrid, type ResolvedGrid, } from './lib/utils/grid';