From d1436a8e361e2a397edcfe7a76897d307786c5fb Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Wed, 21 Jan 2026 16:27:04 +0100
Subject: Rename button-group to hlist

---
 src/_iro-design.scss                |  2 +-
 src/layouts/_button-group.scss      | 50 -------------------------------------
 src/layouts/_button-group.vars.scss | 16 ------------
 src/layouts/_hlist.scss             | 50 +++++++++++++++++++++++++++++++++++++
 src/layouts/_hlist.vars.scss        | 16 ++++++++++++
 5 files changed, 67 insertions(+), 67 deletions(-)
 delete mode 100644 src/layouts/_button-group.scss
 delete mode 100644 src/layouts/_button-group.vars.scss
 create mode 100644 src/layouts/_hlist.scss
 create mode 100644 src/layouts/_hlist.vars.scss

(limited to 'src')

diff --git a/src/_iro-design.scss b/src/_iro-design.scss
index 22e50c0..83d5a9d 100644
--- a/src/_iro-design.scss
+++ b/src/_iro-design.scss
@@ -25,11 +25,11 @@ $breakpoints: (
 @forward 'core' as core--*;
 @forward 'layers' as layers--*;
 
-@forward 'layouts/button-group' as l-button-group--*;
 @forward 'layouts/card-list' as l-card-list--*;
 @forward 'layouts/container' as l-container--*;
 @forward 'layouts/flex' as l-flex--*;
 @forward 'layouts/form' as l-form--*;
+@forward 'layouts/hlist' as l-hlist--*;
 @forward 'layouts/media' as l-media--*;
 @forward 'layouts/overflow' as l-overflow--*;
 @forward 'layouts/split-view' as l-split-view--*;
diff --git a/src/layouts/_button-group.scss b/src/layouts/_button-group.scss
deleted file mode 100644
index 44719be..0000000
--- a/src/layouts/_button-group.scss
+++ /dev/null
@@ -1,50 +0,0 @@
-@use 'sass:meta';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
-@use '../props' as *;
-
-@forward 'button-group.vars';
-@use 'button-group.vars' as vars;
-@use '../objects/button.vars' as button;
-
-@mixin styles {
-	@include materialize-at-root(meta.module-variables('vars'));
-
-	@include bem.layout('button-group') {
-		display:   inline-flex;
-		flex-wrap: wrap;
-		gap:       props.get(vars.$gap);
-
-		@each $mod, $size in vars.$sizes {
-			@include bem.modifier($mod) {
-				gap: props.get($size);
-			}
-		}
-
-		@include bem.modifier('align-block') {
-			margin-inline: calc(-1 * props.get(button.$pad-i) - props.get(button.$border-width));
-
-			@include bem.modifier('pill') {
-				margin-inline: calc(-1 * props.get(button.$pad-i-pill) - props.get(button.$border-width));
-			}
-
-			@include bem.modifier('icon') {
-				margin-inline: calc(-1 * props.get(button.$pad-b) - props.get(button.$border-width) - .5em * (props.get(button.$line-height) - 1));
-			}
-
-			@each $mod, $pad-i, $pad-i-label, $pad-i-pill, $pad-b, $font-size in button.$fixed-sizes {
-				@include bem.modifier('action-#{$mod}') {
-					margin-inline: calc(-1 * props.get($pad-i) - props.get(button.$border-width));
-    
-					@include bem.modifier('pill') {
-						margin-inline: calc(-1 * props.get($pad-i-pill) - props.get(button.$border-width));
-					}
-
-					@include bem.modifier('icon') {
-						margin-inline: calc(-1 * props.get($pad-b) - props.get(button.$border-width) - .5em * (props.get(button.$line-height) - 1));
-					}
-				}
-			}
-		}
-	}
-}
diff --git a/src/layouts/_button-group.vars.scss b/src/layouts/_button-group.vars.scss
deleted file mode 100644
index b56eec7..0000000
--- a/src/layouts/_button-group.vars.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-@use 'iro-sass/src/props';
-@use '../core.vars' as core;
-
-$gap: props.def(--l-button-group--gap, props.get(core.$size--150)) !default;
-
-$gapless: props.def(--l-button-group--gapless, 0) !default;
-$sm:      props.def(--l-button-group--sm, props.get(core.$size--100)) !default;
-$lg:      props.def(--l-button-group--lg, props.get(core.$size--300)) !default;
-$xl:      props.def(--l-button-group--xl, props.get(core.$size--450)) !default;
-
-$sizes: (
-	'gapless': $gapless,
-	'sm':      $sm,
-	'lg':      $lg,
-	'xl':      $xl,
-) !default;
diff --git a/src/layouts/_hlist.scss b/src/layouts/_hlist.scss
new file mode 100644
index 0000000..5075541
--- /dev/null
+++ b/src/layouts/_hlist.scss
@@ -0,0 +1,50 @@
+@use 'sass:meta';
+@use 'iro-sass/src/bem';
+@use 'iro-sass/src/props';
+@use '../props' as *;
+
+@forward 'hlist.vars';
+@use 'hlist.vars' as vars;
+@use '../objects/button.vars' as button;
+
+@mixin styles {
+	@include materialize-at-root(meta.module-variables('vars'));
+
+	@include bem.layout('hlist') {
+		display:   inline-flex;
+		flex-wrap: wrap;
+		gap:       props.get(vars.$gap);
+
+		@each $mod, $size in vars.$sizes {
+			@include bem.modifier($mod) {
+				gap: props.get($size);
+			}
+		}
+
+		@include bem.modifier('buttons') {
+			margin-inline: calc(-1 * props.get(button.$pad-i) - props.get(button.$border-width));
+
+			@include bem.modifier('pill') {
+				margin-inline: calc(-1 * props.get(button.$pad-i-pill) - props.get(button.$border-width));
+			}
+
+			@include bem.modifier('icon') {
+				margin-inline: calc(-1 * props.get(button.$pad-b) - props.get(button.$border-width) - .5em * (props.get(button.$line-height) - 1));
+			}
+
+			@each $mod, $pad-i, $pad-i-label, $pad-i-pill, $pad-b, $font-size in button.$fixed-sizes {
+				@include bem.modifier('action-#{$mod}') {
+					margin-inline: calc(-1 * props.get($pad-i) - props.get(button.$border-width));
+    
+					@include bem.modifier('pill') {
+						margin-inline: calc(-1 * props.get($pad-i-pill) - props.get(button.$border-width));
+					}
+
+					@include bem.modifier('icon') {
+						margin-inline: calc(-1 * props.get($pad-b) - props.get(button.$border-width) - .5em * (props.get(button.$line-height) - 1));
+					}
+				}
+			}
+		}
+	}
+}
diff --git a/src/layouts/_hlist.vars.scss b/src/layouts/_hlist.vars.scss
new file mode 100644
index 0000000..fecded5
--- /dev/null
+++ b/src/layouts/_hlist.vars.scss
@@ -0,0 +1,16 @@
+@use 'iro-sass/src/props';
+@use '../core.vars' as core;
+
+$gap: props.def(--l-hlist--gap, props.get(core.$size--150)) !default;
+
+$gapless: props.def(--l-hlist--gapless, 0) !default;
+$sm:      props.def(--l-hlist--sm, props.get(core.$size--100)) !default;
+$lg:      props.def(--l-hlist--lg, props.get(core.$size--300)) !default;
+$xl:      props.def(--l-hlist--xl, props.get(core.$size--450)) !default;
+
+$sizes: (
+	'gapless': $gapless,
+	'sm':      $sm,
+	'lg':      $lg,
+	'xl':      $xl,
+) !default;
-- 
cgit v1.2.3-70-g09d2