npm - @scattered-light/loomiere-base-ui - Versions diffs - 0.5.3 → 0.6.1 - Mend

@scattered-light/loomiere-base-ui 0.5.3 → 0.6.1

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.

Files changed (114) hide show

package/dist/styles/components/Select.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.5.3 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.6.1 · styles for @base-ui/react 1.9.0 */
 /* Select - Mojave Theme
  *
  * The trigger is a field (the field pattern, control sizes, the base text style); the
@@ -79,6 +79,17 @@
   transform: rotate(180deg);
 }
+/* A Select.Trigger drawn as a Button (in a toolbar) takes the Button's text color and sizing. */
+.Button > .SelectValue,
+.Button > .SelectIcon {
+  flex: none;
+  color: inherit;
+}
+.Button[aria-expanded='true'] > .SelectIcon {
+  transform: rotate(180deg);
+}
 /* ============================================
    BACKDROP, POSITIONER, POPUP
    ============================================ */

package/dist/styles/components/Separator.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.5.3 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.6.1 · styles for @base-ui/react 1.9.0 */
 /* Separator - Mojave Theme
  *
  * A hairline in the everyday divider color (border.default), one stroke thick, with a step of

package/dist/styles/components/Slider.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.5.3 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.6.1 · styles for @base-ui/react 1.9.0 */
 /* Slider - Mojave Theme
  *
  * A slider is a gauge you can drag: the track, fill and label row are gauge.* (the same bar as

package/dist/styles/components/Switch.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.5.3 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.6.1 · styles for @base-ui/react 1.9.0 */
 /* Switch - Mojave Theme
  * Switch keeps its track sizes. The thumb, its travel and the ON/OFF text are
  * worked out from them: the thumb fills the track's height inside the padding,

package/dist/styles/components/Table.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.5.3 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.6.1 · styles for @base-ui/react 1.9.0 */
 /* Table - Mojave Theme
  *
  * Base UI has no table, so this styles the native <table class="Table"> elements with the

package/dist/styles/components/Tabs.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.5.3 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.6.1 · styles for @base-ui/react 1.9.0 */
 /* Tabs - Mojave Theme
  *
  * No component tokens. The divider, the selected line and color, hover and the disabled

package/dist/styles/components/Toast.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.5.3 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.6.1 · styles for @base-ui/react 1.9.0 */
 /* Toast - Mojave Theme
  *
  * A toast is a notice (tokens/semantic/notice.json) on the popup surface. A toast whose type

package/dist/styles/components/Toggle.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.5.3 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.6.1 · styles for @base-ui/react 1.9.0 */
 /* Toggle - Mojave Theme
  * A toggle is a button that stays pressed: the same heights, padding, gap and
  * trigger text style as a button of the same size. Pressed, it takes its emphasis level's

package/dist/styles/components/ToggleGroup.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.5.3 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.6.1 · styles for @base-ui/react 1.9.0 */
 /* Toggle Group - Mojave Theme
  *
  * No component tokens. The strip is the bar concept (tokens/semantic/bar.json); the

package/dist/styles/components/Toolbar.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.5.3 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.6.1 · styles for @base-ui/react 1.9.0 */
 /* Toolbar - Mojave Theme
  *
  * The strip is the bar concept (tokens/semantic/bar.json). Buttons, toggles, selects

package/dist/styles/components/Tooltip.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.5.3 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.6.1 · styles for @base-ui/react 1.9.0 */
 /* Tooltip - Mojave Theme
  *
  * The inverse surface (surface.inverse, text.on-inverse-surface) with condense text, so a tooltip

package/dist/styles/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.5.3 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.6.1 · styles for @base-ui/react 1.9.0 */
 /* Loomiere for Base UI: component styles. Brand-free: every value is a --sl- variable from a
    Loomiere theme. Load the theme first:
      @import '<your theme>/tokens.css';

package/dist/styles/reset/accessibility.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.5.3 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.6.1 · styles for @base-ui/react 1.9.0 */
 /* Focus, invalid, contrast — requires theme tokens (after theme-accessibility.css). */
 :focus-visible {

package/dist/styles/reset/reset-accessibility.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.5.3 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.6.1 · styles for @base-ui/react 1.9.0 */
 /* Accessibility — base rules (no theme color dependencies). Theme-specific focus/invalid: accessibility-theme.css */
 /* Remove default focus; keyboard focus styled in accessibility-theme.css */

package/dist/styles/reset/reset-tailwind.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.5.3 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.6.1 · styles for @base-ui/react 1.9.0 */
 /* CSS Reset - Mojave Theme */
 /* ============================================

package/dist/styles/reset/reset.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.5.3 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.6.1 · styles for @base-ui/react 1.9.0 */
 /* CSS Reset - Mojave Theme */
 /* ============================================

package/dist/styles/tailwind.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* @scattered-light/loomiere-base-ui 0.5.3 · styles for @base-ui/react 1.9.0 */
+/* @scattered-light/loomiere-base-ui 0.6.1 · styles for @base-ui/react 1.9.0 */
 /* Loomiere for Base UI: component styles for Tailwind CSS v4. Load Tailwind and the theme first:
      @import 'tailwindcss';
      @import '<your theme>/tokens.css';

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@scattered-light/loomiere-base-ui",
-  "version": "0.5.3",
+  "version": "0.6.1",
   "description": "Base UI components styled by any Loomiere theme. Brand-free: every value is a --sl- variable.",
   "keywords": ["base-ui", "react", "components", "design-tokens", "loomiere"],
   "repository": {
@@ -45,10 +45,10 @@
   "peerDependencies": {
     "@base-ui/react": "^1.9.0",
     "@material-symbols/font-400": "^0.39.0 || ^0.44.0",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@scattered-light/loomiere": "0.5.3"
+    "@scattered-light/loomiere": "0.6.0"
   }
 }