keystone_ui-styles 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 4ba30dde2c6bd62755593f27137d5f15ea9b528e4abb2f0dbcbcf8c362430a09
+  data.tar.gz: b1b13e9bcb21cfee04ed142a0088e09f5de0fe98ca3ec69a36612afed0405ac9
+SHA512:
+  metadata.gz: 19f7cb095f9b42e95fb0f11f6cca15f23da2e8cbd53118f6ce129fcc87a4ac5b8e4986d29c62e89c63d79c63d968c710119634e5a3cae296d1298024dd319575
+  data.tar.gz: 0b26c577d131a3db940e6178b6771c185d76cccb840d907105e7d3c08b5d4703422388e5620ea2da72456b9491ca86e7a900fe0fb2e66cdb72489c86db5fc5f0

data/MIT-LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Tyler Schneider
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

data/app/assets/tailwind/keystone_ui_styles/engine.css

@@ -0,0 +1,99 @@
+@custom-variant dark {
+  &:where([data-theme="dark"], [data-theme="dark"] *) {
+    @slot;
+  }
+
+  @media (prefers-color-scheme: dark) {
+    &:where(:not([data-theme="light"], [data-theme="light"] *)) {
+      @slot;
+    }
+  }
+}
+
+@theme static {
+  --color-accent-50: #eff6ff;
+  --color-accent-100: #dbeafe;
+  --color-accent-200: #bfdbfe;
+  --color-accent-300: #93c5fd;
+  --color-accent-400: #60a5fa;
+  --color-accent-500: #3b82f6;
+  --color-accent-600: #2563eb;
+  --color-accent-700: #1d4ed8;
+  --color-accent-800: #1e40af;
+  --color-accent-900: #1e3a8a;
+  --color-accent-950: #172554;
+
+  --color-surface-50: #fafafa;
+  --color-surface-100: #f4f4f5;
+  --color-surface-200: #e4e4e7;
+  --color-surface-300: #d4d4d8;
+  --color-surface-400: #a1a1aa;
+  --color-surface-500: #71717a;
+  --color-surface-600: #52525b;
+  --color-surface-700: #3f3f46;
+  --color-surface-800: #27272a;
+  --color-surface-900: #18181b;
+  --color-surface-950: #09090b;
+}
+
+@layer components {
+  .ks-button {
+    @apply inline-flex items-center justify-center font-semibold rounded-lg border-0 cursor-pointer no-underline;
+  }
+
+  .ks-button-primary {
+    @apply bg-accent-600 text-white hover:bg-accent-500;
+  }
+
+  .ks-button-secondary {
+    @apply bg-gray-500 text-white hover:bg-gray-400;
+  }
+
+  .ks-button-danger {
+    @apply bg-red-600 text-white hover:bg-red-500;
+  }
+
+  .ks-button-sm {
+    @apply text-sm px-3 py-1.5;
+  }
+
+  .ks-button-md {
+    @apply text-base px-4 py-2;
+  }
+
+  .ks-button-lg {
+    @apply text-lg px-5 py-3;
+  }
+
+  .ks-panel {
+    @apply border border-gray-200 bg-white dark:bg-zinc-900 dark:border-zinc-700;
+  }
+
+  .ks-input {
+    @apply block w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 placeholder:text-gray-400 focus:outline-none focus:ring-1 focus:border-accent-500 focus:ring-accent-500 dark:bg-zinc-900 dark:border-zinc-700 dark:text-white dark:placeholder:text-gray-500 dark:focus:border-accent-400 dark:focus:ring-accent-400;
+  }
+
+  .ks-input-disabled {
+    @apply cursor-not-allowed bg-gray-50 text-gray-500 dark:bg-zinc-800 dark:text-gray-400;
+  }
+
+  .ks-label {
+    @apply block text-sm font-medium text-gray-700 dark:text-gray-300;
+  }
+
+  .ks-required {
+    @apply text-red-500 ml-0.5;
+  }
+
+  .ks-hint {
+    @apply mt-1 text-sm text-gray-500 dark:text-gray-400;
+  }
+
+  .ks-error {
+    @apply mt-1 text-sm text-red-600 dark:text-red-400;
+  }
+
+  .ks-checkbox {
+    @apply rounded border-gray-300 text-accent-600 focus:ring-accent-500 dark:border-zinc-600 dark:bg-zinc-900;
+  }
+}

data/lib/keystone_ui/styles/engine.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+require "rails"
+
+module KeystoneUi
+  module Styles
+    class Engine < ::Rails::Engine
+      engine_name "keystone_ui_styles"
+    end
+  end
+end

data/lib/keystone_ui/styles/version.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+module KeystoneUi
+  module Styles
+    VERSION = "0.1.0"
+  end
+end

data/lib/keystone_ui/styles.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+require "keystone_ui/styles/version"
+require "keystone_ui/styles/engine"
+
+module KeystoneUi
+  module Styles
+  end
+end

data/lib/keystone_ui-styles.rb

@@ -0,0 +1,3 @@
+# frozen_string_literal: true
+
+require "keystone_ui/styles"

metadata

@@ -0,0 +1,69 @@
+--- !ruby/object:Gem::Specification
+name: keystone_ui-styles
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Tyler Schneider
+autorequire:
+bindir: bin
+cert_chain: []
+date: 2026-09-14 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '7.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '7.0'
+description: Color variables, light and dark mode, and component classes shared by
+  keystone_ui and keystone_ui-react.
+email:
+- tylercschneider@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- MIT-LICENSE
+- app/assets/tailwind/keystone_ui_styles/engine.css
+- lib/keystone_ui-styles.rb
+- lib/keystone_ui/styles.rb
+- lib/keystone_ui/styles/engine.rb
+- lib/keystone_ui/styles/version.rb
+homepage: https://github.com/DYB-Development/keystone_ui-styles
+licenses:
+- MIT
+metadata:
+  source_code_uri: https://github.com/DYB-Development/keystone_ui-styles
+  changelog_uri: https://github.com/DYB-Development/keystone_ui-styles/blob/main/CHANGELOG.md
+  bug_tracker_uri: https://github.com/DYB-Development/keystone_ui-styles/issues
+  documentation_uri: https://github.com/DYB-Development/keystone_ui-styles#readme
+  rubygems_mfa_required: 'true'
+post_install_message:
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: 3.2.0
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.5.16
+signing_key:
+specification_version: 4
+summary: Shared CSS for keystone_ui and keystone_ui-react.
+test_files: []