active_material 1.4.2 → 2.1.1

data/app/assets/stylesheets/active_material/prototypes/datepicker.scss

@@ -17,6 +17,7 @@ $am-datepicker-cell-size: am-unit(4) !default;
   background: white;
   border-radius: $am-datepicker-border-radius;
   box-shadow: $am-datepicker-shadow;
+  display: none;
   padding: 0 am-unit(1.5) am-unit(1);
   width: $am-datepicker-width;
 }
@@ -30,7 +31,7 @@ $am-datepicker-cell-size: am-unit(4) !default;
 
 @mixin am-datepicker-title {
   @include am-font-size(14px);
-  font-weight: 600;
+  font-weight: $am-font-weight-semi-bold;
 }
 
 @mixin am-datepicker-icon {
@@ -71,13 +72,13 @@ $am-datepicker-cell-size: am-unit(4) !default;
 
 @mixin am-datepicker-calendar-heading {
   @include am-color(secondary-text);
-  font-weight: 500;
+  font-weight: $am-font-weight-medium;
   padding: 0 0 am-type-unit(1);
 }
 
 @mixin am-datepicker-calendar-day {
   height: $am-datepicker-cell-size;
-  font-weight: 500;
+  font-weight: $am-font-weight-medium;
   line-height: $am-datepicker-cell-size;
   padding: 0;
   width: $am-datepicker-cell-size;

data/app/assets/stylesheets/active_material/prototypes/dialog.scss

@@ -45,7 +45,7 @@ $am-dialog-title-padding: am-unit(4) am-unit(3) am-unit(1) !default;
 
 @mixin am-dialog-close {
   @include am-btn-icon;
-  background: asset_url("active_material/icons/clear.svg") 50% 50% no-repeat;
+  background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <path opacity="0.54" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12 L19,6.41z"/> </svg>') 50% 50% no-repeat;
   margin: 0;
   padding: 0;
   position: absolute;

data/app/assets/stylesheets/active_material/prototypes/menu.scss

@@ -39,7 +39,7 @@ $am-menu-carat-size: 5px !default;
   border-color: am-color(primary) transparent transparent;
   content: "";
   height: 0;
-  margin-top: $am-menu-carat-size / -2;
+  margin-top: calc($am-menu-carat-size / -2);
   position: absolute;
   right: -15px;
   top: 50%;

data/app/assets/stylesheets/active_material/prototypes/select.scss

@@ -11,8 +11,8 @@
 }
 
 @mixin am-select-input {
-  @include am-font-size(14);
-  background: #fafafa asset-url("active_material/icons/arrow-dropdown.svg") no-repeat calc(100% - 4px) 50%;
+  @include am-font-size(14px);
+  background: #fafafa url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18px" height="18px" viewBox="0 0 18 18" enable-background="new 0 0 18 18" xml:space="preserve"> <path opacity="0.4" d="M5,8l4,4l4-4H5z"/> </svg>') no-repeat calc(100% - 4px) 50%;
   border: 1px solid #d3d3d3;
   border-radius: 3px;
   box-shadow: inset 0 1px 0 rgba(#fff, 0.8);
@@ -32,6 +32,10 @@
   border-radius: 0;
 }
 
+@mixin am-select-input-disabled {
+  background-color: #eeeeee;
+}
+
 @mixin am-select-unit {
   border-left: 1px solid am-color(divider);
   text-align: center;

data/app/assets/stylesheets/active_material/prototypes/snackbar.scss

@@ -31,7 +31,7 @@ $am-snackbar-duration: 9s !default;
   color: $am-snackbar-color;
   font-weight: 300;
   font-size: 14px;
-  line-height: am-sp(20);
+  line-height: am-sp(20px);
   margin: am-unit(2);
   min-width: $am-snackbar-min-width;
   max-width: $am-snackbar-max-width;

data/app/assets/stylesheets/active_material/prototypes/subheader.scss

@@ -5,9 +5,9 @@
  */
 
 @mixin am-subheader {
-  @include am-font-size(14);
+  @include am-font-size(14px);
   @include am-color(secondary-text);
-  font-weight: 500;
+  font-weight: $am-font-weight-medium;
   padding: am-unit(2);
   line-height: am-unit(2);
 }

data/app/assets/stylesheets/active_material/prototypes/table.scss

@@ -21,7 +21,7 @@ $am-table-border-color: am-color(divider);
   @include am-color(secondary-text);
   @include am-font-size(13px);
   border-bottom: 1px solid $am-table-border-color;
-  font-weight: 600;
+  font-weight: $am-font-weight-semi-bold;
   height: am-unit(6);
   line-height: am-unit(2);
   padding: am-unit(1) am-unit(2);
@@ -87,12 +87,14 @@ $am-table-border-color: am-color(divider);
   @include am-color(text);
   @include am-font-size(13px);
   border-bottom: 1px solid $am-table-border-color;
-  font-weight: 400;
+  font-weight: $am-font-weight-regular;
   padding: am-unit(1) am-unit(2);
 
   img {
     display: block;
+    height: auto;
     max-width: 320px;
+    width: 100%;
   }
 }
 
@@ -110,7 +112,7 @@ $am-table-border-color: am-color(divider);
 }
 
 @mixin am-table-cell-actions {
-  background: asset_url("active_material/icons/more.svg") 25% 50% no-repeat;
+  background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <path fill="none" d="M0,0h24v24H0V0z"/> <path opacity="0.875" d="M12,8c1.1,0,2-0.9,2-2s-0.9-2-2-2c-1.1,0-2,0.9-2,2S10.9,8,12,8z M12,10c-1.1,0-2,0.9-2,2c0,1.1,0.9,2,2,2 c1.1,0,2-0.9,2-2C14,10.9,13.1,10,12,10z M12,16c-1.1,0-2,0.9-2,2s0.9,2,2,2c1.1,0,2-0.9,2-2S13.1,16,12,16z"/> </svg>') 25% 50% no-repeat;
   position: relative;
   width: am-unit(6);
 }

data/app/assets/stylesheets/active_material/prototypes/tabs.scss

@@ -8,7 +8,10 @@ $am-tabs-background: am-color(primary) !default;
 $am-tabs-border-width: 3px !default;
 $am-tabs-color: rgba(#fff, 0.6) !default;
 $am-tabs-color-focus: #fff !default;
-$am-tabs-font: 400 14px/16px $am-font-sans !default;
+$am-tabs-btn-background: inherit !default;
+$am-tabs-btn-background-focus: inherit !default;
+$am-tabs-btn-border-color: inherit !default;
+$am-tabs-font: $am-font-weight-regular 14px/16px $am-font-sans !default;
 
 @keyframes am-tabs-error-throb {
   from {
@@ -37,10 +40,12 @@ $am-tabs-font: 400 14px/16px $am-font-sans !default;
 
 @mixin am-tabs-list-item {
   display: inline-block;
+  border-color: $am-tabs-btn-border-color;
 }
 
 @mixin am-tabs-btn {
-  color: inherit;
+  background: $am-tabs-btn-background;
+  color: $am-tabs-color;
   cursor: pointer;
   display: block;
   font: $am-tabs-font;
@@ -67,7 +72,7 @@ $am-tabs-font: 400 14px/16px $am-font-sans !default;
 
   &:focus,
   &:hover {
-    background: transparent;
+    background: $am-tabs-btn-background-focus;
     outline: none;
     text-decoration: none;
 
@@ -83,6 +88,7 @@ $am-tabs-font: 400 14px/16px $am-font-sans !default;
 }
 
 @mixin am-tabs-btn-active {
+  background: $am-tabs-btn-background-focus;
   color: $am-tabs-color-focus;
 
   &:after {
@@ -90,6 +96,11 @@ $am-tabs-font: 400 14px/16px $am-font-sans !default;
     box-shadow: 0 -1px 1px rgba(#000, 0.1), inset 0 1px 1px rgba(#fff, 0.50);
     transform: none;
   }
+
+  &:focus,
+  &:hover {
+    background: $am-tabs-btn-background-focus;
+  }
 }
 
 @mixin am-tabs-btn-error {

data/app/assets/stylesheets/active_material/prototypes/textfield.scss

@@ -5,9 +5,9 @@
 ////
 
 /// Textfield input typography.
-$am-textfield-input-type: normal am-sp(14)/24px $am-font-sans !default;
+$am-textfield-input-type: normal am-sp(14px)/24px $am-font-sans !default;
 /// Textfield label typography.
-$am-textfield-label-type: 400 am-sp(12)/am-unit(2) $am-font-sans !default;
+$am-textfield-label-type: $am-font-weight-regular am-sp(12px)/am-unit(2) $am-font-sans !default;
 /// Textfield margin.
 $am-textfield-margin: am-unit(1) 0 !default;
 /// Textfield padding.
@@ -19,11 +19,12 @@ $am-textfield-color: rgba(#000, 0.70) !default;
 /// Textfield highlight color.
 $am-textfield-primary: am-color(primary) !default;
 /// Icon for email fields.
-$am-textfield-email-icon: asset-url("active_material/icons/email.svg") !default;
+$am-textfield-email-icon: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <path opacity="0.3" enable-background="new    " d="M20,4H4C2.9,4,2.01,4.9,2.01,6L2,18c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V6 C22,4.9,21.1,4,20,4z M20,8l-8,5L4,8V6l8,5l8-5V8z"/> </svg>') !default;
 /// Icon for password fields.
-$am-textfield-password-icon: asset-url("active_material/icons/secret.svg") !default;
+$am-textfield-password-icon: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <path opacity="0.4" d="M12.65,10C11.83,7.67,9.61,6,7,6c-3.31,0-6,2.69-6,6c0,3.311,2.69,6,6,6c2.61,0,4.83-1.67,5.65-4H17v4h4v-4h2 v-4H12.65z M7,14c-1.1,0-2-0.9-2-2c0-1.1,0.9-2,2-2s2,0.9,2,2C9,13.1,8.1,14,7,14z"/> </svg>') !default;
 /// Icon for date fields.
-$am-textfield-date-icon: asset-url("active_material/icons/event.svg") !default;
+$am-textfield-date-icon: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <path opacity="0.4" d="M17,12h-5v5h5V12z M16,1v2H8V1H6v2H5C3.89,3,3.01,3.9,3.01,5L3,19c0,1.1,0.89,2,2,2h14c1.1,0,2-0.9,2-2V5 c0-1.1-0.9-2-2-2h-1V1H16z M19,19H5V8h14V19z"/> </svg>') !default;
+
 
 @mixin am-textfield {
   color: $am-textfield-color;
@@ -38,8 +39,7 @@ $am-textfield-date-icon: asset-url("active_material/icons/event.svg") !default;
   border: 1px solid #d3d3d3;
   box-shadow: inset 1px 1px 1px rgba(#222, 0.08);
   display: block;
-  font-size: am-sp(14);
-  font-weight: normal;
+  font: $am-textfield-input-type;
   line-height: 24px;
   margin: 0;
   padding: am-unit(1);
@@ -70,7 +70,7 @@ $am-textfield-date-icon: asset-url("active_material/icons/event.svg") !default;
 
 @mixin am-textfield-textarea {
   border-radius: 2px;
-  height: am-sp(am-unit(7));
+  height: am-sp(7px);
   padding: am-unit(1);
 }
 
@@ -80,11 +80,11 @@ $am-textfield-date-icon: asset-url("active_material/icons/event.svg") !default;
 }
 
 @mixin am-textfield-label {
-  @include am-font-size(13);
+  @include am-font-size(13px);
   @include am-color(secondary-text);
   display: block;
   line-height: 16px;
-  font-weight: 400;
+  font: $am-textfield-label-type;
   margin-bottom: 8px;
   position: relative;
   transition: 0.28s all;
@@ -121,6 +121,10 @@ $am-textfield-date-icon: asset-url("active_material/icons/event.svg") !default;
   margin-left: 4px;
 }
 
+@mixin am-textfield-input-disabled {
+  background-color: #eeeeee;
+}
+
 @mixin am-textfield-inline {
   align-items: center;
   display: flex;

data/app/assets/stylesheets/active_material/prototypes/toolbar.scss

@@ -3,8 +3,8 @@
  * A basic navigation element, primary used for top level navigation
  */
 
-$am-toolbar-base-font-size  : am-sp(14) !default;
-$am-toolbar-title-font-size : am-sp(20) !default;
+$am-toolbar-base-font-size  : am-sp(14px) !default;
+$am-toolbar-title-font-size : am-sp(20px) !default;
 $am-toolbar-keyline-small   : am-unit(7) !default;
 $am-toolbar-keyline-medium  : $am-toolbar-keyline-small + 8px !default;
 
@@ -24,7 +24,7 @@ $am-toolbar-keyline-medium  : $am-toolbar-keyline-small + 8px !default;
 
 @mixin am-toolbar-title {
   font-size: $am-toolbar-title-font-size;
-  font-weight: 500;
+  font-weight: $am-font-weight-medium;
   line-height: am-unit(2);
   padding: am-unit(2);
   width: 100%;
@@ -45,7 +45,7 @@ $am-toolbar-keyline-medium  : $am-toolbar-keyline-small + 8px !default;
   @include am-link-no-decoration;
   @include am-color(text);
   display: inline-block;
-  font-weight: 500;
+  font-weight: $am-font-weight-medium;
   line-height: am-unit(3);
   margin: 0;
 }
@@ -66,5 +66,5 @@ $am-toolbar-keyline-medium  : $am-toolbar-keyline-small + 8px !default;
 
 @mixin am-toolbar-item-primary-active {
   @include am-color(accent);
-  font-weight: 600;
+  font-weight: $am-font-weight-semi-bold;
 }

data/app/assets/stylesheets/active_material/values/fonts.scss

@@ -3,8 +3,20 @@
 ////
 
 /// The default sans-serif font
-$am-font-sans: 'RobotoDraft', sans-serif !default;
+$am-font-sans: 'Roboto', sans-serif !default;
+
+/// The weight of bold type
+$am-font-weight-bold: 700;
+
+/// The weight of semi-bold type
+$am-font-weight-semi-bold: 500;
+
+/// The weight of medium type
+$am-font-weight-medium: 500;
+
+/// The weight of regular type
+$am-font-weight-regular: 400;
 
 $am-fonts: (
   sans: $am-font-sans
-)
+);

data/app/assets/stylesheets/active_material.scss

@@ -2,7 +2,7 @@
 /// Active Material
 /// A redesign of ActiveAdmin that follows Material Design standards
 /// www.google.com/design/spec/material-design/introduction.html
-/// @author Viget Labs
+/// @author Derek Kniffin
 ////
 
 /// $variables, these should always end with !default
@@ -12,25 +12,77 @@
 @import "active_material/values/fonts";
 @import "active_material/values/breakpoints";
 @import "active_material/values/elevation";
-@import "active_material/values/*";
 
 /// Generators describe functions, mixins, and classes
 /// intended for extension. More or less, they are "style builders"
 /// instead of "style descriptors"
 @import "active_material/generators/functions";
 @import "active_material/generators/mixins";
-@import "active_material/generators/*";
 
 /// Atoms are individual styles to enhance reusability
-@import "active_material/atoms/*";
+@import "active_material/atoms/clearfix";
+@import "active_material/atoms/color";
+@import "active_material/atoms/family";
+@import "active_material/atoms/fill";
+@import "active_material/atoms/hidden";
+@import "active_material/atoms/links";
+@import "active_material/atoms/lists";
+@import "active_material/atoms/paper";
+@import "active_material/atoms/type";
 
 /// Foundational rules that setup the page
 @import "active_material/global/foundation";
-@import "active_material/global/*";
 
 /// Prototypes are collections of mixins that allow for css design
 /// without the constraints of limiting ActiveAdmin selectors
-@import "active_material/prototypes/*";
+@import "active_material/prototypes/actions-footer";
+@import "active_material/prototypes/avatar";
+@import "active_material/prototypes/btn-icon";
+@import "active_material/prototypes/button";
+@import "active_material/prototypes/datepicker";
+@import "active_material/prototypes/dialog";
+@import "active_material/prototypes/menu";
+@import "active_material/prototypes/multiselect";
+@import "active_material/prototypes/select";
+@import "active_material/prototypes/snackbar";
+@import "active_material/prototypes/subheader";
+@import "active_material/prototypes/table";
+@import "active_material/prototypes/tabs";
+@import "active_material/prototypes/tag";
+@import "active_material/prototypes/textfield";
+@import "active_material/prototypes/toolbar";
+@import "active_material/prototypes/underlay";
 
 /// Components describe actual implementation within Active Admin
-@import "active_material/components/*";
+@import "active_material/components/avatar";
+@import "active_material/components/blank_slate";
+@import "active_material/components/breadcrumbs";
+@import "active_material/components/buttons";
+@import "active_material/components/checkbox";
+@import "active_material/components/clearfix";
+@import "active_material/components/comments";
+@import "active_material/components/date-select";
+@import "active_material/components/datepicker";
+@import "active_material/components/dialog";
+@import "active_material/components/dropdown";
+@import "active_material/components/featured-blocks";
+@import "active_material/components/filter";
+@import "active_material/components/flash";
+@import "active_material/components/footer";
+@import "active_material/components/forms";
+@import "active_material/components/header";
+@import "active_material/components/hidden";
+@import "active_material/components/login";
+@import "active_material/components/overlay";
+@import "active_material/components/pagination";
+@import "active_material/components/panels";
+@import "active_material/components/photo_select";
+@import "active_material/components/scopes";
+@import "active_material/components/select";
+@import "active_material/components/sortable";
+@import "active_material/components/structure";
+@import "active_material/components/tables";
+@import "active_material/components/tabs";
+@import "active_material/components/tag";
+@import "active_material/components/title_bar";
+@import "active_material/components/utility_nav";

data/config/importmap.rb

@@ -0,0 +1,2 @@
+pin "active_material"
+pin "active_material/actions-toggle"

data/lib/active_material/font_loader.rb

@@ -0,0 +1,12 @@
+module ActiveMaterial
+  module FontLoader
+    def build_active_admin_head
+      within super do
+        uri = URI.parse(ActiveMaterial::Rails::Engine.config.active_material.font_url)
+        link(rel: "preconnect", href: uri.origin)
+        link(rel: "preconnect", href: uri.origin, crossorigin: true)
+        link(rel: "stylesheet", href: uri.to_s)
+      end
+    end
+  end
+end

data/lib/active_material/version.rb

@@ -1,3 +1,3 @@
-module ActiveMaterial
-  VERSION = "1.4.2"
-end
+module ActiveMaterial
+  VERSION = "2.1.1"
+end

data/lib/active_material.rb

@@ -1,8 +1,33 @@
 require "active_material/version"
+require "active_material/font_loader"
 
 module ActiveMaterial
   module Rails
     class Engine < ::Rails::Engine
+      config.active_material = ActiveSupport::OrderedOptions.new
+      config.active_material.load_font = true
+      config.active_material.font_url = "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
+
+      initializer "active_material" do |app|
+        if app.config.active_material.load_font
+          ActiveAdmin.before_load do
+            ActiveAdmin::Views::Pages::Base.prepend ActiveMaterial::FontLoader
+          end
+        end
+      end
+
+      initializer "active_material.precompile" do |app|
+        app.config.assets.paths << self.root.join("app/javascripts")
+        app.config.assets.paths << self.root.join("app/stylesheets")
+        app.config.assets.precompile << "active_material.js"
+      end
+
+      initializer "active_material.importmap", before: "importmap" do |app|
+        # Skip if importmap-rails is not installed
+        next unless app.config.respond_to?(:importmap)
+
+        app.config.importmap.paths << Engine.root.join("config/importmap.rb")
+      end
     end
   end
 end

data/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "active_material",
+  "version": "2.1.1",
+  "description": "ActiveAdmin skin based on Google's Material Design.",
+  "main": "src/javascripts/active_material.js",
+  "directories": {
+    "lib": "lib"
+  },
+  "scripts": {
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/dkniffin/active_material.git"
+  },
+  "author": "Derek Kniffin",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/dkniffin/active_material/issues"
+  },
+  "homepage": "https://github.com/dkniffin/active_material#readme",
+  "dependencies": {},
+  "devDependencies": {}
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: active_material
 version: !ruby/object:Gem::Version
-  version: 1.4.2
+  version: 2.1.1
 platform: ruby
 authors:
-- Platanus
-autorequire: 
+- Derek Kniffin
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2016-04-25 00:00:00.000000000 Z
+date: 2024-07-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -38,28 +38,31 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '10.0'
+- !ruby/object:Gem::Dependency
+  name: sass-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
 description: ActiveAdmin skin based on Google's Material Design.
 email:
-- rubygems@platan.us
+- derek.kniffin@gmail.com
 executables: []
 extensions: []
 extra_rdoc_files: []
 files:
 - LICENSE.txt
 - README.md
-- app/assets/images/active_material/icons/account_circle.svg
-- app/assets/images/active_material/icons/arrow-dropdown.svg
-- app/assets/images/active_material/icons/arrow_down.svg
-- app/assets/images/active_material/icons/clear.svg
-- app/assets/images/active_material/icons/create.svg
-- app/assets/images/active_material/icons/email.svg
-- app/assets/images/active_material/icons/event.svg
-- app/assets/images/active_material/icons/more.svg
-- app/assets/images/active_material/icons/reorder.svg
-- app/assets/images/active_material/icons/search.svg
-- app/assets/images/active_material/icons/secret.svg
 - app/assets/javascripts/active_material.js
-- app/assets/javascripts/active_material/fonts.js
+- app/assets/javascripts/active_material/actions-toggle.js
 - app/assets/stylesheets/active_material.scss
 - app/assets/stylesheets/active_material/atoms/clearfix.scss
 - app/assets/stylesheets/active_material/atoms/color.scss
@@ -76,6 +79,7 @@ files:
 - app/assets/stylesheets/active_material/components/buttons.scss
 - app/assets/stylesheets/active_material/components/checkbox.scss
 - app/assets/stylesheets/active_material/components/clearfix.scss
+- app/assets/stylesheets/active_material/components/comments.scss
 - app/assets/stylesheets/active_material/components/date-select.scss
 - app/assets/stylesheets/active_material/components/datepicker.scss
 - app/assets/stylesheets/active_material/components/dialog.scss
@@ -126,13 +130,16 @@ files:
 - app/assets/stylesheets/active_material/values/elevation.scss
 - app/assets/stylesheets/active_material/values/fonts.scss
 - app/assets/stylesheets/active_material/values/units.scss
+- config/importmap.rb
 - lib/active_material.rb
+- lib/active_material/font_loader.rb
 - lib/active_material/version.rb
-homepage: https://github.com/platanus/active_material
+- package.json
+homepage: ''
 licenses:
 - MIT
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -147,10 +154,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.5.2
-signing_key: 
+rubygems_version: 3.3.26
+signing_key:
 specification_version: 4
 summary: ActiveAdmin skin based on Google's Material Design.
 test_files: []
-has_rdoc: 

data/app/assets/images/active_material/icons/account_circle.svg

@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
-<path fill="#FFFFFF" d="M24,4C12.95,4,4,12.95,4,24s8.95,20,20,20s20-8.95,20-20S35.05,4,24,4z M24,10c3.311,0,6,2.69,6,6
-	c0,3.32-2.689,6-6,6c-3.31,0-6-2.68-6-6C18,12.69,20.69,10,24,10z M24,38.4c-5.01,0-9.41-2.561-12-6.44c0.05-3.97,8.01-6.16,12-6.16
-	s11.939,2.19,12,6.16C33.41,35.84,29.01,38.4,24,38.4z"/>
-</svg>

data/app/assets/images/active_material/icons/arrow-dropdown.svg

@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="18px" height="18px" viewBox="0 0 18 18" enable-background="new 0 0 18 18" xml:space="preserve">
-<path opacity="0.4" d="M5,8l4,4l4-4H5z"/>
-</svg>

data/app/assets/images/active_material/icons/arrow_down.svg

@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
-<path opacity="0.5" d="M7.41,7.84L12,12.42l4.59-4.58L18,9.25l-6,6l-6-6L7.41,7.84z"/>
-</svg>

data/app/assets/images/active_material/icons/clear.svg

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
-<path opacity="0.54" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12
-	L19,6.41z"/>
-</svg>

data/app/assets/images/active_material/icons/create.svg

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
-<path opacity="0.54" d="M3,17.25V21h3.75L17.811,9.94l-3.75-3.75L3,17.25z M20.71,7.04c0.39-0.39,0.39-1.02,0-1.41l-2.34-2.34
-	c-0.39-0.39-1.021-0.39-1.41,0l-1.83,1.83l3.75,3.75L20.71,7.04z"/>
-</svg>