@neovici/cosmoz-input 6.0.0-beta.2 → 6.0.0-beta.4

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.
@@ -7,12 +7,11 @@ import { attributes, render } from './render';
7
7
  import { styles } from './styles';
8
8
  import { useAllowedPattern } from './use-allowed-pattern';
9
9
  import { useInput } from './use-input';
10
- import { getPlaceholder } from './util';
10
+ import { defaultMax, getPlaceholder } from './util';
11
11
  const observedAttributes = [
12
12
  'type',
13
13
  'variant',
14
14
  'hint',
15
- 'error-message',
16
15
  'compact',
17
16
  'required',
18
17
  'pattern',
@@ -51,7 +50,7 @@ export const Input = (host) => {
51
50
  @focus=${onFocus}
52
51
  @blur=${onFocus}
53
52
  min=${ifDefined(min)}
54
- max=${ifDefined(max)}
53
+ max=${ifDefined(defaultMax(type, max))}
55
54
  step=${ifDefined(step)}
56
55
  />
57
56
  `, host);
@@ -12,7 +12,6 @@ const observedAttributes = [
12
12
  'placeholder',
13
13
  'label',
14
14
  'hint',
15
- 'error-message',
16
15
  'required',
17
16
  ...attributes,
18
17
  ];
package/dist/styles.js CHANGED
@@ -10,6 +10,7 @@ export const styles = css `
10
10
  font-size: var(--cz-text-base);
11
11
  line-height: var(--cz-text-base-line-height);
12
12
  font-family: var(--cz-font-body);
13
+ margin-bottom: calc(var(--cz-spacing) * 6);
13
14
  }
14
15
 
15
16
  :host(:focus-within) {
@@ -104,10 +105,14 @@ export const styles = css `
104
105
  .hint {
105
106
  font-size: var(--cz-text-xs);
106
107
  color: var(--cz-color-text-tertiary);
108
+ position: absolute;
109
+ bottom: calc(var(--cz-spacing) * -6);
107
110
  }
108
111
 
109
112
  .error {
110
113
  font-size: var(--cz-text-xs);
114
+ position: absolute;
115
+ bottom: calc(var(--cz-spacing) * -6);
111
116
  }
112
117
 
113
118
  /* === Tooltip (fluid error indicator) === */
package/dist/util.d.ts CHANGED
@@ -2,4 +2,5 @@ interface Props {
2
2
  placeholder?: string;
3
3
  }
4
4
  export declare const getPlaceholder: ({ placeholder }: Props) => string;
5
+ export declare const defaultMax: (type: string, max?: string) => string | undefined;
5
6
  export {};
package/dist/util.js CHANGED
@@ -1,3 +1,4 @@
1
1
  export const getPlaceholder = ({ placeholder }) => {
2
2
  return placeholder || ' ';
3
3
  };
4
+ export const defaultMax = (type, max) => max ?? (type === 'date' ? '9999-12-31' : undefined);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neovici/cosmoz-input",
3
- "version": "6.0.0-beta.2",
3
+ "version": "6.0.0-beta.4",
4
4
  "description": "A input web component",
5
5
  "keywords": [
6
6
  "lit-html",
@@ -76,8 +76,8 @@
76
76
  "lit-html": "^2.0.0 || ^3.0.0"
77
77
  },
78
78
  "devDependencies": {
79
- "@commitlint/cli": "^20.0.0",
80
- "@commitlint/config-conventional": "^20.0.0",
79
+ "@commitlint/cli": "^21.0.0",
80
+ "@commitlint/config-conventional": "^21.0.1",
81
81
  "@neovici/cfg": "^2.8.0",
82
82
  "@neovici/testing": "^2.3.0",
83
83
  "@playwright/test": "^1.58.1",
@@ -96,11 +96,10 @@
96
96
  "lint-staged": "^16.2.7",
97
97
  "semantic-release": "^25.0.2",
98
98
  "shadow-dom-testing-library": "^1.13.1",
99
- "sinon": "^21.0.0",
99
+ "sinon": "^22.0.0",
100
100
  "storybook": "^10.1.9",
101
101
  "vitest": "^4.0.18",
102
102
  "@types/mocha": "^10.0.3",
103
- "@vitest/coverage-v8": "^4.1.2",
104
103
  "playwright": "^1.58.2"
105
104
  }
106
105
  }