Repository navigation
·
25 commits
to release/v18
since this release
@semcore/accordion
- Changed Redesigned primary items with rounded backgrounds, a selection
indicator, and a chevron on the right; updated secondary item spacing
and collapse padding. - Changed Added DOM containers for the accordion, its items, and collapse
content. Review custom CSS and layouts that depend on the previous DOM
structure. - Fixed Prevented change events bubbling from accordion content from
triggering the accordion'sonChangecallback. - BREAK New theme applied.
@semcore/add-filter
- BREAK New theme applied.
@semcore/badge
- Added Added
theme="light"alongside the default and inverted appearances. - Changed Increased badge height to 16px and font size to 12px; updated colors
and corner rounding. - BREAK Made
typerequired and removed customchildren,bg, andcolor
props. Use a predefined badge type and its localized label. - BREAK Replaced
invertedwiththeme="invert". - BREAK New theme applied.
- BREAK Added new property
theme:default | light | invert. - BREAK Removed outdated flag
inverted.
@semcore/base-components
- BREAK animation: New theme applied.
- BREAK breakpoints: New theme applied.
- BREAK flex-box: New theme applied.
- BREAK grid: New theme applied.
- BREAK hint: New theme applied.
- BREAK neighbor-location: New theme applied.
- BREAK outside-click: New theme applied.
- BREAK popper: New theme applied.
- BREAK portal: New theme applied.
- BREAK scroll-area: New theme applied.
@semcore/base-trigger
- Changed Increased trigger heights from 28px to 32px for
mand from 40px to
44px forl; updated padding and addon spacing. - Changed Redesigned
FilterTriggerwith a shared outline and an animated
separator between the trigger and clear button. - Changed
FilterTrigger.Addoncolor. - BREAK New theme applied.
@semcore/breadcrumbs
- Changed Updated text colors and spacing between breadcrumb items and
separators. - BREAK New theme applied.
@semcore/bulk-textarea
- Changed Updated input padding, line indentation, and validation marker
alignment for both sizes. - BREAK New theme applied.
@semcore/button
- Changed Increased button heights from 28px to 32px for
mand from 40px to
44px forl; made icon-only buttons square and updated addon spacing. - Changed Updated button colors and interaction states; changed the secondary
ButtonLinkunderline from dashed to dotted. - BREAK Changed the default theme for
use="tertiary"frominfotomuted.
Settheme="info"explicitly to retain the previous theme. - Changed Default theme for tertiary
buttonis nowmuted. - BREAK New theme applied.
@semcore/card
- Changed Removed the default card shadow and updated header and content
spacing. - Changed Changed the default title to 18px semibold text.
- BREAK New theme applied.
@semcore/carousel
- Changed Updated slide and preview rounding; redesigned active indicators with
wider shapes and animated transitions. - BREAK New theme applied.
@semcore/checkbox
- Changed Updated checkbox colors, checkmark assets, indeterminate indicators,
and label spacing. - BREAK New theme applied.
@semcore/color-picker
- Added Added support for CSS token values in palette items and the default
trigger. - Changed Enlarged palette swatches to 32px and updated palette spacing and the
custom color input layout. - BREAK Changed the default palette from hexadecimal colors to CSS token names
such as--blue-400. Update code that compares or stores default
palette values as hex strings, or supply an explicit hex palette. - BREAK New theme applied.
@semcore/core
- BREAK Raised the
@semcore/themepeer dependency requirement from^2.2.0
to^2.4.0. - BREAK Renamed feature highlight CSS variables to the
--intergalactic-feature-highlight-*convention. Update custom themes
and overrides, for example
--intergalactic-icon-primary-feature-highlightto
--intergalactic-feature-highlight-icon-primary. - BREAK New theme applied.
@semcore/counter
- Changed Updated default text and border colors to the new palette.
- BREAK New theme applied.
@semcore/d3-chart
- Added Added forecast and potential segments for line and area charts,
configured withDATA_TYPE,FORECAST, andPOTENTIAL. - Added Added highlighted data points configured with
HIGHLIGHT_DOT,GOOD,
BAD, andINSIGHTFUL. - Added Added percentage changes to supported chart tooltips with
showDeltaPercentInTooltip, customgetPercentDelta, and
deltaPercentGrowthColor. - Added Added
localeandtooltipTitleFormatter; axis value formatters now
accept React nodes, including links. - Added Added
maxBarSizetoChart.Barto limit bar thickness. - Added Added row-based layout in table legends for displaying legend with metrics.
- Added Added
hideTickHoverto hover components and tooltips. - Changed Redesigned chart grids, axes, hover indicators, tooltips, and legends;
added end caps to reference lines and gradient fills to area charts. - Changed Changed the default donut thickness to 12px. Set
innerRadiusexplicitly when a specific
thickness is required. - Changed Changed default tooltip formatting to localized dates and numbers,
with non-integer numbers rounded to one decimal place. Use custom
formatters to retain application-specific formatting. - Changed Limited
Chart.Barthickness to 12px by default; histogram bars
retain their independent sizing. - Fixed Preserved highlighted dots during hover and rendered hovered dots when
showDotsis disabled. - Fixed Kept tooltips visible when hovering the axis area below the plot.
- BREAK Removed the deprecated
colorsexport. Use chart palette tokens or an
explicitcolorMap. - BREAK Changed
Chart.Areato stacked mode by default. Setstacked={false}
explicitly for the previous unstacked behavior; thestackedprop is
deprecated. - BREAK Removed
LineandSquarelegend shapes. UseCheckbox,Circle,
Pattern, or a custom shape renderer. - BREAK Made
multilineXTicks,multilineYTicks, and axis ticks'multiline
ineffective; these props are deprecated. - BREAK Narrowed
ObjectDatavalues fromunknownto supported chart value
types. Update data typings that contain arbitrary objects or other
unsupported values. - Added
maxBarSizeprop forChart.Bar. - Added
deltaPercentGrowthColorprop to define color for delta growth. - BREAK New theme applied.
@semcore/data-table
- Added Added
LinkActionfor a cell link with one or two adjacent button or
link actions. - Changed Updated table colors and expanded-row indicators; emphasized sorted
column and group headings. - Fixed Displayed sort indicators for sorted columns even when
sortableis disabled. - Fixed Kept accordion content aligned with the visible table viewport during
horizontal scrolling and preserved expanded cell styling during collapse
animation. - BREAK New theme applied.
@semcore/date-picker
- Changed Updated calendar colors, cell rounding, spacing, and comparison range
outlines. - Changed Previous and next navigation button size from
ltom. - Fixed Corrected date input padding for the large size.
- Fixed Padding for month picker with size
l. - Fixed
Prev/Nextbuttons alignment. - BREAK New theme applied.
@semcore/divider
- Changed Changed secondary dividers from dashed to dotted and updated default
and inverted colors. - BREAK New theme applied.
@semcore/dot
- Changed Updated default dot colors to the new palette.
- BREAK New theme applied.
@semcore/drag-and-drop
- Changed Updated drag handle and drop preview colors and the keyboard dragging
shadow. - BREAK New theme applied.
@semcore/dropdown
- Added Added
Dropdown.Noticewith a title, icon, text, and actions for
notifications inside a dropdown. - Changed Updated item padding, selection indicators, checkbox alignment, and
status item spacing. - Fixed Corrected sticky menu item background colors.
- BREAK New theme applied.
@semcore/dropdown-menu
- Added Added
DropdownMenu.Noticefor notifications inside a menu. - Changed Updated item spacing and increased the default list maximum height to
246px formand 306px forl. - BREAK New theme applied.
@semcore/ellipsis
- BREAK New theme applied.
@semcore/errors
- Changed Updated text colors and increased spacing above the error description.
- BREAK New theme applied.
@semcore/feature-highlight
- Changed Redesigned highlighted controls with the new feature highlight tokens;
replaced the notice gradient border with a solid background and
decorative pattern. - Changed Preserved custom content support in
FeatureHighlight.Badge
independently of the predefinedBadgetypes. - Fixed Applied feature highlight styles to the root
TabLinecomponent. - BREAK New theme applied.
@semcore/feature-popover
- Changed Updated accent and neutral popover colors and spot indicators;
switched to dedicated feature popover text and background tokens. - BREAK New theme applied.
@semcore/feedback-form
- Changed Updated rating and checkbox button colors and interaction states.
- BREAK Moved
final-form,final-form-focus, andreact-final-formto peer
dependencies. Ensure your application provides compatible versions:
^4.20.7,^1.1.2, and^6.5.9, respectively. - Changed Moved forms from dependencies to peer dependencies.
- BREAK New theme applied.
@semcore/flags
- Changed Updated fallback flag backgrounds and country abbreviation colors to
the new palette. - BREAK New theme applied.
@semcore/fullscreen-modal
- Changed Updated header padding and navigation control positioning; changed
titles to semibold and descriptions to 14px secondary text. - BREAK New theme applied.
@semcore/icon
- Added Added
DiffUpandDiffDownicons inmandlsizes. - BREAK New theme applied.
@semcore/illustration
- BREAK New theme applied.
@semcore/inline-edit
- Changed Added rounded corners to the view state.
- BREAK New theme applied.
@semcore/inline-input
- Changed Changed the default width to fit the content, capped at the parent
width; added content-based input sizing in supporting browsers. - Changed Replaced the bottom border and invalid-state pattern with a dotted
text underline, hover background, and focus outline. - Changed Hid confirm and cancel controls while the input is unfocused and not
loading. - BREAK New theme applied.
@semcore/input
- Changed Increased input heights from 28px to 32px for
mand from 40px to
44px forl; updated value and addon padding. - Changed Updated text, border, and focus colors.
- Fixed Corrected input value line height and alignment.
- BREAK New theme applied.
@semcore/input-mask
- Changed Updated mask text and placeholder colors to the new palette.
- BREAK New theme applied.
@semcore/input-number
- Changed Updated increment and decrement control colors and hover states.
- BREAK New theme applied.
@semcore/input-tags
- Changed Increased minimum heights from 28px to 32px for
mand from 40px to
44px forl. - Changed Centered tags vertically, updated container padding and tag margins,
and removed fixed value heights. - Changed Updated the focus border and outline colors.
- BREAK New theme applied.
@semcore/link
- Added Added
default,light,accent, andinvertthemes; deprecated
usein favor oftheme. - Added Added external link detection, an external link icon, and a localized
screen reader description. UseisExternalto override detection or
mark external links during server rendering. - Added Added
Link.ExternalIconfor custom link content. - Changed Detected external links now open in a new tab by default. Set
isExternal={false}to disable automatic external link treatment. - BREAK Removed the deprecated
inlineprop. Use layout props such as
displaywhen needed. - BREAK New theme applied.
@semcore/mini-chart
- Added Exported the
NSMiniChartnamespace for score and trend component
types. - Changed Deprecated
SegmentColorin favor of
NSMiniChart.Score.Line.Segment.Color. - Changed Updated
ScoreLinecustom children typing to accept React nodes. - BREAK New theme applied.
- BREAK Update
MiniChart.Scoretypings to enforce eithervalue/color
props or customchildren, preventing unsupported prop combinations.
@semcore/modal
- Changed Updated modal colors, increased title spacing before the close button,
and aligned close button dimensions with the new control sizes. - BREAK New theme applied.
@semcore/notice
- Added Added mutually exclusive
iconandillustrationprops toNotice. - Changed Updated notice colors, content spacing, icon alignment, and action
layout. - Changed Deprecated
Notice.LabelandNoticeSmart.labelin favor of the new
visual props. - BREAK Removed custom color theme rendering. Use a predefined theme (
info,
danger,warning,success, ormuted) and theme tokens for
customization. - BREAK New theme applied.
@semcore/notice-bubble
- Changed Increased the default notice width from 300px to 320px; updated
padding, icon alignment, and spacing. - BREAK New theme applied.
@semcore/pagination
- Changed Updated pagination colors and the last-page ButtonLink appearance.
- Fixed Corrected page input padding by adjusting its default neighboring
control count. - Fixed Incorrect padding in input.
- BREAK New theme applied.
@semcore/pills
- Changed Redesigned pills as a segmented control with separators and an
animated selection indicator that adjusts to item resizing. - Changed Changed
Pills.Item.Textto useTypography.Text, including its
typography props. - BREAK Removed
NeighborLocationprops, includingcontrolsLength, from the
public API. Item grouping is now handled internally. - BREAK Added item wrappers and a selection indicator to the DOM. Update
custom CSS that depends on direct child buttons. - BREAK New theme applied.
@semcore/product-head
- Changed Updated title and supplementary text colors to the new palette.
- BREAK New theme applied.
@semcore/progress-bar
- Added Added the
brandtheme. - Changed Changed the default theme from
inverttodefault; updated track
colors and stripe gradients. - Changed Deprecated custom themes on
ProgressBar.Valuein favor of predefined
themes. - Fixed Stopped the value stripe animation after progress reaches 100%.
- BREAK Replaced the predefined
darktheme withinvert. Usedefault,
invert, orbrand;darkno longer selects the previous built-in
appearance. - BREAK New theme applied.
@semcore/radio
- Changed Updated radio colors and size-specific label spacing.
- BREAK New theme applied.
@semcore/radio-cards
- Added Added
RadioCardsandRadioCards.Itemfor card-based single
selection.
@semcore/select
- Added Added
Select.Noticefor notifications inside the option list. - Changed Updated checkbox indicators, addon spacing, and search input padding.
- BREAK New theme applied.
@semcore/side-panel
- Changed Changed the header to a flex column and updated header, footer, and
close button spacing. - Changed Deprecated
SidePanel.Back. UseButtonLinkwith appropriate design and behavior according to your case. - BREAK New theme applied.
@semcore/skeleton
- Changed Updated chart placeholders to use masks and theme-dependent colors.
- BREAK Changed the supported themes to
defaultandinvert, withdefault
selected by default. Migrate previousinvertusage todefaultand
previousdarkusage toinvert. - BREAK Removed
NSSkeleton.Ctx,SkeletonCtx, and thegradientUrlcontext
value. Update custom skeleton rendering that depends on this context. - BREAK New theme applied.
@semcore/slider
- Changed Updated slider colors and option spacing; enlarged the knob on hover
and active interaction. - BREAK New theme applied.
@semcore/spin
- Changed Redesigned the spinner animation.
- Changed Changed the default theme from
darktodefault; deprecateddark
and custom color themes in favor ofdefaultandinvert. - BREAK Restricted supported layout props to margins and
centered. Use
sizefor spinner dimensions and a wrapper for other layout
customization. - BREAK Replaced the SVG path with a circle. Update CSS overrides that target
the previous path or fill. - BREAK New theme applied.
@semcore/spin-container
- Changed Changed the default theme from
darktodefaultand updated overlay
colors; retained the legacydarkoverlay selector. - BREAK New theme applied.
@semcore/switch
- Changed Updated switch colors, handle dimensions, animation, and label
typography; enlarged the medium toggle from 20×12px to 28×16px. - Changed Increased font size for text labels in all switch sizes.
- Fixed Passed the switch size to its value and toggle to apply size-specific
styling consistently. - BREAK New theme applied.
@semcore/tab-line
- Changed Updated tab colors, item and addon spacing, and active indicator
styling. - Changed Increased tab heights from 28px to 32px for
mand from 40px to 44px
forl. - BREAK New theme applied.
@semcore/tab-panel
- Changed Updated tab colors, horizontal padding, and addon spacing; aligned
medium tab height with the shared 32px control token. - BREAK New theme applied.
@semcore/tag
- Added Added
invertfor displaying tags and their clear buttons on dark
backgrounds. - Changed Updated primary, secondary, and additional tag appearances and clear
button borders. - BREAK Restricted
colortotheme="primary". Removecolorfrom secondary
and additional tags or switch to the primary theme. - BREAK New theme applied.
@semcore/textarea
- Changed Set minimum heights to 32px for
mand 44px forl; updated padding,
colors, and focus styling. - BREAK New theme applied.
@semcore/time-picker
- Changed Redesigned the format control and separator; updated field padding and
dropdown offsets for each size. - Fixed Aligned format separator heights with the input controls.
- Fixed Disabled pointer interactions on the disabled picker container.
- BREAK New theme applied.
@semcore/tooltip
- Changed Updated tooltip text, background, border, and shadow colors to the new
palette. - BREAK New theme applied.
@semcore/typography
- Added Added text size
350(18px). - Changed Updated text colors, heading margins, and formatted list indentation.
- Changed Deprecated
NSBlockquote.Component, scheduled for removal in v19. - BREAK New theme applied.
@semcore/widget-empty
- Changed Updated title and description colors to the new palette.
- BREAK New theme applied.
@semcore/wizard
- Changed Updated stepper layout, colors, typography, spacing, and completed
step icon alignment. - Changed Changed navigation buttons to the muted tertiary theme.
- BREAK New theme applied.