@scattered-light/loomiere-base-ui 0.2.0 → 0.3.0

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 (56) hide show
  1. package/dist/design-system/components/Button/README.md +1 -1
  2. package/dist/design-system/components/IconButton/README.md +31 -0
  3. package/dist/design-system/components/IconButton/preview.html +19 -0
  4. package/dist/design-system/components/Popover/README.md +2 -2
  5. package/dist/design-system/components/Popover/preview.html +1 -1
  6. package/dist/design-system/components/bundle.js +5 -5
  7. package/dist/design-system/components/index.d.ts +13 -2
  8. package/dist/design-system/components/styles.css +119 -46
  9. package/dist/index.d.ts +13 -2
  10. package/dist/index.js +36 -26
  11. package/dist/index.js.map +1 -1
  12. package/dist/styles/components/Accordion.css +1 -1
  13. package/dist/styles/components/AlertDialog.css +1 -1
  14. package/dist/styles/components/Autocomplete.css +1 -1
  15. package/dist/styles/components/Avatar.css +1 -1
  16. package/dist/styles/components/Button.css +25 -5
  17. package/dist/styles/components/Checkbox.css +1 -1
  18. package/dist/styles/components/CheckboxGroup.css +1 -1
  19. package/dist/styles/components/Collapsible.css +1 -1
  20. package/dist/styles/components/Combobox.css +1 -1
  21. package/dist/styles/components/ContextMenu.css +1 -1
  22. package/dist/styles/components/Dialog.css +1 -1
  23. package/dist/styles/components/Drawer.css +1 -1
  24. package/dist/styles/components/Field.css +1 -1
  25. package/dist/styles/components/Fieldset.css +1 -1
  26. package/dist/styles/components/Form.css +1 -1
  27. package/dist/styles/components/IconButton.css +49 -0
  28. package/dist/styles/components/Input.css +1 -1
  29. package/dist/styles/components/Menu.css +1 -1
  30. package/dist/styles/components/Menubar.css +1 -1
  31. package/dist/styles/components/Meter.css +1 -1
  32. package/dist/styles/components/NavigationMenu.css +1 -1
  33. package/dist/styles/components/NumberField.css +1 -1
  34. package/dist/styles/components/OTPField.css +1 -1
  35. package/dist/styles/components/Popover.css +5 -2
  36. package/dist/styles/components/PreviewCard.css +1 -1
  37. package/dist/styles/components/Progress.css +1 -1
  38. package/dist/styles/components/Radio.css +1 -1
  39. package/dist/styles/components/ScrollArea.css +1 -1
  40. package/dist/styles/components/Select.css +1 -1
  41. package/dist/styles/components/Separator.css +1 -1
  42. package/dist/styles/components/Slider.css +1 -1
  43. package/dist/styles/components/Switch.css +1 -1
  44. package/dist/styles/components/Tabs.css +1 -1
  45. package/dist/styles/components/Toast.css +1 -1
  46. package/dist/styles/components/Toggle.css +1 -1
  47. package/dist/styles/components/ToggleGroup.css +1 -1
  48. package/dist/styles/components/Toolbar.css +1 -1
  49. package/dist/styles/components/Tooltip.css +1 -1
  50. package/dist/styles/index.css +2 -1
  51. package/dist/styles/reset/accessibility.css +1 -1
  52. package/dist/styles/reset/reset-accessibility.css +1 -1
  53. package/dist/styles/reset/reset-tailwind.css +1 -1
  54. package/dist/styles/reset/reset.css +1 -1
  55. package/dist/styles/tailwind.css +2 -1
  56. package/package.json +2 -2
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Preview Card - Mojave Theme
3
3
  *
4
4
  * The popup concept (surface, arrow, motion) with a maximize-lg title and condense
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Progress - Mojave Theme
3
3
  *
4
4
  * A gauge (tokens/semantic/gauge.json), the same bar as Meter. The fill is the solid color of
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Radio - Mojave Theme
3
3
  * Same box as Checkbox, always round. Sizes follow the label the same way, and the
4
4
  * dot is a share of the circle (check.dot-scale).
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Scroll Area - Mojave Theme
3
3
  *
4
4
  * The scrollbar is the content scrollbar (content.scrollbar-*): a track that stays clear until
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Select - Mojave Theme
3
3
  *
4
4
  * The trigger is a field (the field pattern, control sizes, the base text style); the
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Separator - Mojave Theme
3
3
  *
4
4
  * A hairline in the everyday divider color (border.default), one stroke thick, with a step of
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Slider - Mojave Theme
3
3
  *
4
4
  * A slider is a gauge you can drag: the track, fill and label row are gauge.* (the same bar as
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Switch - Mojave Theme
3
3
  * Switch keeps its track sizes. The thumb, its travel and the ON/OFF text are
4
4
  * worked out from them: the thumb fills the track's height inside the padding,
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Tabs - Mojave Theme
3
3
  *
4
4
  * No component tokens. The divider, the selected line and color, hover and the disabled
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Toast - Mojave Theme
3
3
  *
4
4
  * A toast is a notice (tokens/semantic/notice.json) on the popup surface. A toast whose type
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Toggle - Mojave Theme
3
3
  * A toggle is a button that stays pressed: the same heights, padding, gap and
4
4
  * trigger text style as a button of the same size.
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Toggle Group - Mojave Theme
3
3
  *
4
4
  * No component tokens. The strip is the bar concept (tokens/semantic/bar.json); the
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Toolbar - Mojave Theme
3
3
  *
4
4
  * The strip is the bar concept (tokens/semantic/bar.json). Buttons, toggles, selects
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Tooltip - Mojave Theme
3
3
  *
4
4
  * The inverse surface (surface.inverse, text.on-inverse-surface) with condense text, so a tooltip
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Loomiere for Base UI: component styles. Brand-free: every value is a --sl- variable from a
3
3
  Loomiere theme. Load the theme first:
4
4
  @import '<your theme>/tokens.css';
@@ -26,6 +26,7 @@
26
26
  @import './components/Dialog.css';
27
27
  @import './components/Drawer.css';
28
28
  @import './components/Field.css';
29
+ @import './components/IconButton.css';
29
30
  @import './components/Fieldset.css';
30
31
  @import './components/Form.css';
31
32
  @import './components/Input.css';
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Focus, invalid, contrast — requires theme tokens (after theme-accessibility.css). */
3
3
 
4
4
  :focus-visible {
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Accessibility — base rules (no theme color dependencies). Theme-specific focus/invalid: accessibility-theme.css */
3
3
 
4
4
  /* Remove default focus; keyboard focus styled in accessibility-theme.css */
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* CSS Reset - Mojave Theme */
3
3
 
4
4
  /* ============================================
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* CSS Reset - Mojave Theme */
3
3
 
4
4
  /* ============================================
@@ -1,4 +1,4 @@
1
- /* @scattered-light/loomiere-base-ui 0.2.0 · styles for @base-ui/react 1.9.0 */
1
+ /* @scattered-light/loomiere-base-ui 0.3.0 · styles for @base-ui/react 1.9.0 */
2
2
  /* Loomiere for Base UI: component styles for Tailwind CSS v4. Load Tailwind and the theme first:
3
3
  @import 'tailwindcss';
4
4
  @import '<your theme>/tokens.css';
@@ -29,6 +29,7 @@
29
29
  @import './components/Dialog.css' layer(components);
30
30
  @import './components/Drawer.css' layer(components);
31
31
  @import './components/Field.css' layer(components);
32
+ @import './components/IconButton.css' layer(components);
32
33
  @import './components/Fieldset.css' layer(components);
33
34
  @import './components/Form.css' layer(components);
34
35
  @import './components/Input.css' layer(components);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@scattered-light/loomiere-base-ui",
3
- "version": "0.2.0",
3
+ "version": "0.3.0",
4
4
  "description": "Base UI components styled by any Loomiere theme. Brand-free: every value is a --sl- variable.",
5
5
  "keywords": ["base-ui", "react", "components", "design-tokens", "loomiere"],
6
6
  "repository": {
@@ -49,6 +49,6 @@
49
49
  "react-dom": "^18.0.0"
50
50
  },
51
51
  "devDependencies": {
52
- "@scattered-light/loomiere": "0.2.0"
52
+ "@scattered-light/loomiere": "0.3.0"
53
53
  }
54
54
  }