css-zero 0.0.61 → 0.0.63

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b704e3a3d8b4b380575985a2c56480f3f772d32ed9132786de42e4f098b89d90
-  data.tar.gz: bc56740674826f1c932eb8ab5acd1fe603b3a21a0df6a61efead4dc2d5d1eb15
+  metadata.gz: 1dcad18cf8b767d6b04eeffa882dc11a58855ccfee8bc4bbfc5b0f53dee40ba5
+  data.tar.gz: f508def8ee8def3ed3046af44ee40ed506b528d9d200c780a3d4f5581197e192
 SHA512:
-  metadata.gz: 0e97246d26938cf23bb9934ded34165c3778794b103343e00ec9bdbcb789a53b31f6f047a3c7b9d3e74c422f375959220963f1b5fe0a0a86ce1877b15d52f298
-  data.tar.gz: cffeabee864a7819a10e67c6156af52165154af6d2d69a42cb9e970e01a1d1fb0c4a8d67e9408c815ebf3d864e00cfa8a34c922cfe1ebd4792532979f78a7bd0
+  metadata.gz: 8aa4e8e29b184bcd7d9c131d0c8990abf0c95e72650e95638d97668682607162549dbad1232acf774470c5ee8908992f486004d1fd012ca19f344f813d834992
+  data.tar.gz: 0f905749c2d50d27191ae171f6337859fa1217f4f1d8b2660cf7372b4c8228f4baa15b18a53d84a2a13455e078db2b047e8c35c4730faece0465d4aedf14820b

data/lib/css_zero/engine.rb

@@ -1,9 +1,5 @@
 module CssZero
   class Engine < ::Rails::Engine
-    initializer "css_zero.disable_generator_stylesheets" do
-      Rails.application.config.generators.stylesheets = false
-    end
-
     config.app_generators do |g|
       g.template_engine :css_zero
     end

data/lib/css_zero/version.rb

@@ -1,3 +1,3 @@
 module CssZero
-  VERSION = "0.0.61"
+  VERSION = "0.0.63"
 end

data/lib/generators/css_zero/add/USAGE

@@ -2,7 +2,7 @@ Description:
     This will add components into your project.
 
 Components:
-  accordion alert autosave avatar badge breadcrumb button card carousel chart check_all combobox command collapsible datepicker dialog dropdown flash form fullscreen hotkey input input_concerns inputmask layouts lightbox local_time navigation pagination progress prose sheet skeleton sortable switch table tabs trix upload_preview toggle web_share
+  accordion alert autosave avatar badge breadcrumb button card carousel chart check_all combobox command collapsible datepicker dialog dropdown flash form fullscreen hotkey input input_concerns inputmask layouts lightbox local_time navigation pagination progress prose sheet skeleton sortable switch table tabs tooltip trix upload_preview toggle web_share
 
 Example:
     bin/rails generate css_zero:add [components...]

data/lib/generators/css_zero/add/resources.yml

@@ -73,6 +73,7 @@ input_concerns:
   - app/javascript/controllers/revealable_input_controller.js
   - app/assets/images/eye.svg
   - app/assets/images/eye-off.svg
+  - app/javascript/controllers/otp_input_controller.js
 inputmask:
   - app/javascript/controllers/inputmask_controller.js
 layouts:
@@ -115,6 +116,9 @@ table:
 tabs:
   - app/assets/stylesheets/tabs.css
   - app/javascript/controllers/tabs_controller.js
+tooltip:
+  - app/assets/stylesheets/tooltip.css
+  - app/javascript/controllers/tooltip_controller.js
 trix:
   - app/assets/stylesheets/ztrix.css
 upload_preview:

data/lib/generators/css_zero/add/templates/app/assets/stylesheets/tooltip.css

@@ -0,0 +1,22 @@
+.tippy-box {
+  background-color: var(--color-bg);
+  border: 1px solid var(--color-border);
+  border-radius: var(--rounded-md);
+  box-shadow: var(--shadow-md);
+  color: var(--color-text);
+  font-size: var(--text-sm);
+  line-height: var(--leading-normal);
+  transition-property: transform, visibility, opacity;
+
+  &[data-state=hidden] {
+    opacity: 0;
+  }
+
+  &[data-state=visible] {
+    transition-timing-function: var(--ease-in);
+  }
+
+  .tippy-content {
+    padding: var(--size-1_5) var(--size-3);
+  }
+}

data/lib/generators/css_zero/add/templates/app/javascript/controllers/otp_input_controller.js

@@ -0,0 +1,31 @@
+import { Controller } from "@hotwired/stimulus";
+
+export default class extends Controller {
+  initialize() {
+    this.abortController = new AbortController()
+  }
+
+  disconnect() {
+    this.abortController.abort()
+  }
+
+  connect() {
+    this.#supportsOTP && this.#requestOTP()
+  }
+
+  #requestOTP() {
+    navigator.credentials.get(this.#options).then(otp => {
+      this.element.value = otp.code
+    }).catch(error => {
+      console.log(error)
+    })
+  }
+
+  get #options() {
+    return { otp: { transport: ["sms"] }, signal: this.abortController.signal }
+  }
+
+  get #supportsOTP() {
+    return "OTPCredential" in window
+  }
+}

data/lib/generators/css_zero/add/templates/app/javascript/controllers/tooltip_controller.js

@@ -0,0 +1,14 @@
+import { Controller } from "@hotwired/stimulus"
+import tippy from "https://cdn.skypack.dev/tippy.js@6.3.7"
+
+export default class extends Controller {
+  static values = { content: String }
+
+  connect() {
+    this.tooltip = tippy(this.element, { content: this.contentValue, arrow: false, interactive: true, delay: [700, 0], offset: [0, 3] })
+  }
+
+  disconnect() {
+    this.tooltip.destroy()
+  }
+}

data/lib/generators/css_zero/install/templates/app/assets/stylesheets/application.css

@@ -16,7 +16,6 @@
  *= require colors
  *= require effects
  *= require filters
- *= require grid
  *= require sizes
  *= require transform
  *= require transition

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: css-zero
 version: !ruby/object:Gem::Version
-  version: 0.0.61
+  version: 0.0.63
 platform: ruby
 authors:
 - Lázaro Nixon
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-11-11 00:00:00.000000000 Z
+date: 2024-11-15 00:00:00.000000000 Z
 dependencies: []
 description:
 email: lazaronixon@hotmail.com
@@ -82,6 +82,7 @@ files:
 - lib/generators/css_zero/add/templates/app/assets/stylesheets/tabs.css
 - lib/generators/css_zero/add/templates/app/assets/stylesheets/toggle.css
 - lib/generators/css_zero/add/templates/app/assets/stylesheets/tom-select.css
+- lib/generators/css_zero/add/templates/app/assets/stylesheets/tooltip.css
 - lib/generators/css_zero/add/templates/app/assets/stylesheets/zcombobox.css
 - lib/generators/css_zero/add/templates/app/assets/stylesheets/zdatepicker.css
 - lib/generators/css_zero/add/templates/app/assets/stylesheets/ztrix.css
@@ -107,10 +108,12 @@ files:
 - lib/generators/css_zero/add/templates/app/javascript/controllers/local_time_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/menu_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/navigation_controller.js
+- lib/generators/css_zero/add/templates/app/javascript/controllers/otp_input_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/popover_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/revealable_input_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/sortable_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/tabs_controller.js
+- lib/generators/css_zero/add/templates/app/javascript/controllers/tooltip_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/upload_preview_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/web_share_controller.js
 - lib/generators/css_zero/authentication/authentication_generator.rb