From aeed08dc46662a0d70e04bcea612a701633736e7 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Wed, 22 Jul 2026 13:00:59 +0200 Subject: Revert "Paths" This reverts commit cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226. --- src/objects/_text-field.vars.scss | 121 ++++++++------------------------------ 1 file changed, 26 insertions(+), 95 deletions(-) (limited to 'src/objects/_text-field.vars.scss') diff --git a/src/objects/_text-field.vars.scss b/src/objects/_text-field.vars.scss index 9a2a16a..ef06822 100644 --- a/src/objects/_text-field.vars.scss +++ b/src/objects/_text-field.vars.scss @@ -1,108 +1,39 @@ -@use "sass:map"; -@use "pkg:iro-sass/props"; -@use "../core.vars" as core; +@use 'sass:map'; +@use 'pkg:iro-sass/src/props'; +@use '../core.vars' as core; -$line-height: props.def(--o-text-field--line-height, 1.4) !default; -$pad-i: props.def(--o-text-field--pad-i, props.get(core.$size--125)) !default; -$pad-i-pill: props.def(--o-text-field--pad-i-pill, props.get(core.$size--175)) !default; -$pad-b: props.def(--o-text-field--pad-b, props.get(core.$size--125)) !default; -$border-width: props.def( - --o-text-field--border-width, - props.get(core.$border-width--thin) -) !default; -$rounding: props.def(--o-text-field--rounding, props.get(core.$rounding--sm)) !default; +$line-height: props.def(--o-text-field--line-height, 1.4) !default; +$pad-i: props.def(--o-text-field--pad-i, props.get(core.$size--125)) !default; +$pad-i-pill: props.def(--o-text-field--pad-i-pill, props.get(core.$size--175)) !default; +$pad-b: props.def(--o-text-field--pad-b, props.get(core.$size--125)) !default; +$border-width: props.def(--o-text-field--border-width, props.get(core.$border-width--thin)) !default; +$rounding: props.def(--o-text-field--rounding, props.get(core.$rounding--sm)) !default; $extended--pad: props.def(--o-text-field--extended--pad, props.get(core.$size--50)) !default; -$focus--border-width: props.def( - --o-text-field--focus--border-width, - props.get(core.$border-width--medium) -) !default; +$focus--border-width: props.def(--o-text-field--focus--border-width, props.get(core.$border-width--medium)) !default; -$key-focus--border-width: props.def( - --o-text-field--key-focus--border-width, - props.get(core.$key-focus--outline-width) -) !default; +$key-focus--border-width: props.def(--o-text-field--key-focus--border-width, props.get(core.$key-focus--outline-width)) !default; -$bg-color: props.def( - --o-text-field--bg-color, - props.get(core.$theme, --base, --50), - "color" -) !default; -$placeholder-color: props.def( - --o-text-field--placeholder-color, - props.get(core.$theme, --text-mute-more), - "color" -) !default; -$text-color: props.def( - --o-text-field--text-color, - props.get(core.$theme, --text), - "color" -) !default; -$border-color: props.def( - --o-text-field--border-color, - props.get(core.$theme, --border-strong), - "color" -) !default; +$bg-color: props.def(--o-text-field--bg-color, props.get(core.$theme, --base, --50), 'color') !default; +$placeholder-color: props.def(--o-text-field--placeholder-color, props.get(core.$theme, --text-mute-more), 'color') !default; +$text-color: props.def(--o-text-field--text-color, props.get(core.$theme, --text), 'color') !default; +$border-color: props.def(--o-text-field--border-color, props.get(core.$theme, --border-strong), 'color') !default; -$hover--border-color: props.def( - --o-text-field--hover--border-color, - props.get(core.$theme, --text-mute-more), - "color" -) !default; +$hover--border-color: props.def(--o-text-field--hover--border-color, props.get(core.$theme, --text-mute-more), 'color') !default; -$focus--border-color: props.def( - --o-text-field--focus--border-color, - props.get(core.$theme, --focus, --border), - "color" -) !default; +$focus--border-color: props.def(--o-text-field--focus--border-color, props.get(core.$theme, --focus, --border), 'color') !default; -$key-focus--border-color: props.def( - --o-text-field--key-focus--border-color, - props.get(core.$theme, --focus, --border), - "color" -) !default; -$key-focus--outline-color: props.def( - --o-text-field--key-focus--outline-color, - props.get(core.$theme, --focus, --outline), - "color" -) !default; +$key-focus--border-color: props.def(--o-text-field--key-focus--border-color, props.get(core.$theme, --focus, --border), 'color') !default; +$key-focus--outline-color: props.def(--o-text-field--key-focus--outline-color, props.get(core.$theme, --focus, --outline), 'color') !default; -$error--border-color: props.def( - --o-text-field--error--border-color, - props.get(core.$theme, --negative, --700), - "color" -) !default; +$error--border-color: props.def(--o-text-field--error--border-color, props.get(core.$theme, --negative, --700), 'color') !default; -$error--hover--border-color: props.def( - --o-text-field--error--hover--border-color, - props.get(core.$theme, --negative, --900), - "color" -) !default; +$error--hover--border-color: props.def(--o-text-field--error--hover--border-color, props.get(core.$theme, --negative, --900), 'color') !default; -$error--focus--border-color: props.def( - --o-text-field--error--focus--border-color, - props.get(core.$theme, --negative, --900), - "color" -) !default; +$error--focus--border-color: props.def(--o-text-field--error--focus--border-color, props.get(core.$theme, --negative, --900), 'color') !default; -$disabled--bg-color: props.def( - --o-text-field--disabled--bg-color, - props.get(core.$theme, --border-mute), - "color" -) !default; -$disabled--placeholder-color: props.def( - --o-text-field--disabled--placeholder-color, - props.get(core.$theme, --text-disabled), - "color" -) !default; -$disabled--text-color: props.def( - --o-text-field--disabled--text-color, - props.get(core.$theme, --text-disabled), - "color" -) !default; -$disabled--border-color: props.def( - --o-text-field--disabled--border-color, - props.get(core.$theme, --border-mute), - "color" -) !default; +$disabled--bg-color: props.def(--o-text-field--disabled--bg-color, props.get(core.$theme, --border-mute), 'color') !default; +$disabled--placeholder-color: props.def(--o-text-field--disabled--placeholder-color, props.get(core.$theme, --text-disabled), 'color') !default; +$disabled--text-color: props.def(--o-text-field--disabled--text-color, props.get(core.$theme, --text-disabled), 'color') !default; +$disabled--border-color: props.def(--o-text-field--disabled--border-color, props.get(core.$theme, --border-mute), 'color') !default; -- cgit v1.3.1