Where is borderSide.width.ref ?

[lvsecoto]

Use case

I want to borderSide.with can use Token

Proposal

Like this

$box.border.width.ref(token.container.border.thickness.$4)

[lvsecoto]

I forked a branch

And modify packages/mix/lib/src/attributes/border/border_dto.g.dart BorderSideDTO

      color: _$this.color?.resolve(mix) ?? defaultValue.color,
      strokeAlign: _$this.strokeAlign ?? defaultValue.strokeAlign,
      style: _$this.style ?? defaultValue.style,
-      width: _$this.width ?? defaultValue.width,
+      width: mix.tokens.spaceTokenRef(_$this.width ?? defaultValue.width),
    );
  }

And also extend DoubleUtilty<T>

extension DoubleUtilsEx<T extends Attribute> on DoubleUtility<T> {
  T ref(SpaceToken ref) => builder(ref());
}

It is work.

There are a lot of attributes can use "NumberToken", like SizeBox.width.

[tilucasoli]

Thank you, @lvsecoto. This is an interesting point. We are currently studying a way to create tokens for all kinds of attributes.

#535

[tilucasoli]

The space token was created to serve as a specific token for spacement, not as a generic double token. The main point is that it could be used for any double attribute. We should consider making it more generic and flexible, perhaps calling it a DoubleToken instead of a SpaceToken, allowing any double property to accept it.

[tilucasoli]

For now, you could resolve the token using context,

$box.border.width(token.container.border.thickness.$4.resolve(context))