update ci

.drone.yml

@@ -13,24 +13,18 @@ trigger:
 
 steps:
     - name: install
-      image: node:22
+      image: node:25
       commands:
-          - corepack enable
-          - corepack prepare yarn@1.22.22 --activate
           - yarn install --frozen-lockfile
 
     - name: lint
-      image: node:22
+      image: node:25
       commands:
-          - corepack enable
-          - corepack prepare yarn@1.22.22 --activate
           - yarn lint
 
     - name: build
-      image: node:22
+      image: node:25
       commands:
-          - corepack enable
-          - corepack prepare yarn@1.22.22 --activate
           - yarn build
 
 ---
@@ -39,22 +33,18 @@ type: docker
 name: web-ui-publish
 
 trigger:
-    branch:
-        - main
     event:
-        - promote
-    target:
-        - production
+        - tag
+    ref:
+        - refs/tags/v*
 
 steps:
     - name: publish-npm
-      image: node:22
+      image: node:25
       environment:
           NEXUS_NPM_TOKEN:
               from_secret: nexus_npm_token
       commands:
-          - corepack enable
-          - corepack prepare yarn@1.22.22 --activate
           - yarn install --frozen-lockfile
           - npm config set //nexus.beatrice.wtf/repository/npm-hosted/:_authToken "$NEXUS_NPM_TOKEN"
           - yarn publish:nexus

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panic/web-ui",
-    "version": "0.1.11",
+    "version": "0.1.16",
     "license": "AGPL-3.0-only",
     "description": "Core components for panic.haus web applications",
     "type": "module",

src/styles/base.css

@@ -22,6 +22,8 @@
     --field-disabled-border: #3f3f46;
     --field-disabled-text: #bbb6c3;
     --field-disabled-placeholder: #71717a;
+    --field-selection-bg: rgb(var(--accent-500) / 0.42);
+    --field-selection-text: var(--text-primary);
     --ghost-bg: rgba(24, 24, 27, 0.5);
     --ghost-border: #3f3f46;
     --ghost-hover: rgba(39, 39, 42, 0.7);
@@ -69,6 +71,8 @@
     --field-disabled-border: #d7d7d7;
     --field-disabled-text: #71717a;
     --field-disabled-placeholder: #a1a1aa;
+    --field-selection-bg: rgb(var(--accent-500) / 0.24);
+    --field-selection-text: var(--text-primary);
     --ghost-bg: rgba(255, 255, 255, 0.88);
     --ghost-border: #d4d4d8;
     --ghost-hover: #f4f4f5;

src/styles/components.css

@@ -24,6 +24,62 @@
     color: var(--text-soft);
 }
 
+.field::selection {
+    background-color: var(--field-selection-bg);
+    color: var(--field-selection-text);
+    -webkit-text-fill-color: var(--field-selection-text);
+}
+
+.field[type='date']::-webkit-datetime-edit-day-field,
+.field[type='date']::-webkit-datetime-edit-month-field,
+.field[type='date']::-webkit-datetime-edit-year-field,
+.field[type='time']::-webkit-datetime-edit-hour-field,
+.field[type='time']::-webkit-datetime-edit-minute-field,
+.field[type='time']::-webkit-datetime-edit-ampm-field,
+.field[type='datetime-local']::-webkit-datetime-edit-day-field,
+.field[type='datetime-local']::-webkit-datetime-edit-month-field,
+.field[type='datetime-local']::-webkit-datetime-edit-year-field,
+.field[type='datetime-local']::-webkit-datetime-edit-hour-field,
+.field[type='datetime-local']::-webkit-datetime-edit-minute-field,
+.field[type='datetime-local']::-webkit-datetime-edit-ampm-field {
+    border-radius: 0.375rem;
+}
+
+.field[type='date']::-webkit-datetime-edit-day-field:focus,
+.field[type='date']::-webkit-datetime-edit-month-field:focus,
+.field[type='date']::-webkit-datetime-edit-year-field:focus,
+.field[type='time']::-webkit-datetime-edit-hour-field:focus,
+.field[type='time']::-webkit-datetime-edit-minute-field:focus,
+.field[type='time']::-webkit-datetime-edit-ampm-field:focus,
+.field[type='datetime-local']::-webkit-datetime-edit-day-field:focus,
+.field[type='datetime-local']::-webkit-datetime-edit-month-field:focus,
+.field[type='datetime-local']::-webkit-datetime-edit-year-field:focus,
+.field[type='datetime-local']::-webkit-datetime-edit-hour-field:focus,
+.field[type='datetime-local']::-webkit-datetime-edit-minute-field:focus,
+.field[type='datetime-local']::-webkit-datetime-edit-ampm-field:focus {
+    border-radius: 0.375rem;
+    background-color: var(--field-selection-bg) !important;
+    color: var(--field-selection-text) !important;
+    -webkit-text-fill-color: var(--field-selection-text) !important;
+}
+
+.field[type='date']::-webkit-datetime-edit-day-field::selection,
+.field[type='date']::-webkit-datetime-edit-month-field::selection,
+.field[type='date']::-webkit-datetime-edit-year-field::selection,
+.field[type='time']::-webkit-datetime-edit-hour-field::selection,
+.field[type='time']::-webkit-datetime-edit-minute-field::selection,
+.field[type='time']::-webkit-datetime-edit-ampm-field::selection,
+.field[type='datetime-local']::-webkit-datetime-edit-day-field::selection,
+.field[type='datetime-local']::-webkit-datetime-edit-month-field::selection,
+.field[type='datetime-local']::-webkit-datetime-edit-year-field::selection,
+.field[type='datetime-local']::-webkit-datetime-edit-hour-field::selection,
+.field[type='datetime-local']::-webkit-datetime-edit-minute-field::selection,
+.field[type='datetime-local']::-webkit-datetime-edit-ampm-field::selection {
+    background-color: var(--field-selection-bg);
+    color: var(--field-selection-text);
+    -webkit-text-fill-color: var(--field-selection-text);
+}
+
 .field:disabled {
     border-color: var(--field-disabled-border);
     background-color: var(--field-disabled-bg);