v2.0.4

- Upgrade Bootstrap to `v4.6.1`.
- Upgrade Bootstrap Icons to `v1.8.1`.
- Improved Web Example.
  - Added icons, date range picker and accordion.
  - Added SCSS file.
- sdk: '>=2.15.0 <3.0.0'
- bones_ui: ^2.0.8
- amdjs: ^2.0.2
- dom_tools: ^2.1.0
- dom_builder: ^2.0.8
- lints: ^1.0.1
- sass_builder: ^2.1.3
- dependency_validator: ^3.1.0

.gitignore

@@ -9,3 +9,5 @@ build/
 
 # Directory created by dartdoc
 doc/api/
+
+.DS_Store

CHANGELOG.md

@@ -1,3 +1,19 @@
+## 2.0.4
+
+- Upgrade Bootstrap to `v4.6.1`.
+- Upgrade Bootstrap Icons to `v1.8.1`.
+- Improved Web Example.
+  - Added icons, date range picker and accordion.
+  - Added SCSS file.
+- sdk: '>=2.15.0 <3.0.0'
+- bones_ui: ^2.0.8
+- amdjs: ^2.0.2
+- dom_tools: ^2.1.0
+- dom_builder: ^2.0.8
+- lints: ^1.0.1
+- sass_builder: ^2.1.3
+- dependency_validator: ^3.1.0
+
 ## 2.0.3
 
 - `Bootstrap.enableTooltip` now using named parameters.

analysis_options.yaml

@@ -1,14 +1,12 @@
-# Defines a default set of lint rules enforced for
-# projects at Google. For details and rationale,
-# see https://github.com/dart-lang/pedantic#enabled-lints.
-include: package:pedantic/analysis_options.yaml
+
+include: package:lints/recommended.yaml
 
 # For lint rules and documentation, see http://dart-lang.github.io/linter/lints.
 # Uncomment to specify additional rules.
 # linter:
 #   rules:
 #     - camel_case_types
 
-analyzer:
+#analyzer:
 #   exclude:
 #     - path/to/excluded/files/**

bones_ui_bootstrap.iml

@@ -3,9 +3,9 @@
   <component name="NewModuleRootManager" inherit-compiler-output="true">
     <exclude-output />
     <content url="file://$MODULE_DIR$">
-      <excludeFolder url="file://$MODULE_DIR$/.pub" />
-      <excludeFolder url="file://$MODULE_DIR$/build" />
       <excludeFolder url="file://$MODULE_DIR$/.dart_tool" />
+      <excludeFolder url="file://$MODULE_DIR$/build" />
+      <excludeFolder url="file://$MODULE_DIR$/.pub" />
     </content>
     <orderEntry type="inheritedJdk" />
     <orderEntry type="sourceFolder" forTests="false" />

example/main.dart

@@ -25,14 +25,38 @@ class MyPage extends UIComponent {
     return [
       $header(content: '''
         <nav class="navbar navbar-dark fixed-top bg-dark">
-          <a class="navbar-brand" href="#">Fixed navbar</a>
+          <a class="navbar-brand" href="#">
+            <ui-svg width="20px" height="20px" src="${BootstrapIcons.getIconPath('app-indicator')}"></ui-svg>
+            Fixed navbar
+          </a>
         </nav>
       '''),
-      $div(classes: 'container', content: '''
+      $div(classes: 'container', content: [
+        '''
         <br>
         <h1 class="mt-5">Welcome</h1>
         This is <b>Bones_UI</b> with <b>Bootstrap</b>!
-      '''),
+        <br><br>
+      ''',
+        '<hr>',
+        '<b>BootstrapIcons</b>: &nbsp;',
+        BootstrapIcons.allIcons
+            .sublist(0, 15)
+            .map((name) => BootstrapIcons.svgIconElement(name,
+                width: 20, style: 'margin: 2px 4px'))
+            .toList(),
+        ' ...',
+        '<hr>',
+        '<b>BSDateRangePicker</b>: &nbsp;',
+        BSDateRangePicker(content!),
+        '<hr>',
+        '<b>BSAccordion</b>: <br>',
+        BSAccordion(content!, [
+          AccordionItem('A Title', 'A text'),
+          AccordionItem('B Title', 'B text'),
+          AccordionItem('C Title', 'C text'),
+        ]),
+      ]),
       $footer(classes: 'footer fixed-bottom', content: [
         $hr,
         $div(

example/styles.css → example/styles.scss

@@ -1,13 +1,26 @@
 @import url(https://fonts.googleapis.com/css?family=Roboto);
 
+/*
+* The Dart dependency `sass_builder` is needed to
+* automatically build this SCSS file to a CSS file.
+*/
+
+$light: #fff;
+$dark: #1b344e;
+
 html, body {
+  background-color: $light;
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
   font-family: 'Roboto', sans-serif;
 }
 
+.bg-dark {
+  background-color: $dark !important;
+}
+
 #output {
   padding: 20px;
   text-align: center;