@ticatec/uniface-element 0.1.33 → 0.1.34

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.
@@ -93,14 +93,14 @@
93
93
  <div>
94
94
  <div class="uniface-title-bar">
95
95
  <div class="action-icon" on:click={adjustMonth(-1)} aria-hidden="true">
96
- <i class="uniface-icon-chevron-left"></i>
96
+ <i class="icon_google_keyboard_arrow_left"></i>
97
97
  </div>
98
98
  <div style="flex: 1 1 auto; text-align: center">
99
99
  <span class="title-text" on:click={pickupYear} aria-hidden="true">{year}</span>
100
100
  <span class="title-text" on:click={pickupMonth} aria-hidden="true">{month + 1}</span>
101
101
  </div>
102
102
  <div class="action-icon" on:click={adjustMonth(1)} aria-hidden="true">
103
- <i class="uniface-icon-chevron-right"></i>
103
+ <i class="icon_google_keyboard_arrow_right"></i>
104
104
  </div>
105
105
  </div>
106
106
  <div style="flex: 1 1 auto; overflow: hidden">
@@ -33,7 +33,7 @@
33
33
  <div>
34
34
  <div style="text-align: center">
35
35
  <div style="display: inline-block; width: 30px; height: 10px; padding: 6px 0">
36
- <i class="uniface-icon-chevrons-up" on:click={showYears(-years)}></i>
36
+ <i class="icon_google_keyboard_arrow_up" on:click={showYears(-years)}></i>
37
37
  </div>
38
38
  </div>
39
39
  <div style="display: grid; grid-template-columns: auto auto auto auto; width: 100%; overflow: hidden">
@@ -45,7 +45,7 @@
45
45
  </div>
46
46
  <div style="text-align: center">
47
47
  <div style="display: inline-block; width: 30px; height: 10px; padding: 6px 0">
48
- <i class="uniface-icon-chevrons-down" on:click={showYears(years)}></i>
48
+ <i class="icon_google_keyboard_arrow_down" on:click={showYears(years)}></i>
49
49
  </div>
50
50
  </div>
51
51
  </div>
@@ -7,10 +7,9 @@
7
7
  export let style: string = '';
8
8
  export let label$style: string | null = null;
9
9
  export let required: boolean = false;
10
- export let error: string = '';
10
+ export let error: string | null = null;
11
11
  export let arrangement: 'vertical' | 'horizontal' = 'vertical';
12
12
  export let labelSuffix: string = ':';
13
-
14
13
  export let label$alignment: 'center' | 'top' = 'center'
15
14
 
16
15
  let className: string = '';
@@ -22,7 +22,7 @@ declare const FormField: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_Props
22
22
  style?: string;
23
23
  label$style?: string | null;
24
24
  required?: boolean;
25
- error?: string;
25
+ error?: string | null;
26
26
  arrangement?: "vertical" | "horizontal";
27
27
  labelSuffix?: string;
28
28
  label$alignment?: "center" | "top";
@@ -7,7 +7,7 @@
7
7
  export let style: string = '';
8
8
  export let label$style: string = '';
9
9
  export let required: boolean = false;
10
- export let error: string = null;
10
+ export let error: string | null = null;
11
11
  export let arrangement: 'vertical' | 'horizontal' = 'vertical' ;
12
12
  export let labelSuffix: string = ':';
13
13
 
@@ -22,7 +22,7 @@ declare const CellField: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_Props
22
22
  style?: string;
23
23
  label$style?: string;
24
24
  required?: boolean;
25
- error?: string;
25
+ error?: string | null;
26
26
  arrangement?: "vertical" | "horizontal";
27
27
  labelSuffix?: string;
28
28
  }, {
@@ -865,6 +865,7 @@
865
865
  --uniface-form-field-invalid-message-color: #ff3e00;
866
866
  --uniface-form-field-label-width: 120px;
867
867
  --uniface-form-field-label-alignment: right;
868
+ --uniface-form-field-padding: 6px 4px;
868
869
  }
869
870
 
870
871
  .uniface-form-field {
@@ -872,7 +873,7 @@
872
873
  display: block;
873
874
  position: relative;
874
875
  height: auto;
875
- padding: 6px 4px;
876
+ padding: var(--uniface-form-field-padding);
876
877
  }
877
878
  .uniface-form-field .required-indicator {
878
879
  color: var(--uniface-form-field-required-indicator-color);
@@ -1121,8 +1122,8 @@
1121
1122
  .uniface-radio-button > span:after {
1122
1123
  content: "";
1123
1124
  position: absolute;
1124
- top: 4px;
1125
- left: 4px;
1125
+ top: 3px;
1126
+ left: 3px;
1126
1127
  width: 10px;
1127
1128
  height: 10px;
1128
1129
  border-radius: 50%;
@@ -1169,8 +1170,8 @@
1169
1170
  position: absolute;
1170
1171
  top: 3px;
1171
1172
  left: 3px;
1172
- width: 10px;
1173
- height: 10px;
1173
+ width: 8px;
1174
+ height: 8px;
1174
1175
  }
1175
1176
 
1176
1177
  :root {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ticatec/uniface-element",
3
- "version": "0.1.33",
3
+ "version": "0.1.34",
4
4
  "description": "uniface web elements",
5
5
  "scripts": {
6
6
  "dev": "vite dev",
@@ -132,6 +132,10 @@
132
132
  "types": "./dist/date-picker/index.d.ts",
133
133
  "import": "./dist/date-picker/index.js"
134
134
  },
135
+ "./DateTimePicker": {
136
+ "types": "./dist/date-picker/DateTimePicker.svelte.d.ts",
137
+ "import": "./dist/date-picker/DateTimePicker.svelte"
138
+ },
135
139
  "./DataTable": {
136
140
  "types": "./dist/data-table/index.d.ts",
137
141
  "import": "./dist/data-table/index.js"