ngwr 9.1.0 → 10.1.0

package/schematics/use/symbol-map.json

@@ -1,21 +1,14 @@
 {
   "WrActionSheet": "ngwr/action-sheet",
-  "WrActionSheetAction": "ngwr/action-sheet",
   "WrAffix": "ngwr/affix",
   "WrAlert": "ngwr/alert",
-  "WrAlertType": "ngwr/alert",
   "WrAnchor": "ngwr/anchor",
-  "WrAnchorLink": "ngwr/anchor",
   "WrAurora": "ngwr/aurora",
   "WrAvatar": "ngwr/avatar",
-  "WrAvatarSize": "ngwr/avatar",
   "WrBackTop": "ngwr/back-top",
   "WrBadge": "ngwr/badge",
   "WrTag": "ngwr/badge",
-  "WrBadgeSize": "ngwr/badge",
-  "WrTagIconPosition": "ngwr/badge",
   "WrBarChart": "ngwr/bar-chart",
-  "WrBarChartDatum": "ngwr/bar-chart",
   "WrBlurText": "ngwr/blur-text",
   "WrBorderGlow": "ngwr/border-glow",
   "WrBreadcrumbs": "ngwr/breadcrumbs",
@@ -23,82 +16,47 @@
   "WrBurger": "ngwr/burger",
   "WrButton": "ngwr/button",
   "WrButtonGroup": "ngwr/button",
-  "WrButtonSize": "ngwr/button",
-  "WrButtonShape": "ngwr/button",
-  "WrButtonIconPosition": "ngwr/button",
   "WrCalendar": "ngwr/calendar",
-  "WrCalendarMode": "ngwr/calendar",
-  "WrCalendarRange": "ngwr/calendar",
   "WrCalendarHeatmap": "ngwr/calendar-heatmap",
-  "WrHeatmapDatum": "ngwr/calendar-heatmap",
   "WrCard": "ngwr/card",
   "WrCardHeader": "ngwr/card",
   "WrCardFooter": "ngwr/card",
   "WrCarousel": "ngwr/carousel",
   "WrCarouselSlide": "ngwr/carousel",
   "WrCascader": "ngwr/cascader",
-  "WrCascaderOption": "ngwr/cascader",
-  "WrCascaderSize": "ngwr/cascader",
   "WrCheckbox": "ngwr/checkbox",
-  "WrCheckboxSize": "ngwr/checkbox",
   "WrCheckboxGroup": "ngwr/checkbox",
-  "WrCheckboxGroupContext": "ngwr/checkbox",
   "WrCircularText": "ngwr/circular-text",
-  "WrCircularTextHover": "ngwr/circular-text",
   "WrClickSpark": "ngwr/click-spark",
-  "WrClickSparkEasing": "ngwr/click-spark",
   "WrClipboard": "ngwr/clipboard",
-  "WrClipboardPermission": "ngwr/clipboard",
   "WrCollapse": "ngwr/collapse",
   "WrCollapseGroup": "ngwr/collapse",
   "WrAccordion": "ngwr/collapse",
-  "WrCollapseGroupContext": "ngwr/collapse",
   "WrColorPicker": "ngwr/color-picker",
   "WrColorPickerTrigger": "ngwr/color-picker",
-  "WrHsl": "ngwr/color-picker",
-  "WrHsv": "ngwr/color-picker",
-  "WrRgb": "ngwr/color-picker",
-  "WrColorFormat": "ngwr/color-picker",
   "WrCommandPalette": "ngwr/command-palette",
-  "WrCommandItem": "ngwr/command-palette",
-  "WrCommandGroup": "ngwr/command-palette",
   "WrCompare": "ngwr/compare",
   "WrConfetti": "ngwr/confetti",
-  "WrConfettiOptions": "ngwr/confetti",
   "WrContextMenu": "ngwr/context-menu",
   "WrContextMenuPanel": "ngwr/context-menu",
   "WrContextMenuItem": "ngwr/context-menu",
   "WrContextMenuDivider": "ngwr/context-menu",
   "WrCookie": "ngwr/cookie",
-  "WrCookieOptions": "ngwr/cookie",
   "WrCounter": "ngwr/counter",
-  "WrCounterMode": "ngwr/counter",
   "WrCountUp": "ngwr/counter",
-  "WrCountUpDirection": "ngwr/counter",
-  "WrCountUpEasing": "ngwr/counter",
-  "WrCountUpTrigger": "ngwr/counter",
   "WrDateAdapter": "ngwr/date-adapter",
   "WrNativeDateAdapter": "ngwr/date-adapter",
-  "WrDateAdapterOptions": "ngwr/date-adapter",
-  "WrDateFormat": "ngwr/date-adapter",
   "WrDateFnsAdapter": "ngwr/date-adapter-fns",
   "WrLuxonAdapter": "ngwr/date-adapter-luxon",
   "WrDatePicker": "ngwr/date-picker",
   "WrDateRangePicker": "ngwr/date-picker",
-  "WrDateRange": "ngwr/date-picker",
   "WrDecryptText": "ngwr/decrypt-text",
-  "WrDecryptTextAnimateOn": "ngwr/decrypt-text",
-  "WrDecryptTextClickMode": "ngwr/decrypt-text",
-  "WrDecryptTextRevealDirection": "ngwr/decrypt-text",
   "WrDensity": "ngwr/density",
   "WrDensityDirective": "ngwr/density",
-  "WrDensityValue": "ngwr/density",
-  "WrDensityConfig": "ngwr/density",
   "WrDescriptions": "ngwr/descriptions",
   "WrDescriptionItem": "ngwr/descriptions",
   "WrDialog": "ngwr/dialog",
   "WrDialogRef": "ngwr/dialog",
-  "WrDialogOptions": "ngwr/dialog",
   "WrDialogTitle": "ngwr/dialog",
   "WrDialogContent": "ngwr/dialog",
   "WrDialogFooter": "ngwr/dialog",
@@ -108,11 +66,8 @@
   "WrClickOutside": "ngwr/directives",
   "WrCopyToClipboard": "ngwr/directives",
   "WrDivider": "ngwr/divider",
-  "WrDividerType": "ngwr/divider",
   "WrDonutChart": "ngwr/donut-chart",
-  "WrDonutSegment": "ngwr/donut-chart",
   "WrSortableList": "ngwr/drag-drop",
-  "WrSortableReorderEvent": "ngwr/drag-drop",
   "WrDragHandle": "ngwr/drag-drop",
   "WrDrawer": "ngwr/drawer",
   "WrDrawerManager": "ngwr/drawer",
@@ -121,68 +76,38 @@
   "WrDrawerContent": "ngwr/drawer",
   "WrDrawerFooter": "ngwr/drawer",
   "WrDrawerClose": "ngwr/drawer",
-  "WrDrawerOptions": "ngwr/drawer",
-  "WrDrawerPosition": "ngwr/drawer",
   "WrDropdown": "ngwr/dropdown",
   "WrDropdownMenu": "ngwr/dropdown",
   "WrDropdownItem": "ngwr/dropdown",
-  "WrDropdownPosition": "ngwr/dropdown",
-  "WrDropdownTrigger": "ngwr/dropdown",
   "WrEmpty": "ngwr/empty",
+  "WrEventCalendar": "ngwr/event-calendar",
+  "WrCalendarEventTemplate": "ngwr/event-calendar",
   "WrFallingText": "ngwr/falling-text",
-  "WrFallingTextTrigger": "ngwr/falling-text",
   "WrFileUpload": "ngwr/file-upload",
-  "WrFileUploadRejection": "ngwr/file-upload",
-  "WrFileUploadRejectionReason": "ngwr/file-upload",
   "WrFormItem": "ngwr/form",
   "WrFormField": "ngwr/form",
   "WrFormError": "ngwr/form",
   "WrFuzzyText": "ngwr/fuzzy-text",
-  "WrFuzzyTextDirection": "ngwr/fuzzy-text",
   "WrGauge": "ngwr/gauge",
   "WrGlitchText": "ngwr/glitch-text",
   "WrGradientText": "ngwr/gradient-text",
-  "WrGradientTextDirection": "ngwr/gradient-text",
   "WrHotkey": "ngwr/hotkey",
   "WrHotkeyBinding": "ngwr/hotkey",
-  "WrParsedHotkey": "ngwr/hotkey",
-  "WrHotkeyHandle": "ngwr/hotkey",
-  "WrHotkeyOptions": "ngwr/hotkey",
-  "WrHotkeySpec": "ngwr/hotkey",
   "WrI18n": "ngwr/i18n",
   "WrTPipe": "ngwr/i18n",
   "WrTDirective": "ngwr/i18n",
-  "WrI18nCatalog": "ngwr/i18n",
-  "WrI18nConfig": "ngwr/i18n",
-  "WrI18nConfigResolved": "ngwr/i18n",
-  "WrI18nParams": "ngwr/i18n",
-  "WrI18nMissingHandler": "ngwr/i18n",
-  "WrI18nLoader": "ngwr/i18n",
   "WrI18nStaticLoader": "ngwr/i18n",
-  "WrI18nStaticCatalogs": "ngwr/i18n",
-  "WrI18nStaticScopedCatalogs": "ngwr/i18n",
   "WrI18nHttpLoader": "ngwr/i18n",
-  "WrI18nHttpLoaderConfig": "ngwr/i18n",
   "WrIcon": "ngwr/icon",
-  "WrIconDef": "ngwr/icon",
-  "WrIconName": "ngwr/icon",
   "WrImageCropper": "ngwr/image-cropper",
-  "WrCropRect": "ngwr/image-cropper",
-  "WrCropHandle": "ngwr/image-cropper",
-  "WrImageOutputType": "ngwr/image-cropper",
   "WrInput": "ngwr/input",
   "WrInputPrefix": "ngwr/input",
   "WrInputSuffix": "ngwr/input",
   "WrInputGroup": "ngwr/input",
   "WrPasswordToggle": "ngwr/input",
-  "WrInputType": "ngwr/input",
-  "WrInputSize": "ngwr/input",
   "WrInputNumber": "ngwr/input-number",
   "WrInputOtp": "ngwr/input-otp",
-  "WrInputOtpMode": "ngwr/input-otp",
-  "WrInputOtpSize": "ngwr/input-otp",
   "WrKbd": "ngwr/keyboard",
-  "WrKbdSize": "ngwr/keyboard",
   "WrKnob": "ngwr/knob",
   "WrLayout": "ngwr/layout",
   "WrLayoutHeader": "ngwr/layout",
@@ -191,194 +116,100 @@
   "WrLayoutFooter": "ngwr/layout",
   "WrLightbox": "ngwr/lightbox",
   "WrLineChart": "ngwr/line-chart",
-  "WrLineSeries": "ngwr/line-chart",
   "WrList": "ngwr/list",
   "WrListItem": "ngwr/list",
   "WrLoadingBar": "ngwr/loading-bar",
-  "WrLoadingState": "ngwr/loading-bar",
   "WrLoadingBarComponent": "ngwr/loading-bar",
   "WrMarquee": "ngwr/marquee",
-  "WrMarqueeItem": "ngwr/marquee",
-  "WrMarqueeImage": "ngwr/marquee",
-  "WrMarqueeNode": "ngwr/marquee",
   "WrMedia": "ngwr/media",
-  "WrBreakpoint": "ngwr/media",
-  "WrBreakpointMap": "ngwr/media",
   "WrMention": "ngwr/mention",
   "WrMentionPanel": "ngwr/mention",
-  "WrMentionItem": "ngwr/mention",
-  "WrMentionCommit": "ngwr/mention",
   "WrMeta": "ngwr/meta",
   "WrMetaBinding": "ngwr/meta",
-  "WrMetaConfig": "ngwr/meta",
-  "WrMetaHandle": "ngwr/meta",
-  "WrMetaOg": "ngwr/meta",
-  "WrMetaTwitter": "ngwr/meta",
   "WrMeterGroup": "ngwr/meter-group",
-  "WrMeterSegment": "ngwr/meter-group",
+  "WrOutsideClick": "ngwr/overlay",
   "WrOverlayContainer": "ngwr/overlay",
   "WrPageHeader": "ngwr/page-header",
   "WrPagination": "ngwr/pagination",
-  "WrPaginationAlign": "ngwr/pagination",
   "WrBytes": "ngwr/pipes",
   "WrDate": "ngwr/pipes",
   "WrMark": "ngwr/pipes",
   "WrNumber": "ngwr/pipes",
-  "WrNumberStyle": "ngwr/pipes",
   "WrPlural": "ngwr/pipes",
-  "WrPluralForms": "ngwr/pipes",
-  "WrPluralOptions": "ngwr/pipes",
   "WrRange": "ngwr/pipes",
   "WrTruncate": "ngwr/pipes",
   "WrPlatform": "ngwr/platform",
   "WrVisualViewport": "ngwr/platform",
   "WrHaptics": "ngwr/platform",
-  "WrHapticImpact": "ngwr/platform",
   "WrPopconfirm": "ngwr/popconfirm",
   "WrPopconfirmPanel": "ngwr/popconfirm",
-  "WrPopconfirmPosition": "ngwr/popconfirm",
   "WrPopover": "ngwr/popover",
-  "WrPopoverPosition": "ngwr/popover",
   "WrProgress": "ngwr/progress",
   "WrPullToRefresh": "ngwr/pull-to-refresh",
   "WrQr": "ngwr/qr",
-  "WrQrErrorLevel": "ngwr/qr",
   "WrRadio": "ngwr/radio",
-  "WrRadioSize": "ngwr/radio",
   "WrRadioGroup": "ngwr/radio",
-  "WrRadioGroupContext": "ngwr/radio",
   "WrRating": "ngwr/rating",
-  "WrRatingSize": "ngwr/rating",
   "WrResult": "ngwr/result",
-  "WrResultStatus": "ngwr/result",
   "WrResult404": "ngwr/result",
   "WrResult403": "ngwr/result",
   "WrResult500": "ngwr/result",
   "WrRotatingText": "ngwr/rotating-text",
-  "WrRotatingTextSplit": "ngwr/rotating-text",
-  "WrRotatingTextStaggerFrom": "ngwr/rotating-text",
   "WrScroll": "ngwr/scroll",
-  "WrScrollTarget": "ngwr/scroll",
-  "WrScrollOptions": "ngwr/scroll",
   "WrSegmented": "ngwr/segmented",
-  "WrSegmentedOption": "ngwr/segmented",
-  "WrSegmentedSize": "ngwr/segmented",
   "WrSelect": "ngwr/select",
   "WrOption": "ngwr/select",
   "WrOptionGroup": "ngwr/select",
-  "WrSelectContext": "ngwr/select",
-  "WrSelectMode": "ngwr/select",
-  "WrSelectSearchLoader": "ngwr/select",
-  "WrSelectTagValidator": "ngwr/select",
-  "WrSelectSize": "ngwr/select",
   "WrShinyText": "ngwr/shiny-text",
   "WrShimmer": "ngwr/shiny-text",
   "WrSidebar": "ngwr/sidebar",
-  "WrSidebarItem": "ngwr/sidebar",
-  "WrSidebarGroup": "ngwr/sidebar",
-  "WrSidebarEntry": "ngwr/sidebar",
   "WrSkeleton": "ngwr/skeleton",
   "WrSlider": "ngwr/slider",
-  "WrSliderValue": "ngwr/slider",
   "WrSparkline": "ngwr/sparkline",
   "WrSpeedDial": "ngwr/speed-dial",
-  "WrSpeedDialAction": "ngwr/speed-dial",
-  "WrSpeedDialDirection": "ngwr/speed-dial",
   "WrSpinner": "ngwr/spinner",
-  "WrSpinnerSize": "ngwr/spinner",
   "WrSplashCursor": "ngwr/splash-cursor",
-  "WrFluidConfig": "ngwr/splash-cursor",
   "WrSplitText": "ngwr/split-text",
-  "WrSplitTextMotion": "ngwr/split-text",
-  "WrSplitTextUnit": "ngwr/split-text",
   "WrSplitter": "ngwr/splitter",
   "WrSpotlightCard": "ngwr/spotlight-card",
   "WrSpotlight": "ngwr/spotlight-card",
-  "WrSquircleCorners": "ngwr/squircle",
   "WrSquircle": "ngwr/squircle",
-  "WrSquircleCornerMask": "ngwr/squircle",
   "WrSquircleHost": "ngwr/squircle",
   "WrStarBorder": "ngwr/star-border",
-  "WrStarBorderMode": "ngwr/star-border",
-  "WrStarBorderRays": "ngwr/star-border",
   "WrStatistic": "ngwr/statistic",
   "WrStatisticCountdown": "ngwr/statistic",
   "WrStatisticGroup": "ngwr/statistic",
   "WrStepper": "ngwr/stepper",
   "WrStep": "ngwr/stepper",
-  "WrStepperContext": "ngwr/stepper",
   "WrStorage": "ngwr/storage",
-  "WrStorageConfig": "ngwr/storage",
-  "WrStorageConfigResolved": "ngwr/storage",
-  "WrStorageEngine": "ngwr/storage",
   "WrSwitch": "ngwr/switch",
-  "WrSwitchSize": "ngwr/switch",
   "WrTable": "ngwr/table",
   "WrTableCell": "ngwr/table",
   "WrTableExpand": "ngwr/table",
   "WrTableGroupHeader": "ngwr/table",
   "WrTableSort": "ngwr/table",
   "WrTableFilter": "ngwr/table",
-  "WrTableCellContext": "ngwr/table",
-  "WrTableColumn": "ngwr/table",
-  "WrTableColumns": "ngwr/table",
-  "WrTableCsvOptions": "ngwr/table",
-  "WrTableExpandContext": "ngwr/table",
-  "WrTableFilterChange": "ngwr/table",
-  "WrTableFilterItem": "ngwr/table",
-  "WrTableGroupContext": "ngwr/table",
-  "WrTableSortState": "ngwr/table",
-  "WrTableSortDirection": "ngwr/table",
-  "WrTableSummary": "ngwr/table",
   "WrTabs": "ngwr/tabs",
   "WrTab": "ngwr/tabs",
-  "WrTabsContext": "ngwr/tabs",
   "WrTextarea": "ngwr/textarea",
-  "WrTextareaSize": "ngwr/textarea",
-  "WrTextareaResize": "ngwr/textarea",
-  "WrColor": "ngwr/theme",
   "WrTheme": "ngwr/theme",
-  "WrResolvedTheme": "ngwr/theme",
-  "WrThemeMode": "ngwr/theme",
-  "WrThemeConfig": "ngwr/theme",
   "WrTiltCard": "ngwr/tilt-card",
   "WrTilt": "ngwr/tilt-card",
   "WrTimeline": "ngwr/timeline",
   "WrTimelineItem": "ngwr/timeline",
-  "WrTimelineColor": "ngwr/timeline",
   "WrToast": "ngwr/toast",
   "WrToastRef": "ngwr/toast",
-  "WrToastConfig": "ngwr/toast",
-  "WrToastMode": "ngwr/toast",
-  "WrToastOptions": "ngwr/toast",
-  "WrToastPosition": "ngwr/toast",
-  "WrToastType": "ngwr/toast",
   "WrToolbar": "ngwr/toolbar",
+  "WrTour": "ngwr/tour",
+  "WrTourPopup": "ngwr/tour",
+  "WrTransfer": "ngwr/transfer",
   "WrTree": "ngwr/tree",
-  "WrTreeNode": "ngwr/tree",
-  "WrTreeSelectionMode": "ngwr/tree",
   "WrTypewriter": "ngwr/typewriter",
-  "WrTypewriterVariableSpeed": "ngwr/typewriter",
   "WrTypography": "ngwr/typography",
-  "WrTypographyVariant": "ngwr/typography",
-  "WrTypographyAlign": "ngwr/typography",
-  "WrTypographyTone": "ngwr/typography",
-  "WrDebouncedFn": "ngwr/utils",
-  "WrThrottledFn": "ngwr/utils",
-  "WrKey": "ngwr/utils",
   "WrValidators": "ngwr/validators",
   "WrVirtualScroll": "ngwr/virtual-scroll",
   "WrWaves": "ngwr/waves",
   "WrWindowManager": "ngwr/window",
-  "WrWindowBeforeCloseHook": "ngwr/window",
   "WrWindowRef": "ngwr/window",
-  "WrWindowTaskbar": "ngwr/window",
-  "WrWindowChromeSize": "ngwr/window",
-  "WrWindowConfig": "ngwr/window",
-  "WrWindowOs": "ngwr/window",
-  "WrWindowPersistMode": "ngwr/window",
-  "WrWindowSize": "ngwr/window",
-  "WrWindowSnap": "ngwr/window",
-  "WrWindowState": "ngwr/window",
-  "WrWindowStorageConfig": "ngwr/window"
+  "WrWindowTaskbar": "ngwr/window"
 }

package/segmented/styles/_index.scss

@@ -60,7 +60,7 @@
   }
 
   &--mounted &__thumb {
-    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+    transition: transform 0.25s var(--wr-ease-out);
   }
 
   &--unselected &__thumb {

package/select/styles/_index.scss

@@ -112,7 +112,8 @@
   &--tag &__trigger {
     flex-wrap: wrap;
     align-items: center;
-    padding: calc(var(--wr-select-padding-y) * var(--wr-density-y, 1)) calc(var(--wr-select-padding-x) * var(--wr-density-x, 1));
+    padding: calc(var(--wr-select-padding-y) * var(--wr-density-y, 1))
+      calc(var(--wr-select-padding-x) * var(--wr-density-x, 1));
     // Empty / single chip-row floor = single-mode height
     // (line-height + 2×padding-y + 2×1px border), so every size + density lines up.
     min-height: calc(var(--wr-select-line-height) + var(--wr-select-padding-y) * var(--wr-density-y, 1) * 2 + 2px);
@@ -134,7 +135,8 @@
     min-width: 0;
     border: 0;
     outline: 0;
-    padding: calc(var(--wr-select-padding-y) * var(--wr-density-y, 1)) calc(var(--wr-select-padding-x) * var(--wr-density-x, 1));
+    padding: calc(var(--wr-select-padding-y) * var(--wr-density-y, 1))
+      calc(var(--wr-select-padding-x) * var(--wr-density-x, 1));
     background: transparent;
     color: inherit;
     font: inherit;
@@ -198,7 +200,9 @@
     padding: 0.125rem 0.25rem 0.125rem 0.5rem;
     border-radius: 999px;
     background: var(--wr-color-primary-soft);
-    color: var(--wr-color-primary);
+    // `-ink`, not the raw intent: the chip paints the hue on its own soft tint,
+    // where the base lands at 4.17:1.
+    color: var(--wr-color-primary-ink);
     font-size: var(--wr-text-sm);
     line-height: 1.4;
     user-select: none;
@@ -270,6 +274,10 @@
   --wr-option-padding-y: 0.4375rem;
   --wr-option-padding-x: 0.625rem;
   --wr-option-gap: 0.1875rem;
+  // Space between an option's own bits — an icon or checkbox and its label.
+  // `--wr-option-gap` above is the panel's row rhythm, a different axis; without
+  // this one, a projected `<wr-icon>` sat flush against the text.
+  --wr-option-inline-gap: 0.5rem;
 
   display: flex;
   flex-direction: column;
@@ -292,6 +300,7 @@
     --wr-option-padding-y: 0.3125rem;
     --wr-option-padding-x: 0.5rem;
     --wr-option-gap: 0.125rem;
+    --wr-option-inline-gap: 0.375rem;
   }
 
   &--lg {
@@ -300,6 +309,7 @@
     --wr-option-padding-y: 0.5rem;
     --wr-option-padding-x: 0.75rem;
     --wr-option-gap: 0.25rem;
+    --wr-option-inline-gap: 0.625rem;
   }
 
   &__loading,
@@ -314,6 +324,7 @@
 .wr-option {
   display: flex;
   align-items: center;
+  gap: var(--wr-option-inline-gap, 0.5rem);
   padding: var(--wr-option-padding-y) var(--wr-option-padding-x);
   border-radius: var(--wr-border-radius-sm);
   color: var(--wr-color-on-surface);
@@ -399,6 +410,12 @@
     text-transform: uppercase;
   }
 
+  // A group needs a visible seam above it, or its label reads as one more dim
+  // option in the list. This only fired between two groups, so the common shape
+  // — loose options and then a group — got no divider at all. Match a preceding
+  // option too; deliberately not `* + &`, which would also draw a line under the
+  // search field, where the field's own border already does the job.
+  .wr-option + &,
   + .wr-option-group {
     border-top: 1px solid var(--wr-color-outline);
     margin-top: 0.25rem;

package/shiny-text/styles/_index.scss

@@ -1,3 +1,8 @@
+// Pull the whole theme so a standalone `@use 'ngwr/<name>'` brings in every
+// design token this stylesheet references. Sass deduplicates `@use` per
+// compilation, so the umbrella sheet still emits the theme only once.
+@use '../../theme/styles' as theme;
+
 // Shimmering text (reactbits port). Clips an animated linear gradient to
 // the text via `background-clip: text`.
 //

package/speed-dial/styles/_index.scss

@@ -61,14 +61,25 @@
 
   &__action-wrap {
     position: absolute;
+    // `visibility` is what actually hides the collapsed actions from keyboard
+    // and assistive tech — `opacity: 0` alone leaves them focusable and
+    // announced, so a closed dial still had its items in the tab order.
+    // Delayed to the end of the close so the fade is still visible.
     transition:
       transform var(--wr-duration-base) var(--wr-ease-spring),
-      opacity var(--wr-duration-base) var(--wr-ease-out);
+      opacity var(--wr-duration-base) var(--wr-ease-out),
+      visibility 0s linear var(--wr-duration-base);
+    visibility: hidden;
     opacity: 0;
     pointer-events: none;
   }
 
   &--open &__action-wrap {
+    transition:
+      transform var(--wr-duration-base) var(--wr-ease-spring),
+      opacity var(--wr-duration-base) var(--wr-ease-out),
+      visibility 0s;
+    visibility: visible;
     opacity: 1;
     pointer-events: auto;
   }

package/splitter/styles/_index.scss

@@ -19,7 +19,13 @@
 
   &__pane {
     flex-grow: 0;
-    flex-shrink: 0;
+    // Shrinkable on purpose. The two panes are sized in percentages that add up
+    // to 100, and the 4px divider sits between them — with `flex-shrink: 0` the
+    // row came to 100% + 4px and both panes hung over the container's edge.
+    // Shrinking splits that 4px between them and keeps the ratio the drag set.
+    // Safe to shrink: `min-width: 0` plus `overflow: auto` means content never
+    // props a pane open.
+    flex-shrink: 1;
     min-width: 0;
     min-height: 0;
     overflow: auto;

package/spotlight-card/styles/_index.scss

@@ -1,3 +1,8 @@
+// Pull the whole theme so a standalone `@use 'ngwr/<name>'` brings in every
+// design token this stylesheet references. Sass deduplicates `@use` per
+// compilation, so the umbrella sheet still emits the theme only once.
+@use '../../theme/styles' as theme;
+
 // Cursor-tracked spotlight card (reactbits port). The `--wr-spotlight-x/y`
 // vars come from the host's mousemove handler; `--wr-spotlight-color` is
 // set inline from the `[spotlightColor]` input when provided — otherwise

package/squircle/styles/_index.scss

@@ -1,3 +1,8 @@
+// Pull the whole theme so a standalone `@use 'ngwr/<name>'` brings in every
+// design token this stylesheet references. Sass deduplicates `@use` per
+// compilation, so the umbrella sheet still emits the theme only once.
+@use '../../theme/styles' as theme;
+
 .wr-squircle {
   display: block;
 }

package/star-border/styles/_index.scss

@@ -1,3 +1,8 @@
+// Pull the whole theme so a standalone `@use 'ngwr/<name>'` brings in every
+// design token this stylesheet references. Sass deduplicates `@use` per
+// compilation, so the umbrella sheet still emits the theme only once.
+@use '../../theme/styles' as theme;
+
 // Star border (reactbits port). Two oversized radial-gradient "comets"
 // sweep along the top and bottom edges of the rounded container; the
 // projected content sits on a token-themed inner panel above them.

package/statistic/styles/_index.scss

@@ -40,11 +40,11 @@
     font-variant-numeric: tabular-nums;
 
     &--up {
-      color: var(--wr-color-success);
+      color: var(--wr-color-success-ink);
     }
 
     &--down {
-      color: var(--wr-color-danger);
+      color: var(--wr-color-danger-ink);
     }
 
     &--flat {

package/styles/_animations.scss

@@ -106,6 +106,12 @@
   }
 }
 
+// Literal curves on purpose. `animation-timing-function` inside a keyframe is
+// resolved when the keyframe is parsed, not against the animated element, so a
+// `var(--wr-ease-*)` here silently evaluates to the element's own
+// animation-timing-function instead — verified in Chrome: the tokenised version
+// reports the element's `steps(4)` where a literal reports the curve. These two
+// are the only motion values in the library that cannot read the token layer.
 @keyframes wr-bounce {
   0%,
   100% {

package/styles.scss

@@ -51,6 +51,7 @@
 @forward './divider/styles';
 @forward './donut-chart/styles';
 @forward './drag-drop/styles';
+@forward './event-calendar/styles';
 @forward './drawer/styles';
 @forward './dropdown/styles';
 @forward './empty/styles';
@@ -112,6 +113,8 @@
 @forward './timeline/styles';
 @forward './toast/styles';
 @forward './toolbar/styles';
+@forward './tour/styles';
+@forward './transfer/styles';
 @forward './tree/styles';
 @forward './typewriter/styles';
 @forward './typography/styles';