@furystack/shades-common-components 10.0.35 → 11.0.0
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/CHANGELOG.md +66 -0
- package/esm/components/animations.spec.d.ts +2 -0
- package/esm/components/animations.spec.d.ts.map +1 -0
- package/esm/components/animations.spec.js +201 -0
- package/esm/components/animations.spec.js.map +1 -0
- package/esm/components/app-bar-link.js +21 -20
- package/esm/components/app-bar-link.js.map +1 -1
- package/esm/components/app-bar-link.spec.d.ts +2 -0
- package/esm/components/app-bar-link.spec.d.ts.map +1 -0
- package/esm/components/app-bar-link.spec.js +252 -0
- package/esm/components/app-bar-link.spec.js.map +1 -0
- package/esm/components/app-bar.js +21 -21
- package/esm/components/app-bar.js.map +1 -1
- package/esm/components/app-bar.spec.d.ts +2 -0
- package/esm/components/app-bar.spec.d.ts.map +1 -0
- package/esm/components/app-bar.spec.js +117 -0
- package/esm/components/app-bar.spec.js.map +1 -0
- package/esm/components/avatar.d.ts.map +1 -1
- package/esm/components/avatar.js +15 -19
- package/esm/components/avatar.js.map +1 -1
- package/esm/components/avatar.spec.d.ts +2 -0
- package/esm/components/avatar.spec.d.ts.map +1 -0
- package/esm/components/avatar.spec.js +114 -0
- package/esm/components/avatar.spec.js.map +1 -0
- package/esm/components/button.d.ts.map +1 -1
- package/esm/components/button.js +145 -156
- package/esm/components/button.js.map +1 -1
- package/esm/components/button.spec.d.ts +2 -0
- package/esm/components/button.spec.d.ts.map +1 -0
- package/esm/components/button.spec.js +155 -0
- package/esm/components/button.spec.js.map +1 -0
- package/esm/components/command-palette/command-palette-input.d.ts.map +1 -1
- package/esm/components/command-palette/command-palette-input.js +18 -16
- package/esm/components/command-palette/command-palette-input.js.map +1 -1
- package/esm/components/command-palette/command-palette-input.spec.d.ts +2 -0
- package/esm/components/command-palette/command-palette-input.spec.d.ts.map +1 -0
- package/esm/components/command-palette/command-palette-input.spec.js +233 -0
- package/esm/components/command-palette/command-palette-input.spec.js.map +1 -0
- package/esm/components/command-palette/command-palette-manager.spec.d.ts +2 -0
- package/esm/components/command-palette/command-palette-manager.spec.d.ts.map +1 -0
- package/esm/components/command-palette/command-palette-manager.spec.js +362 -0
- package/esm/components/command-palette/command-palette-manager.spec.js.map +1 -0
- package/esm/components/command-palette/command-palette-suggestion-list.d.ts.map +1 -1
- package/esm/components/command-palette/command-palette-suggestion-list.js +42 -46
- package/esm/components/command-palette/command-palette-suggestion-list.js.map +1 -1
- package/esm/components/command-palette/command-palette-suggestion-list.spec.d.ts +2 -0
- package/esm/components/command-palette/command-palette-suggestion-list.spec.d.ts.map +1 -0
- package/esm/components/command-palette/command-palette-suggestion-list.spec.js +376 -0
- package/esm/components/command-palette/command-palette-suggestion-list.spec.js.map +1 -0
- package/esm/components/command-palette/index.d.ts.map +1 -1
- package/esm/components/command-palette/index.js +100 -110
- package/esm/components/command-palette/index.js.map +1 -1
- package/esm/components/command-palette/index.spec.d.ts +2 -0
- package/esm/components/command-palette/index.spec.d.ts.map +1 -0
- package/esm/components/command-palette/index.spec.js +509 -0
- package/esm/components/command-palette/index.spec.js.map +1 -0
- package/esm/components/data-grid/body.js +1 -1
- package/esm/components/data-grid/body.js.map +1 -1
- package/esm/components/data-grid/body.spec.d.ts +2 -0
- package/esm/components/data-grid/body.spec.d.ts.map +1 -0
- package/esm/components/data-grid/body.spec.js +228 -0
- package/esm/components/data-grid/body.spec.js.map +1 -0
- package/esm/components/data-grid/data-grid-row.d.ts.map +1 -1
- package/esm/components/data-grid/data-grid-row.js +49 -73
- package/esm/components/data-grid/data-grid-row.js.map +1 -1
- package/esm/components/data-grid/data-grid-row.spec.d.ts +2 -0
- package/esm/components/data-grid/data-grid-row.spec.d.ts.map +1 -0
- package/esm/components/data-grid/data-grid-row.spec.js +296 -0
- package/esm/components/data-grid/data-grid-row.spec.js.map +1 -0
- package/esm/components/data-grid/data-grid.d.ts.map +1 -1
- package/esm/components/data-grid/data-grid.js +35 -28
- package/esm/components/data-grid/data-grid.js.map +1 -1
- package/esm/components/data-grid/data-grid.spec.d.ts +2 -0
- package/esm/components/data-grid/data-grid.spec.d.ts.map +1 -0
- package/esm/components/data-grid/data-grid.spec.js +544 -0
- package/esm/components/data-grid/data-grid.spec.js.map +1 -0
- package/esm/components/data-grid/footer.js +21 -15
- package/esm/components/data-grid/footer.js.map +1 -1
- package/esm/components/data-grid/footer.spec.d.ts +2 -0
- package/esm/components/data-grid/footer.spec.d.ts.map +1 -0
- package/esm/components/data-grid/footer.spec.js +264 -0
- package/esm/components/data-grid/footer.spec.js.map +1 -0
- package/esm/components/data-grid/header.d.ts.map +1 -1
- package/esm/components/data-grid/header.js +55 -33
- package/esm/components/data-grid/header.js.map +1 -1
- package/esm/components/data-grid/header.spec.d.ts +2 -0
- package/esm/components/data-grid/header.spec.d.ts.map +1 -0
- package/esm/components/data-grid/header.spec.js +421 -0
- package/esm/components/data-grid/header.spec.js.map +1 -0
- package/esm/components/data-grid/selection-cell.d.ts.map +1 -1
- package/esm/components/data-grid/selection-cell.js +13 -6
- package/esm/components/data-grid/selection-cell.js.map +1 -1
- package/esm/components/data-grid/selection-cell.spec.d.ts +2 -0
- package/esm/components/data-grid/selection-cell.spec.d.ts.map +1 -0
- package/esm/components/data-grid/selection-cell.spec.js +118 -0
- package/esm/components/data-grid/selection-cell.spec.js.map +1 -0
- package/esm/components/fab.d.ts.map +1 -1
- package/esm/components/fab.js +10 -1
- package/esm/components/fab.js.map +1 -1
- package/esm/components/fab.spec.d.ts +2 -0
- package/esm/components/fab.spec.d.ts.map +1 -0
- package/esm/components/fab.spec.js +95 -0
- package/esm/components/fab.spec.js.map +1 -0
- package/esm/components/form.spec.d.ts +2 -0
- package/esm/components/form.spec.d.ts.map +1 -0
- package/esm/components/form.spec.js +314 -0
- package/esm/components/form.spec.js.map +1 -0
- package/esm/components/grid.d.ts.map +1 -1
- package/esm/components/grid.js +40 -37
- package/esm/components/grid.js.map +1 -1
- package/esm/components/grid.spec.d.ts +2 -0
- package/esm/components/grid.spec.d.ts.map +1 -0
- package/esm/components/grid.spec.js +316 -0
- package/esm/components/grid.spec.js.map +1 -0
- package/esm/components/inputs/autocomplete.spec.d.ts +2 -0
- package/esm/components/inputs/autocomplete.spec.d.ts.map +1 -0
- package/esm/components/inputs/autocomplete.spec.js +194 -0
- package/esm/components/inputs/autocomplete.spec.js.map +1 -0
- package/esm/components/inputs/input.d.ts.map +1 -1
- package/esm/components/inputs/input.js +141 -109
- package/esm/components/inputs/input.js.map +1 -1
- package/esm/components/inputs/input.spec.d.ts +2 -0
- package/esm/components/inputs/input.spec.d.ts.map +1 -0
- package/esm/components/inputs/input.spec.js +577 -0
- package/esm/components/inputs/input.spec.js.map +1 -0
- package/esm/components/inputs/text-area.d.ts.map +1 -1
- package/esm/components/inputs/text-area.js +54 -58
- package/esm/components/inputs/text-area.js.map +1 -1
- package/esm/components/inputs/text-area.spec.d.ts +2 -0
- package/esm/components/inputs/text-area.spec.d.ts.map +1 -0
- package/esm/components/inputs/text-area.spec.js +214 -0
- package/esm/components/inputs/text-area.spec.js.map +1 -0
- package/esm/components/loader.js +1 -1
- package/esm/components/loader.js.map +1 -1
- package/esm/components/loader.spec.d.ts +2 -0
- package/esm/components/loader.spec.d.ts.map +1 -0
- package/esm/components/loader.spec.js +251 -0
- package/esm/components/loader.spec.js.map +1 -0
- package/esm/components/modal.d.ts.map +1 -1
- package/esm/components/modal.js +11 -9
- package/esm/components/modal.js.map +1 -1
- package/esm/components/modal.spec.d.ts +2 -0
- package/esm/components/modal.spec.d.ts.map +1 -0
- package/esm/components/modal.spec.js +227 -0
- package/esm/components/modal.spec.js.map +1 -0
- package/esm/components/noty-list.d.ts.map +1 -1
- package/esm/components/noty-list.js +39 -40
- package/esm/components/noty-list.js.map +1 -1
- package/esm/components/noty-list.spec.d.ts +2 -0
- package/esm/components/noty-list.spec.d.ts.map +1 -0
- package/esm/components/noty-list.spec.js +486 -0
- package/esm/components/noty-list.spec.js.map +1 -0
- package/esm/components/paper.d.ts.map +1 -1
- package/esm/components/paper.js +15 -12
- package/esm/components/paper.js.map +1 -1
- package/esm/components/paper.spec.d.ts +2 -0
- package/esm/components/paper.spec.d.ts.map +1 -0
- package/esm/components/paper.spec.js +63 -0
- package/esm/components/paper.spec.js.map +1 -0
- package/esm/components/skeleton.js +1 -1
- package/esm/components/skeleton.js.map +1 -1
- package/esm/components/skeleton.spec.d.ts +2 -0
- package/esm/components/skeleton.spec.d.ts.map +1 -0
- package/esm/components/skeleton.spec.js +159 -0
- package/esm/components/skeleton.spec.js.map +1 -0
- package/esm/components/styles.spec.d.ts +2 -0
- package/esm/components/styles.spec.d.ts.map +1 -0
- package/esm/components/styles.spec.js +56 -0
- package/esm/components/styles.spec.js.map +1 -0
- package/esm/components/suggest/index.d.ts.map +1 -1
- package/esm/components/suggest/index.js +74 -83
- package/esm/components/suggest/index.js.map +1 -1
- package/esm/components/suggest/index.spec.d.ts +2 -0
- package/esm/components/suggest/index.spec.d.ts.map +1 -0
- package/esm/components/suggest/index.spec.js +515 -0
- package/esm/components/suggest/index.spec.js.map +1 -0
- package/esm/components/suggest/suggest-input.d.ts.map +1 -1
- package/esm/components/suggest/suggest-input.js +16 -17
- package/esm/components/suggest/suggest-input.js.map +1 -1
- package/esm/components/suggest/suggest-input.spec.d.ts +2 -0
- package/esm/components/suggest/suggest-input.spec.d.ts.map +1 -0
- package/esm/components/suggest/suggest-input.spec.js +138 -0
- package/esm/components/suggest/suggest-input.spec.js.map +1 -0
- package/esm/components/suggest/suggest-manager.spec.d.ts +2 -0
- package/esm/components/suggest/suggest-manager.spec.d.ts.map +1 -0
- package/esm/components/suggest/suggest-manager.spec.js +308 -0
- package/esm/components/suggest/suggest-manager.spec.js.map +1 -0
- package/esm/components/suggest/suggestion-list.d.ts.map +1 -1
- package/esm/components/suggest/suggestion-list.js +43 -48
- package/esm/components/suggest/suggestion-list.js.map +1 -1
- package/esm/components/suggest/suggestion-list.spec.d.ts +2 -0
- package/esm/components/suggest/suggestion-list.spec.d.ts.map +1 -0
- package/esm/components/suggest/suggestion-list.spec.js +252 -0
- package/esm/components/suggest/suggestion-list.spec.js.map +1 -0
- package/esm/components/tabs.d.ts.map +1 -1
- package/esm/components/tabs.js +32 -18
- package/esm/components/tabs.js.map +1 -1
- package/esm/components/tabs.spec.d.ts +2 -0
- package/esm/components/tabs.spec.d.ts.map +1 -0
- package/esm/components/tabs.spec.js +187 -0
- package/esm/components/tabs.spec.js.map +1 -0
- package/esm/components/wizard/index.d.ts.map +1 -1
- package/esm/components/wizard/index.js +10 -7
- package/esm/components/wizard/index.js.map +1 -1
- package/esm/components/wizard/index.spec.d.ts +2 -0
- package/esm/components/wizard/index.spec.d.ts.map +1 -0
- package/esm/components/wizard/index.spec.js +171 -0
- package/esm/components/wizard/index.spec.js.map +1 -0
- package/esm/services/collection-service.spec.js +391 -2
- package/esm/services/collection-service.spec.js.map +1 -1
- package/esm/services/css-variable-theme.d.ts.map +1 -1
- package/esm/services/css-variable-theme.js +21 -1
- package/esm/services/css-variable-theme.js.map +1 -1
- package/esm/services/css-variable-theme.spec.d.ts +2 -0
- package/esm/services/css-variable-theme.spec.d.ts.map +1 -0
- package/esm/services/css-variable-theme.spec.js +169 -0
- package/esm/services/css-variable-theme.spec.js.map +1 -0
- package/esm/services/default-palette.d.ts +4 -0
- package/esm/services/default-palette.d.ts.map +1 -1
- package/esm/services/default-palette.js +22 -0
- package/esm/services/default-palette.js.map +1 -1
- package/esm/services/theme-provider-service.d.ts +59 -1
- package/esm/services/theme-provider-service.d.ts.map +1 -1
- package/esm/services/theme-provider-service.js.map +1 -1
- package/esm/services/theme-provider-service.spec.d.ts +2 -0
- package/esm/services/theme-provider-service.spec.d.ts.map +1 -0
- package/esm/services/theme-provider-service.spec.js +166 -0
- package/esm/services/theme-provider-service.spec.js.map +1 -0
- package/package.json +2 -2
- package/src/components/animations.spec.ts +299 -0
- package/src/components/app-bar-link.spec.tsx +341 -0
- package/src/components/app-bar-link.tsx +21 -21
- package/src/components/app-bar.spec.tsx +142 -0
- package/src/components/app-bar.tsx +22 -22
- package/src/components/avatar.spec.tsx +146 -0
- package/src/components/avatar.tsx +17 -20
- package/src/components/button.spec.tsx +193 -0
- package/src/components/button.tsx +162 -197
- package/src/components/command-palette/command-palette-input.spec.tsx +320 -0
- package/src/components/command-palette/command-palette-input.tsx +19 -22
- package/src/components/command-palette/command-palette-manager.spec.ts +470 -0
- package/src/components/command-palette/command-palette-suggestion-list.spec.tsx +499 -0
- package/src/components/command-palette/command-palette-suggestion-list.tsx +42 -46
- package/src/components/command-palette/index.spec.tsx +684 -0
- package/src/components/command-palette/index.tsx +107 -136
- package/src/components/data-grid/body.spec.tsx +340 -0
- package/src/components/data-grid/body.tsx +1 -1
- package/src/components/data-grid/data-grid-row.spec.tsx +382 -0
- package/src/components/data-grid/data-grid-row.tsx +50 -82
- package/src/components/data-grid/data-grid.spec.tsx +939 -0
- package/src/components/data-grid/data-grid.tsx +38 -35
- package/src/components/data-grid/footer.spec.tsx +344 -0
- package/src/components/data-grid/footer.tsx +19 -19
- package/src/components/data-grid/header.spec.tsx +563 -0
- package/src/components/data-grid/header.tsx +53 -44
- package/src/components/data-grid/selection-cell.spec.tsx +150 -0
- package/src/components/data-grid/selection-cell.tsx +12 -6
- package/src/components/fab.spec.tsx +108 -0
- package/src/components/fab.tsx +10 -1
- package/src/components/form.spec.tsx +481 -0
- package/src/components/grid.spec.tsx +334 -0
- package/src/components/grid.tsx +57 -63
- package/src/components/inputs/autocomplete.spec.tsx +258 -0
- package/src/components/inputs/input.spec.tsx +808 -0
- package/src/components/inputs/input.tsx +153 -139
- package/src/components/inputs/text-area.spec.tsx +285 -0
- package/src/components/inputs/text-area.tsx +53 -79
- package/src/components/loader.spec.tsx +346 -0
- package/src/components/loader.tsx +1 -1
- package/src/components/modal.spec.tsx +304 -0
- package/src/components/modal.tsx +11 -9
- package/src/components/noty-list.spec.tsx +631 -0
- package/src/components/noty-list.tsx +39 -50
- package/src/components/paper.spec.tsx +72 -0
- package/src/components/paper.tsx +15 -13
- package/src/components/skeleton.spec.tsx +219 -0
- package/src/components/skeleton.tsx +1 -1
- package/src/components/styles.spec.ts +70 -0
- package/src/components/suggest/index.spec.tsx +861 -0
- package/src/components/suggest/index.tsx +74 -101
- package/src/components/suggest/suggest-input.spec.tsx +181 -0
- package/src/components/suggest/suggest-input.tsx +16 -24
- package/src/components/suggest/suggest-manager.spec.ts +409 -0
- package/src/components/suggest/suggestion-list.spec.tsx +334 -0
- package/src/components/suggest/suggestion-list.tsx +43 -48
- package/src/components/tabs.spec.tsx +236 -0
- package/src/components/tabs.tsx +33 -21
- package/src/components/wizard/index.spec.tsx +224 -0
- package/src/components/wizard/index.tsx +10 -9
- package/src/services/collection-service.spec.ts +492 -3
- package/src/services/css-variable-theme.spec.ts +204 -0
- package/src/services/css-variable-theme.ts +21 -1
- package/src/services/default-palette.ts +22 -0
- package/src/services/theme-provider-service.spec.ts +195 -0
- package/src/services/theme-provider-service.ts +60 -2
|
@@ -1,58 +1,18 @@
|
|
|
1
|
-
import { Shade,
|
|
1
|
+
import { Shade, createComponent } from '@furystack/shades';
|
|
2
2
|
import { ObservableValue } from '@furystack/utils';
|
|
3
|
+
import { cssVariableTheme } from '../../services/css-variable-theme.js';
|
|
3
4
|
import { ThemeProviderService } from '../../services/theme-provider-service.js';
|
|
4
5
|
import { FormService } from '../form.js';
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
fontWeight: '500',
|
|
16
|
-
letterSpacing: '0.01em',
|
|
17
|
-
color: props.disabled
|
|
18
|
-
? themeProvider.theme.text.disabled
|
|
19
|
-
: isError
|
|
20
|
-
? themeProvider.theme.palette.error.main
|
|
21
|
-
: state.focused
|
|
22
|
-
? themeProvider.theme.palette[props.defaultColor || 'primary'].main
|
|
23
|
-
: themeProvider.theme.text.secondary,
|
|
24
|
-
marginBottom: '1.25em',
|
|
25
|
-
padding: '12px 14px',
|
|
26
|
-
borderRadius: '8px',
|
|
27
|
-
background: isContained
|
|
28
|
-
? themeProvider
|
|
29
|
-
.getRgbFromColorString(isError
|
|
30
|
-
? themeProvider.theme.palette.error.main
|
|
31
|
-
: themeProvider.theme.palette[props.defaultColor || 'primary'].main)
|
|
32
|
-
.update('a', state.focused ? 0.12 : 0.08)
|
|
33
|
-
.toString()
|
|
34
|
-
: 'transparent',
|
|
35
|
-
border: isOutlined || isContained
|
|
36
|
-
? `2px solid ${isError
|
|
37
|
-
? themeProvider.theme.palette.error.main
|
|
38
|
-
: state.focused
|
|
39
|
-
? themeProvider.theme.palette[props.defaultColor || 'primary'].main
|
|
40
|
-
: themeProvider.getRgbFromColorString(themeProvider.theme.text.secondary).update('a', 0.3).toString()}`
|
|
41
|
-
: `2px solid transparent`,
|
|
42
|
-
boxShadow: state.focused && !props.disabled
|
|
43
|
-
? `0 0 0 3px ${themeProvider
|
|
44
|
-
.getRgbFromColorString(isError
|
|
45
|
-
? themeProvider.theme.palette.error.main
|
|
46
|
-
: themeProvider.theme.palette[props.defaultColor || 'primary'].main)
|
|
47
|
-
.update('a', 0.15)
|
|
48
|
-
.toString()}`
|
|
49
|
-
: 'none',
|
|
50
|
-
filter: props.disabled ? 'grayscale(100%)' : 'none',
|
|
51
|
-
opacity: props.disabled ? '0.5' : '1',
|
|
52
|
-
transition: 'all 0.2s cubic-bezier(0.4, 0, 0.2, 1)',
|
|
53
|
-
cursor: props.disabled ? 'not-allowed' : 'text',
|
|
54
|
-
...props.labelProps?.style,
|
|
55
|
-
};
|
|
6
|
+
/**
|
|
7
|
+
* Sets CSS custom properties for dynamic color values.
|
|
8
|
+
* State-based styling (focus, error, disabled) is handled by CSS selectors.
|
|
9
|
+
* Background colors use CSS color-mix() for automatic theme adaptation.
|
|
10
|
+
*/
|
|
11
|
+
const setInputColors = ({ element, themeProvider, props, }) => {
|
|
12
|
+
// Only set the color variables - backgrounds use CSS color-mix()
|
|
13
|
+
const primaryColor = themeProvider.theme.palette[props.defaultColor || 'primary'].main;
|
|
14
|
+
element.style.setProperty('--input-primary-color', primaryColor);
|
|
15
|
+
element.style.setProperty('--input-error-color', themeProvider.theme.palette.error.main);
|
|
56
16
|
};
|
|
57
17
|
const getDefaultMessagesForValidityState = (state) => {
|
|
58
18
|
if (!state.valid) {
|
|
@@ -87,6 +47,111 @@ const getDefaultMessagesForValidityState = (state) => {
|
|
|
87
47
|
};
|
|
88
48
|
export const Input = Shade({
|
|
89
49
|
shadowDomName: 'shade-input',
|
|
50
|
+
css: {
|
|
51
|
+
display: 'block',
|
|
52
|
+
marginBottom: '1.25em',
|
|
53
|
+
// Base label styles
|
|
54
|
+
'& label': {
|
|
55
|
+
display: 'flex',
|
|
56
|
+
flexDirection: 'column',
|
|
57
|
+
alignItems: 'flex-start',
|
|
58
|
+
justifyContent: 'space-between',
|
|
59
|
+
fontSize: '11px',
|
|
60
|
+
fontWeight: '500',
|
|
61
|
+
letterSpacing: '0.01em',
|
|
62
|
+
padding: '12px 14px',
|
|
63
|
+
borderRadius: '8px',
|
|
64
|
+
transition: 'all 0.2s cubic-bezier(0.4, 0, 0.2, 1)',
|
|
65
|
+
cursor: 'text',
|
|
66
|
+
color: cssVariableTheme.text.secondary,
|
|
67
|
+
background: 'transparent',
|
|
68
|
+
border: '2px solid transparent',
|
|
69
|
+
boxShadow: 'none',
|
|
70
|
+
},
|
|
71
|
+
// Outlined variant - default border
|
|
72
|
+
'&[data-variant="outlined"] label': {
|
|
73
|
+
borderColor: 'rgba(128, 128, 128, 0.3)',
|
|
74
|
+
},
|
|
75
|
+
// Contained variant - background using color-mix for theme-aware alpha
|
|
76
|
+
'&[data-variant="contained"] label': {
|
|
77
|
+
borderColor: 'rgba(128, 128, 128, 0.3)',
|
|
78
|
+
background: 'color-mix(in srgb, var(--input-primary-color) 8%, transparent)',
|
|
79
|
+
},
|
|
80
|
+
// Focus state using :focus-within (color change for all variants)
|
|
81
|
+
'&:focus-within label': {
|
|
82
|
+
color: 'var(--input-primary-color)',
|
|
83
|
+
},
|
|
84
|
+
// Focus state for outlined/contained variants - add border and shadow
|
|
85
|
+
'&[data-variant="outlined"]:focus-within label, &[data-variant="contained"]:focus-within label': {
|
|
86
|
+
borderColor: 'var(--input-primary-color)',
|
|
87
|
+
boxShadow: '0 0 0 3px rgba(128, 128, 128, 0.15)',
|
|
88
|
+
},
|
|
89
|
+
'&[data-variant="contained"]:focus-within label': {
|
|
90
|
+
background: 'color-mix(in srgb, var(--input-primary-color) 12%, transparent)',
|
|
91
|
+
},
|
|
92
|
+
// Invalid/error state
|
|
93
|
+
'&[data-invalid] label': {
|
|
94
|
+
color: 'var(--input-error-color)',
|
|
95
|
+
},
|
|
96
|
+
'&[data-invalid][data-variant="outlined"] label, &[data-invalid][data-variant="contained"] label': {
|
|
97
|
+
borderColor: 'var(--input-error-color)',
|
|
98
|
+
},
|
|
99
|
+
'&[data-invalid][data-variant="contained"] label': {
|
|
100
|
+
background: 'color-mix(in srgb, var(--input-error-color) 8%, transparent)',
|
|
101
|
+
},
|
|
102
|
+
'&[data-invalid]:focus-within label': {
|
|
103
|
+
color: 'var(--input-error-color)',
|
|
104
|
+
},
|
|
105
|
+
'&[data-invalid][data-variant="outlined"]:focus-within label, &[data-invalid][data-variant="contained"]:focus-within label': {
|
|
106
|
+
borderColor: 'var(--input-error-color)',
|
|
107
|
+
boxShadow: '0 0 0 3px rgba(128, 128, 128, 0.15)',
|
|
108
|
+
},
|
|
109
|
+
'&[data-invalid][data-variant="contained"]:focus-within label': {
|
|
110
|
+
background: 'color-mix(in srgb, var(--input-error-color) 12%, transparent)',
|
|
111
|
+
},
|
|
112
|
+
// Disabled state
|
|
113
|
+
'&[data-disabled] label': {
|
|
114
|
+
color: cssVariableTheme.text.disabled,
|
|
115
|
+
filter: 'grayscale(100%)',
|
|
116
|
+
opacity: '0.5',
|
|
117
|
+
cursor: 'not-allowed',
|
|
118
|
+
},
|
|
119
|
+
'&[data-disabled]:focus-within label': {
|
|
120
|
+
boxShadow: 'none',
|
|
121
|
+
},
|
|
122
|
+
'& .input-row': {
|
|
123
|
+
display: 'flex',
|
|
124
|
+
alignItems: 'center',
|
|
125
|
+
width: '100%',
|
|
126
|
+
gap: '8px',
|
|
127
|
+
},
|
|
128
|
+
'& input': {
|
|
129
|
+
color: 'inherit',
|
|
130
|
+
border: 'none',
|
|
131
|
+
backgroundColor: 'transparent',
|
|
132
|
+
outline: 'none',
|
|
133
|
+
fontSize: '13px',
|
|
134
|
+
fontWeight: '400',
|
|
135
|
+
width: '100%',
|
|
136
|
+
textOverflow: 'ellipsis',
|
|
137
|
+
padding: '0',
|
|
138
|
+
marginTop: '8px',
|
|
139
|
+
marginBottom: '2px',
|
|
140
|
+
flexGrow: '1',
|
|
141
|
+
lineHeight: '1.5',
|
|
142
|
+
},
|
|
143
|
+
'& .helperText': {
|
|
144
|
+
fontSize: '11px',
|
|
145
|
+
marginTop: '6px',
|
|
146
|
+
opacity: '0.85',
|
|
147
|
+
lineHeight: '1.4',
|
|
148
|
+
},
|
|
149
|
+
'& .startIcon, & .endIcon': {
|
|
150
|
+
display: 'flex',
|
|
151
|
+
alignItems: 'center',
|
|
152
|
+
fontSize: '16px',
|
|
153
|
+
},
|
|
154
|
+
},
|
|
90
155
|
constructed: ({ injector, element }) => {
|
|
91
156
|
if (injector.cachedSingletons.has(FormService)) {
|
|
92
157
|
const input = element.querySelector('input');
|
|
@@ -97,8 +162,22 @@ export const Input = Shade({
|
|
|
97
162
|
},
|
|
98
163
|
render: ({ props, injector, useObservable, element }) => {
|
|
99
164
|
const themeProvider = injector.getInstance(ThemeProviderService);
|
|
165
|
+
// Set data attributes for CSS styling
|
|
166
|
+
if (props.variant) {
|
|
167
|
+
element.setAttribute('data-variant', props.variant);
|
|
168
|
+
}
|
|
169
|
+
else {
|
|
170
|
+
element.removeAttribute('data-variant');
|
|
171
|
+
}
|
|
172
|
+
if (props.disabled) {
|
|
173
|
+
element.setAttribute('data-disabled', '');
|
|
174
|
+
}
|
|
175
|
+
else {
|
|
176
|
+
element.removeAttribute('data-disabled');
|
|
177
|
+
}
|
|
178
|
+
// Set dynamic color CSS variables (only needs to happen once per render)
|
|
179
|
+
setInputColors({ element, themeProvider, props });
|
|
100
180
|
const updateState = (newState) => {
|
|
101
|
-
const label = element.querySelector('label');
|
|
102
181
|
const input = element.querySelector('input');
|
|
103
182
|
newState.value = input?.value || newState.value;
|
|
104
183
|
newState.validity = input?.validity || newState.validity;
|
|
@@ -117,13 +196,13 @@ export const Input = Shade({
|
|
|
117
196
|
};
|
|
118
197
|
};
|
|
119
198
|
const validationResult = props.getValidationResult?.({ state: newState });
|
|
199
|
+
// Set data-invalid attribute for CSS styling
|
|
120
200
|
if (validationResult?.isValid === false || newState.validity?.valid === false) {
|
|
121
|
-
element.setAttribute('data-
|
|
201
|
+
element.setAttribute('data-invalid', '');
|
|
122
202
|
}
|
|
123
203
|
else {
|
|
124
|
-
element.removeAttribute('data-
|
|
204
|
+
element.removeAttribute('data-invalid');
|
|
125
205
|
}
|
|
126
|
-
attachStyles(label, { style: getLabelStyle({ themeProvider, props, state: newState, validationResult }) });
|
|
127
206
|
const helper = element.querySelector('span.helperText');
|
|
128
207
|
const helperNode = (validationResult?.isValid === false && validationResult?.message) ||
|
|
129
208
|
props.getHelperText?.({ state: newState, validationResult }) ||
|
|
@@ -131,36 +210,14 @@ export const Input = Shade({
|
|
|
131
210
|
'';
|
|
132
211
|
if (helper) {
|
|
133
212
|
helper.replaceChildren(helperNode);
|
|
134
|
-
attachStyles(helper, {
|
|
135
|
-
style: {
|
|
136
|
-
fontSize: '11px',
|
|
137
|
-
marginTop: '6px',
|
|
138
|
-
opacity: '0.85',
|
|
139
|
-
lineHeight: '1.4',
|
|
140
|
-
},
|
|
141
|
-
});
|
|
142
213
|
}
|
|
143
214
|
const startIcon = element.querySelector('span.startIcon');
|
|
144
215
|
if (startIcon) {
|
|
145
216
|
startIcon.replaceChildren(props.getStartIcon?.({ state: newState, validationResult }) || '');
|
|
146
|
-
attachStyles(startIcon, {
|
|
147
|
-
style: {
|
|
148
|
-
display: 'flex',
|
|
149
|
-
alignItems: 'center',
|
|
150
|
-
fontSize: '16px',
|
|
151
|
-
},
|
|
152
|
-
});
|
|
153
217
|
}
|
|
154
218
|
const endIcon = element.querySelector('span.endIcon');
|
|
155
219
|
if (endIcon) {
|
|
156
220
|
endIcon.replaceChildren(props.getEndIcon?.({ state: newState, validationResult }) || '');
|
|
157
|
-
attachStyles(endIcon, {
|
|
158
|
-
style: {
|
|
159
|
-
display: 'flex',
|
|
160
|
-
alignItems: 'center',
|
|
161
|
-
fontSize: '16px',
|
|
162
|
-
},
|
|
163
|
-
});
|
|
164
221
|
}
|
|
165
222
|
if (injector.cachedSingletons.has(FormService)) {
|
|
166
223
|
const formService = injector.getInstance(FormService);
|
|
@@ -173,15 +230,10 @@ export const Input = Shade({
|
|
|
173
230
|
validity: element.querySelector('input')?.validity || {},
|
|
174
231
|
element,
|
|
175
232
|
}), { onChange: updateState });
|
|
176
|
-
return (createComponent("label", { ...props.labelProps
|
|
233
|
+
return (createComponent("label", { ...props.labelProps },
|
|
177
234
|
props.labelTitle,
|
|
178
|
-
createComponent("div", {
|
|
179
|
-
|
|
180
|
-
alignItems: 'center',
|
|
181
|
-
width: '100%',
|
|
182
|
-
gap: '8px',
|
|
183
|
-
} },
|
|
184
|
-
props.getStartIcon ? (createComponent("span", { className: "startIcon", style: { display: 'flex', alignItems: 'center', fontSize: '16px' } }, props.getStartIcon?.({ state }))) : null,
|
|
235
|
+
createComponent("div", { className: "input-row" },
|
|
236
|
+
props.getStartIcon ? createComponent("span", { className: "startIcon" }, props.getStartIcon?.({ state })) : null,
|
|
185
237
|
createComponent("input", { oninvalid: (ev) => {
|
|
186
238
|
ev.preventDefault();
|
|
187
239
|
const el = ev.target;
|
|
@@ -198,29 +250,9 @@ export const Input = Shade({
|
|
|
198
250
|
}, onblur: (ev) => {
|
|
199
251
|
const el = ev.target;
|
|
200
252
|
setState({ ...state, focused: false, validity: el.validity });
|
|
201
|
-
}, ...props, style:
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
backgroundColor: 'transparent',
|
|
205
|
-
outline: 'none',
|
|
206
|
-
fontSize: '13px',
|
|
207
|
-
fontWeight: '400',
|
|
208
|
-
width: '100%',
|
|
209
|
-
textOverflow: 'ellipsis',
|
|
210
|
-
padding: '0',
|
|
211
|
-
marginTop: '8px',
|
|
212
|
-
marginBottom: '2px',
|
|
213
|
-
flexGrow: '1',
|
|
214
|
-
lineHeight: '1.5',
|
|
215
|
-
...props.style,
|
|
216
|
-
}, value: state.value }),
|
|
217
|
-
props.getEndIcon ? (createComponent("span", { className: "endIcon", style: { display: 'flex', alignItems: 'center', fontSize: '16px' } }, props.getEndIcon({ state }))) : null),
|
|
218
|
-
createComponent("span", { className: "helperText", style: {
|
|
219
|
-
fontSize: '11px',
|
|
220
|
-
marginTop: '6px',
|
|
221
|
-
opacity: '0.85',
|
|
222
|
-
lineHeight: '1.4',
|
|
223
|
-
} }, props.getHelperText?.({ state }))));
|
|
253
|
+
}, ...props, style: props.style, value: state.value }),
|
|
254
|
+
props.getEndIcon ? createComponent("span", { className: "endIcon" }, props.getEndIcon({ state })) : null),
|
|
255
|
+
createComponent("span", { className: "helperText" }, props.getHelperText?.({ state }))));
|
|
224
256
|
},
|
|
225
257
|
});
|
|
226
258
|
//# sourceMappingURL=input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/inputs/input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/inputs/input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input.spec.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/input.spec.tsx"],"names":[],"mappings":""}
|