@rcarls/rc-webcomponents 0.5.0 → 0.7.0

package/themes/base.css

@@ -54,9 +54,43 @@
   --rc-motion-spatial-easing-default: cubic-bezier(0.2, 0, 0, 1);
   --rc-motion-spatial-duration-slow: 450ms;
   --rc-motion-spatial-easing-slow: cubic-bezier(0.2, 0, 0, 1);
+  /*
+   * Enter/exit easing, not duration: an opening element should decelerate
+   * into place and a closing one should accelerate out, on whichever
+   * duration band the component already uses. Pair -easing-exit with
+   * -duration-fast rather than adding matching exit-duration tokens, so
+   * closing reads as quicker without doubling the token surface.
+   */
+  --rc-motion-spatial-easing-enter: cubic-bezier(0, 0, 0, 1);
+  --rc-motion-spatial-easing-exit: cubic-bezier(0.3, 0, 1, 1);
+  --rc-motion-effects-easing-enter: ease-out;
+  --rc-motion-effects-easing-exit: ease-in;
   --rc-motion-duration: var(--rc-motion-effects-duration-default);
 
   --rc-border: var(--rc-border-width) var(--rc-border-style) var(--rc-border-color);
+
+  /*
+   * Floating surfaces: menus, adaptive-menu popups, popovers, and select and
+   * combobox listboxes. Kept separate from the control tokens so a rounded or
+   * filled control shape never leaks onto a popup panel.
+   */
+  --rc-popup-background: var(--rc-surface);
+  --rc-popup-color: var(--rc-field-text);
+  --rc-popup-border: var(--rc-border);
+  --rc-popup-radius: var(--rc-radius-sm);
+  --rc-popup-shadow: var(--rc-shadow);
+  --rc-popup-padding-block: var(--rc-control-padding-block);
+
+  /*
+   * Menu, listbox, and adaptive-menu item type. Left to inherit so items
+   * follow their surrounding text unless a theme sets an item type scale.
+   */
+  --rc-item-font-family: inherit;
+  --rc-item-font-size: inherit;
+  --rc-item-font-weight: inherit;
+  --rc-item-line-height: inherit;
+  --rc-item-letter-spacing: inherit;
+  --rc-item-icon-size: inherit;
 }
 
 @supports (color: AccentColor) {