panic.haus/web-ui
1
0
Fork 0
Code Issues Pull Requests 10 Actions Packages Projects Releases Activity

update ci, datepicker, v0.1.16
Some checks failed
continuous-integration/drone/push Build is failing
Details

Browse Source
This commit is contained in:
Beatrice Dellacà
2026-02-24 10:06:41 +01:00
parent 370d6e7e0a
commit 5ada69773c
3 changed files with 53 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
.drone.yml
View File

@@ -13,22 +13,25 @@ trigger:
steps: steps:
- name: install - name: install
image: node:22 image: node:25
commands: commands:
- npm install -g corepack@latest
- corepack enable - corepack enable
- corepack prepare yarn@1.22.22 --activate - corepack prepare yarn@1.22.22 --activate
- yarn install --frozen-lockfile - yarn install --frozen-lockfile
- name: lint - name: lint
image: node:22 image: node:25
commands: commands:
- npm install -g corepack@latest
- corepack enable - corepack enable
- corepack prepare yarn@1.22.22 --activate - corepack prepare yarn@1.22.22 --activate
- yarn lint - yarn lint
- name: build - name: build
image: node:22 image: node:25
commands: commands:
- npm install -g corepack@latest
- corepack enable - corepack enable
- corepack prepare yarn@1.22.22 --activate - corepack prepare yarn@1.22.22 --activate
- yarn build - yarn build
@@ -46,11 +49,12 @@ trigger:
steps: steps:
- name: publish-npm - name: publish-npm
image: node:22 image: node:25
environment: environment:
NEXUS_NPM_TOKEN: NEXUS_NPM_TOKEN:
from_secret: nexus_npm_token from_secret: nexus_npm_token
commands: commands:
- npm install -g corepack@latest
- corepack enable - corepack enable
- corepack prepare yarn@1.22.22 --activate - corepack prepare yarn@1.22.22 --activate
- yarn install --frozen-lockfile - yarn install --frozen-lockfile

2
package.json
View File

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

56
src/styles/components.css
View File

@@ -30,24 +30,56 @@
-webkit-text-fill-color: var(--field-selection-text); -webkit-text-fill-color: var(--field-selection-text);
} }
.field[type='date']:focus::-webkit-datetime-edit-day-field, .field[type='date']::-webkit-datetime-edit-day-field,
.field[type='date']:focus::-webkit-datetime-edit-month-field, .field[type='date']::-webkit-datetime-edit-month-field,
.field[type='date']:focus::-webkit-datetime-edit-year-field, .field[type='date']::-webkit-datetime-edit-year-field,
.field[type='time']:focus::-webkit-datetime-edit-hour-field, .field[type='time']::-webkit-datetime-edit-hour-field,
.field[type='time']:focus::-webkit-datetime-edit-minute-field, .field[type='time']::-webkit-datetime-edit-minute-field,
.field[type='time']:focus::-webkit-datetime-edit-ampm-field, .field[type='time']::-webkit-datetime-edit-ampm-field,
.field[type='datetime-local']:focus::-webkit-datetime-edit-day-field, .field[type='datetime-local']::-webkit-datetime-edit-day-field,
.field[type='datetime-local']:focus::-webkit-datetime-edit-month-field, .field[type='datetime-local']::-webkit-datetime-edit-month-field,
.field[type='datetime-local']:focus::-webkit-datetime-edit-year-field, .field[type='datetime-local']::-webkit-datetime-edit-year-field,
.field[type='datetime-local']:focus::-webkit-datetime-edit-hour-field, .field[type='datetime-local']::-webkit-datetime-edit-hour-field,
.field[type='datetime-local']:focus::-webkit-datetime-edit-minute-field, .field[type='datetime-local']::-webkit-datetime-edit-minute-field,
.field[type='datetime-local']:focus::-webkit-datetime-edit-ampm-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; border-radius: 0.375rem;
background-color: var(--field-selection-bg) !important; background-color: var(--field-selection-bg) !important;
color: var(--field-selection-text) !important; color: var(--field-selection-text) !important;
-webkit-text-fill-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 { .field:disabled {
border-color: var(--field-disabled-border); border-color: var(--field-disabled-border);
background-color: var(--field-disabled-bg); background-color: var(--field-disabled-bg);