ouds_theme_orange_compact 2.1.0 copy "ouds_theme_orange_compact: ^2.1.0" to clipboard
ouds_theme_orange_compact: ^2.1.0 copied to clipboard

Orange Compact theme implementation for OUDS, with branding-specific design tokens optimized for compact displays.

Use this package as a library

Depend on it

Run this command:

With Flutter:

 $ flutter pub add ouds_theme_orange_compact

This will add a line like this to your package's pubspec.yaml (and run an implicit flutter pub get):

dependencies:
  ouds_theme_orange_compact: ^2.1.0

Alternatively, your editor might support flutter pub get. Check the docs for your editor to learn more.

Import it

Now in your Dart code, you can use:

import 'package:ouds_theme_orange_compact/components/orangeCompact_accordion_tokens.dart';
import 'package:ouds_theme_orange_compact/components/orangeCompact_alert_tokens.dart';
import 'package:ouds_theme_orange_compact/components/orangeCompact_badge_tokens.dart';
import 'package:ouds_theme_orange_compact/components/orangeCompact_bar_tokens.dart';
import 'package:ouds_theme_orange_compact/components/orangeCompact_bulletList_tokens.dart';
import 'package:ouds_theme_orange_compact/components/orangeCompact_buttonMono_tokens.dart';
import 'package:ouds_theme_orange_compact/components/orangeCompact_button_tokens.dart';
import 'package:ouds_theme_orange_compact/components/orangeCompact_checkbox_tokens.dart';
import 'package:ouds_theme_orange_compact/components/orangeCompact_chip_tokens.dart';
import 'package:ouds_theme_orange_compact/components/orangeCompact_controlItem_tokens.dart';
import 'package:ouds_theme_orange_compact/components/orangeCompact_divider_tokens.dart';
import 'package:ouds_theme_orange_compact/components/orangeCompact_icon_tokens.dart';
import 'package:ouds_theme_orange_compact/components/orangeCompact_inputTag_tokens.dart';
import 'package:ouds_theme_orange_compact/components/orangeCompact_linkMono_tokens.dart';
import 'package:ouds_theme_orange_compact/components/orangeCompact_link_tokens.dart';
import 'package:ouds_theme_orange_compact/components/orangeCompact_listItem_tokens.dart';
import 'package:ouds_theme_orange_compact/components/orangeCompact_pinCodeInput_tokens.dart';
import 'package:ouds_theme_orange_compact/components/orangeCompact_progressIndicatorMono_tokens.dart';
import 'package:ouds_theme_orange_compact/components/orangeCompact_progressIndicator_tokens.dart';
import 'package:ouds_theme_orange_compact/components/orangeCompact_radioButton_tokens.dart';
import 'package:ouds_theme_orange_compact/components/orangeCompact_skeleton_tokens.dart';
import 'package:ouds_theme_orange_compact/components/orangeCompact_switch_tokens.dart';
import 'package:ouds_theme_orange_compact/components/orangeCompact_tag_tokens.dart';
import 'package:ouds_theme_orange_compact/components/orangeCompact_textArea_tokens.dart';
import 'package:ouds_theme_orange_compact/components/orangeCompact_textInput_tokens.dart';
import 'package:ouds_theme_orange_compact/material/orangeCompact_material_color_tokens.dart';
import 'package:ouds_theme_orange_compact/orange_compact_theme.dart';
import 'package:ouds_theme_orange_compact/orange_compact_typography.dart';
import 'package:ouds_theme_orange_compact/semantic/orangeCompact_border_semantic_tokens.dart';
import 'package:ouds_theme_orange_compact/semantic/orangeCompact_color_action_semantic_tokens.dart';
import 'package:ouds_theme_orange_compact/semantic/orangeCompact_color_ai_semantic_tokens.dart';
import 'package:ouds_theme_orange_compact/semantic/orangeCompact_color_always_semantic_tokens.dart';
import 'package:ouds_theme_orange_compact/semantic/orangeCompact_color_bg_semantic_tokens.dart';
import 'package:ouds_theme_orange_compact/semantic/orangeCompact_color_border_semantic_tokens.dart';
import 'package:ouds_theme_orange_compact/semantic/orangeCompact_color_content_semantic_tokens.dart';
import 'package:ouds_theme_orange_compact/semantic/orangeCompact_color_opacity_semantic_tokens.dart';
import 'package:ouds_theme_orange_compact/semantic/orangeCompact_color_overlay_semantic_tokens.dart';
import 'package:ouds_theme_orange_compact/semantic/orangeCompact_color_repository_semantic_tokens.dart';
import 'package:ouds_theme_orange_compact/semantic/orangeCompact_color_semantic_tokens.dart';
import 'package:ouds_theme_orange_compact/semantic/orangeCompact_color_surface_semantic_tokens.dart';
import 'package:ouds_theme_orange_compact/semantic/orangeCompact_effect_semantic_tokens.dart';
import 'package:ouds_theme_orange_compact/semantic/orangeCompact_elevation_semantic_tokens.dart';
import 'package:ouds_theme_orange_compact/semantic/orangeCompact_font_semantic_tokens.dart';
import 'package:ouds_theme_orange_compact/semantic/orangeCompact_grid_semantic_tokens.dart';
import 'package:ouds_theme_orange_compact/semantic/orangeCompact_opacity_semantic_tokens.dart';
import 'package:ouds_theme_orange_compact/semantic/orangeCompact_size_semantic_tokens.dart';
import 'package:ouds_theme_orange_compact/semantic/orangeCompact_space_semantic_tokens.dart';
0
likes
130
points
20
downloads

Documentation

API reference

Publisher

unverified uploader

Weekly Downloads

Orange Compact theme implementation for OUDS, with branding-specific design tokens optimized for compact displays.

Homepage
Repository (GitHub)
View/report issues

License

MIT (license)

Dependencies

flutter, ouds_core, ouds_global_raw_tokens, ouds_theme_contract, ouds_theme_orange

More

Packages that depend on ouds_theme_orange_compact