ouds_theme_orange 2.1.0
ouds_theme_orange: ^2.1.0 copied to clipboard
Orange theme implementation for OUDS, with branding-specific design tokens.
Use this package as a library
Depend on it
Run this command:
With Flutter:
$ flutter pub add ouds_theme_orangeThis will add a line like this to your package's pubspec.yaml (and run an implicit flutter pub get):
dependencies:
ouds_theme_orange: ^2.1.0Alternatively, 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/components/orange_accordion_tokens.dart';
import 'package:ouds_theme_orange/components/orange_alert_tokens.dart';
import 'package:ouds_theme_orange/components/orange_badge_tokens.dart';
import 'package:ouds_theme_orange/components/orange_bar_tokens.dart';
import 'package:ouds_theme_orange/components/orange_bulletList_tokens.dart';
import 'package:ouds_theme_orange/components/orange_buttonMono_tokens.dart';
import 'package:ouds_theme_orange/components/orange_button_tokens.dart';
import 'package:ouds_theme_orange/components/orange_checkbox_tokens.dart';
import 'package:ouds_theme_orange/components/orange_chip_tokens.dart';
import 'package:ouds_theme_orange/components/orange_controlItem_tokens.dart';
import 'package:ouds_theme_orange/components/orange_divider_tokens.dart';
import 'package:ouds_theme_orange/components/orange_icon_tokens.dart';
import 'package:ouds_theme_orange/components/orange_inputTag_tokens.dart';
import 'package:ouds_theme_orange/components/orange_linkMono_tokens.dart';
import 'package:ouds_theme_orange/components/orange_link_tokens.dart';
import 'package:ouds_theme_orange/components/orange_listItem_tokens.dart';
import 'package:ouds_theme_orange/components/orange_pinCodeInput_tokens.dart';
import 'package:ouds_theme_orange/components/orange_progressIndicatorMono_tokens.dart';
import 'package:ouds_theme_orange/components/orange_progressIndicator_tokens.dart';
import 'package:ouds_theme_orange/components/orange_radioButton_tokens.dart';
import 'package:ouds_theme_orange/components/orange_skeleton_tokens.dart';
import 'package:ouds_theme_orange/components/orange_switch_tokens.dart';
import 'package:ouds_theme_orange/components/orange_tag_tokens.dart';
import 'package:ouds_theme_orange/components/orange_textArea_tokens.dart';
import 'package:ouds_theme_orange/components/orange_textInput_tokens.dart';
import 'package:ouds_theme_orange/material/orange_material_color_tokens.dart';
import 'package:ouds_theme_orange/orange_font_family.dart';
import 'package:ouds_theme_orange/orange_font_helper.dart';
import 'package:ouds_theme_orange/orange_font_provider.dart';
import 'package:ouds_theme_orange/orange_font_service.dart';
import 'package:ouds_theme_orange/orange_theme.dart';
import 'package:ouds_theme_orange/orange_typography.dart';
import 'package:ouds_theme_orange/raw/orange_color_raw_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_border_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_color_action_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_color_ai_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_color_always_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_color_bg_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_color_border_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_color_content_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_color_opacity_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_color_overlay_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_color_repository_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_color_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_color_surface_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_effect_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_elevation_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_font_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_grid_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_opacity_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_size_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_space_semantic_tokens.dart';