summaryrefslogtreecommitdiffhomepage
path: root/packages/ui/src/components/input.css
diff options
context:
space:
mode:
authorAdam <[email protected]>2025-12-11 13:02:57 -0600
committerAdam <[email protected]>2025-12-11 13:42:47 -0600
commit16b7370d8cac304eb2af800b9c6a584784a0c600 (patch)
tree8b181d31ce119d1f8cd8bb47d5268c08edde5ed7 /packages/ui/src/components/input.css
parent634fd62b25169619ffcbf87beec8777bf5a0d9bd (diff)
downloadopencode-16b7370d8cac304eb2af800b9c6a584784a0c600.tar.gz
opencode-16b7370d8cac304eb2af800b9c6a584784a0c600.zip
wip(desktop): progress
Diffstat (limited to 'packages/ui/src/components/input.css')
-rw-r--r--packages/ui/src/components/input.css99
1 files changed, 0 insertions, 99 deletions
diff --git a/packages/ui/src/components/input.css b/packages/ui/src/components/input.css
deleted file mode 100644
index 276e8069b..000000000
--- a/packages/ui/src/components/input.css
+++ /dev/null
@@ -1,99 +0,0 @@
-[data-component="input"] {
- width: 100%;
-
- [data-slot="input-input"] {
- width: 100%;
- color: var(--text-strong);
-
- /* text-14-regular */
- font-family: var(--font-family-sans);
- font-size: 14px;
- font-style: normal;
- font-weight: var(--font-weight-regular);
- line-height: var(--line-height-large); /* 142.857% */
- letter-spacing: var(--letter-spacing-normal);
-
- &:focus {
- outline: none;
- }
-
- &::placeholder {
- color: var(--text-weak);
- }
- }
-
- &[data-variant="normal"] {
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- gap: 8px;
-
- [data-slot="input-label"] {
- color: var(--text-weak);
-
- /* text-12-medium */
- font-family: var(--font-family-sans);
- font-size: var(--font-size-small);
- font-style: normal;
- font-weight: var(--font-weight-medium);
- line-height: 18px; /* 150% */
- letter-spacing: var(--letter-spacing-normal);
- }
-
- [data-slot="input-input"] {
- color: var(--text-strong);
-
- display: flex;
- height: 32px;
- padding: 2px 12px;
- align-items: center;
- gap: 8px;
- align-self: stretch;
-
- border-radius: var(--radius-md);
- border: 1px solid var(--border-weak-base);
- background: var(--input-base);
-
- /* text-14-regular */
- font-family: var(--font-family-sans);
- font-size: 14px;
- font-style: normal;
- font-weight: var(--font-weight-regular);
- line-height: var(--line-height-large); /* 142.857% */
- letter-spacing: var(--letter-spacing-normal);
-
- &:focus {
- outline: none;
-
- /* border/shadow-xs/select */
- box-shadow:
- 0 0 0 3px var(--border-weak-selected),
- 0 0 0 1px var(--border-selected),
- 0 1px 2px -1px rgba(19, 16, 16, 0.25),
- 0 1px 2px 0 rgba(19, 16, 16, 0.08),
- 0 1px 3px 0 rgba(19, 16, 16, 0.12);
- }
-
- &[data-invalid] {
- background: var(--surface-critical-weak);
- border: 1px solid var(--border-critical-selected);
- }
-
- &::placeholder {
- color: var(--text-weak);
- }
- }
-
- [data-slot="input-error"] {
- color: var(--text-on-critical-base);
-
- /* text-12-medium */
- font-family: var(--font-family-sans);
- font-size: var(--font-size-small);
- font-style: normal;
- font-weight: var(--font-weight-medium);
- line-height: 18px; /* 150% */
- letter-spacing: var(--letter-spacing-normal);
- }
- }
-}