From 5c878876d3bdd2c7cd094871fa0644f3310bcec8 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Wed, 23 Jul 2025 08:34:23 +0200
Subject: Commit merge of button and badge into action-button (and rename it to
 button)

---
 src/objects/_badge.scss | 144 ------------------------------------------------
 1 file changed, 144 deletions(-)
 delete mode 100644 src/objects/_badge.scss

(limited to 'src/objects/_badge.scss')

diff --git a/src/objects/_badge.scss b/src/objects/_badge.scss
deleted file mode 100644
index 9f3e307..0000000
--- a/src/objects/_badge.scss
+++ /dev/null
@@ -1,144 +0,0 @@
-@use 'sass:list';
-@use 'sass:map';
-@use 'sass:meta';
-@use 'sass:string';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
-@use '../props' as *;
-@use '../core.vars' as core;
-
-@forward 'badge.vars';
-@use 'badge.vars' as vars;
-
-@mixin -apply-theme($theme, $key: (), $static: false) {
-    color:            props.get($theme, list.join($key, --label)...);
-    background-color: props.get($theme, list.join($key, --bg)...);
-
-    &:link,
-    &:visited,
-    &:enabled {
-        &:hover,
-        &:focus-visible {
-            color:            props.get($theme, list.join($key, --hover --label)...);
-            background-color: props.get($theme, list.join($key, --hover --bg)...);
-        }
-
-        &:active {
-            color:            props.get($theme, list.join($key, --active --label)...);
-            background-color: props.get($theme, list.join($key, --active --bg)...);
-        }
-    }
-
-    @include bem.modifier('quiet') {
-        color:            props.get($theme, list.join($key, --quiet --label)...);
-        background-color: props.get($theme, list.join($key, --quiet --bg)...);
-
-        &:link,
-        &:visited,
-        &:enabled {
-            &:hover,
-            &:focus-visible {
-                color:            props.get($theme, list.join($key, --quiet --hover --label)...);
-                background-color: props.get($theme, list.join($key, --quiet --hover --bg)...);
-            }
-
-            &:active {
-                color:            props.get($theme, list.join($key, --quiet --active --label)...);
-                background-color: props.get($theme, list.join($key, --quiet --active --bg)...);
-            }
-        }
-    }
-
-    @if $static {
-        &::after {
-            outline-color: props.get($theme, list.join($key, --key-focus --border)...);
-            box-shadow:
-                0
-                0
-                0
-                calc(props.get(vars.$key-focus--border-width) + props.get(vars.$key-focus--outline-width))
-                props.get($theme, list.join($key, --key-focus --outline)...);
-        }
-    }
-}
-
-@mixin styles {
-    @include materialize-at-root(meta.module-variables('vars'));
-
-    @include bem.object('badge') {
-        position:         relative;
-        display:          inline-block;
-        padding-block:    props.get(vars.$pad-b);
-        padding-inline:   props.get(vars.$pad-i);
-        font-size:        props.get(vars.$font-size);
-        line-height:      props.get(core.$font--standard--line-height);
-        text-align:       center;
-        text-decoration:  none;
-        background-clip:  padding-box;
-        border-radius:    props.get(vars.$rounding);
-
-        &::after {
-            position:       absolute;
-            inset:          calc(-1 * props.get(vars.$key-focus--border-offset));
-            z-index:        1;
-            display:        none;
-            pointer-events: none;
-            content:        '';
-            border-radius:  calc(props.get(vars.$rounding) + props.get(vars.$key-focus--border-offset));
-            outline:        transparent solid props.get(vars.$key-focus--border-width);
-        }
-
-        &:link,
-        &:visited,
-        &:enabled {
-            &:focus-visible {
-                &::after {
-                    display: block;
-                }
-            }
-        }
-
-        @include bem.elem('label') {
-            margin-inline: props.get(vars.$pad-i-label);
-        }
-
-        @include -apply-theme(vars.$default-theme, $static: true);
-
-        @each $theme in map.keys(props.get(vars.$themes)) {
-            @include bem.modifier(string.slice($theme, 3)) {
-                @include -apply-theme(vars.$themes, $theme);
-            }
-        }
-
-        @each $theme in map.keys(props.get(vars.$static-themes)) {
-            @include bem.modifier(string.slice($theme, 3)) {
-                @include -apply-theme(vars.$static-themes, $theme, true);
-            }
-        }
-    
-        @include bem.modifier('pill') {
-            padding-inline: props.get(vars.$pad-i-pill);
-            border-radius:  10em;
-
-            &::after {
-                border-radius: 10em;
-            }
-        }
-
-        @each $mod, $pad-b, $pad-i, $pad-i-pill, $pad-i-label, $font-size in vars.$sizes {
-            @include bem.modifier($mod) {
-                padding-block:  props.get($pad-b);
-                padding-inline: props.get($pad-i);
-                font-size:      props.get($font-size);
-
-                @include bem.elem('label') {
-                    margin-inline: props.get($pad-i-label);
-                }
-        
-                @include bem.modifier('pill') {
-                    padding-inline: props.get($pad-i-pill);
-                }
-            }
-        }
-    }
-}
-- 
cgit v1.2.3-70-g09d2