@uniai-fe/uds-primitives 0.2.5 → 0.2.7

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.
Files changed (5) hide show
  1. package/dist/styles.css +5 -5
  2. package/package.json +1 -1
  3. package/src/components/form/styles/form-field/layout.scss +5 -5
  4. package/src/components/input/markup/foundation/Utility.tsx +2 -0
  5. package/src/components/input/markup/text/Password.tsx +2 -0
package/dist/styles.css CHANGED
@@ -2743,6 +2743,10 @@ figure.chip {
2743
2743
  margin-bottom: var(--form-field-gap-y);
2744
2744
  }
2745
2745
 
2746
+ .form-field-required {
2747
+ color: var(--color-feedback-error);
2748
+ }
2749
+
2746
2750
  .form-field-label {
2747
2751
  display: flex;
2748
2752
  align-items: center;
@@ -2751,14 +2755,10 @@ figure.chip {
2751
2755
  font-weight: var(--form-field-label-font-weight);
2752
2756
  line-height: var(--form-field-label-line-height);
2753
2757
  }
2754
- .form-field-label span {
2758
+ .form-field-label span:not(.form-field-required) {
2755
2759
  color: var(--form-field-label-color);
2756
2760
  }
2757
2761
 
2758
- .form-field-required {
2759
- color: var(--color-feedback-error);
2760
- }
2761
-
2762
2762
  .form-field-body {
2763
2763
  display: flex;
2764
2764
  flex-wrap: wrap;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniai-fe/uds-primitives",
3
- "version": "0.2.5",
3
+ "version": "0.2.7",
4
4
  "description": "UNIAI Design System; Primitives Components Package",
5
5
  "type": "module",
6
6
  "private": false,
package/src/components/form/styles/form-field/layout.scss CHANGED
@@ -32,6 +32,10 @@
32
32
  margin-bottom: var(--form-field-gap-y);
33
33
  }
34
34
 
35
+ .form-field-required {
36
+ color: var(--color-feedback-error);
37
+ }
38
+
35
39
  .form-field-label {
36
40
  display: flex;
37
41
  align-items: center;
@@ -40,15 +44,11 @@
40
44
  font-size: var(--form-field-label-font-size);
41
45
  font-weight: var(--form-field-label-font-weight);
42
46
  line-height: var(--form-field-label-line-height);
43
- span {
47
+ span:not(.form-field-required) {
44
48
  color: var(--form-field-label-color);
45
49
  }
46
50
  }
47
51
 
48
- .form-field-required {
49
- color: var(--color-feedback-error);
50
- }
51
-
52
52
  .form-field-body {
53
53
  display: flex;
54
54
  flex-wrap: wrap;
package/src/components/input/markup/foundation/Utility.tsx CHANGED
@@ -77,6 +77,8 @@ export default function InputBaseUtil({
77
77
  <button
78
78
  type="button"
79
79
  className="input-affix input-affix-clear"
80
+ // Tab 이동 시 clear 버튼을 건너뛰고 다음 입력/액션으로 이동하도록 포커스를 제외한다.
81
+ tabIndex={-1}
80
82
  data-slot="clear"
81
83
  data-visible="true"
82
84
  onClick={onClear}
package/src/components/input/markup/text/Password.tsx CHANGED
@@ -36,6 +36,8 @@ const PasswordInput = forwardRef<HTMLInputElement, InputPasswordProps>(
36
36
  <button
37
37
  type="button"
38
38
  className="input-password-toggle"
39
+ // Tab 이동 시 다음 입력 필드로 바로 넘어가도록 토글 버튼은 순서에서 제외한다.
40
+ tabIndex={-1}
39
41
  onClick={handleToggle}
40
42
  aria-pressed={visible}
41
43
  aria-label={visible ? toggleLabel.hide : toggleLabel.show}