anentrypoint-design 0.0.315 → 0.0.317
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/app-shell.css +25 -2
- package/dist/247420.css +25 -2
- package/dist/247420.js +16 -16
- package/package.json +1 -1
- package/src/components/agent-chat.js +1 -1
- package/src/components/chat.js +31 -1
- package/src/components/content.js +18 -4
- package/src/components/sessions.js +7 -1
- package/src/components/shell.js +1 -0
package/app-shell.css
CHANGED
|
@@ -3340,10 +3340,33 @@ hr.rule-dotted { border-top: 1px dotted var(--rule-strong); }
|
|
|
3340
3340
|
}
|
|
3341
3341
|
.ds-field--lg textarea { height: auto; padding: var(--space-2-5) var(--space-4); font-size: var(--fs-body); }
|
|
3342
3342
|
.ds-search-input::placeholder { color: var(--fg-3); }
|
|
3343
|
-
/* Only present when SearchInput is passed resultCount
|
|
3344
|
-
flex/grid layout the bare input previously
|
|
3343
|
+
/* Only present when SearchInput is passed resultCount or has a value (clear
|
|
3344
|
+
button) - transparent to any flex/grid layout the bare input previously
|
|
3345
|
+
sat in directly. */
|
|
3345
3346
|
.ds-search-input-wrap { display: contents; }
|
|
3346
3347
|
|
|
3348
|
+
/* Visible clear (X) button for SearchInput - mirrors .ds-alert-dismiss's
|
|
3349
|
+
ghost-icon treatment but sized to the kit's 44px touch-target floor
|
|
3350
|
+
(app-shell.css already establishes this convention for .ds-file-check /
|
|
3351
|
+
.ds-density-btn / .ds-upload-act etc). Positioned by the consumer's own
|
|
3352
|
+
flex/grid context (ds-search-input-wrap is display:contents), so it simply
|
|
3353
|
+
sits after the input in DOM order. */
|
|
3354
|
+
.ds-search-clear {
|
|
3355
|
+
display: inline-flex;
|
|
3356
|
+
align-items: center; justify-content: center;
|
|
3357
|
+
min-width: 44px; min-height: 44px;
|
|
3358
|
+
flex-shrink: 0;
|
|
3359
|
+
cursor: pointer;
|
|
3360
|
+
color: var(--fg-3);
|
|
3361
|
+
background: transparent;
|
|
3362
|
+
border: 0;
|
|
3363
|
+
padding: 0;
|
|
3364
|
+
border-radius: var(--r-1);
|
|
3365
|
+
transition: background var(--dur-snap) var(--ease), color var(--dur-snap) var(--ease);
|
|
3366
|
+
}
|
|
3367
|
+
.ds-search-clear:hover { background: var(--bg-2); color: var(--fg); }
|
|
3368
|
+
.ds-search-clear:focus-visible { outline: 2px solid var(--accent-ink); outline-offset: 2px; }
|
|
3369
|
+
|
|
3347
3370
|
.ds-field input:focus-visible,
|
|
3348
3371
|
.ds-field textarea:focus-visible,
|
|
3349
3372
|
.ds-field .ds-select:focus-visible,
|
package/dist/247420.css
CHANGED
|
@@ -3884,10 +3884,33 @@
|
|
|
3884
3884
|
}
|
|
3885
3885
|
.ds-247420 .ds-field--lg textarea { height: auto; padding: var(--space-2-5) var(--space-4); font-size: var(--fs-body); }
|
|
3886
3886
|
.ds-247420 .ds-search-input::placeholder { color: var(--fg-3); }
|
|
3887
|
-
/* Only present when SearchInput is passed resultCount
|
|
3888
|
-
flex/grid layout the bare input previously
|
|
3887
|
+
/* Only present when SearchInput is passed resultCount or has a value (clear
|
|
3888
|
+
button) - transparent to any flex/grid layout the bare input previously
|
|
3889
|
+
sat in directly. */
|
|
3889
3890
|
.ds-247420 .ds-search-input-wrap { display: contents; }
|
|
3890
3891
|
|
|
3892
|
+
/* Visible clear (X) button for SearchInput - mirrors .ds-alert-dismiss's
|
|
3893
|
+
ghost-icon treatment but sized to the kit's 44px touch-target floor
|
|
3894
|
+
(app-shell.css already establishes this convention for .ds-file-check /
|
|
3895
|
+
.ds-density-btn / .ds-upload-act etc). Positioned by the consumer's own
|
|
3896
|
+
flex/grid context (ds-search-input-wrap is display:contents), so it simply
|
|
3897
|
+
sits after the input in DOM order. */
|
|
3898
|
+
.ds-247420 .ds-search-clear {
|
|
3899
|
+
display: inline-flex;
|
|
3900
|
+
align-items: center; justify-content: center;
|
|
3901
|
+
min-width: 44px; min-height: 44px;
|
|
3902
|
+
flex-shrink: 0;
|
|
3903
|
+
cursor: pointer;
|
|
3904
|
+
color: var(--fg-3);
|
|
3905
|
+
background: transparent;
|
|
3906
|
+
border: 0;
|
|
3907
|
+
padding: 0;
|
|
3908
|
+
border-radius: var(--r-1);
|
|
3909
|
+
transition: background var(--dur-snap) var(--ease), color var(--dur-snap) var(--ease);
|
|
3910
|
+
}
|
|
3911
|
+
.ds-247420 .ds-search-clear:hover { background: var(--bg-2); color: var(--fg); }
|
|
3912
|
+
.ds-247420 .ds-search-clear:focus-visible { outline: 2px solid var(--accent-ink); outline-offset: 2px; }
|
|
3913
|
+
|
|
3891
3914
|
.ds-247420 .ds-field input:focus-visible,
|
|
3892
3915
|
.ds-247420 .ds-field textarea:focus-visible,
|
|
3893
3916
|
.ds-247420 .ds-field .ds-select:focus-visible,
|