@axis-ds/ui-react 1.8.1 → 1.8.3
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/dist/select/index.js +3 -1
- package/dist/select/index.mjs +3 -1
- package/package.json +3 -2
package/dist/select/index.js
CHANGED
|
@@ -52,7 +52,9 @@ const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref)
|
|
|
52
52
|
className: (0, import_utils.cn)(
|
|
53
53
|
"flex h-[var(--axis-field-h,2.5rem)] w-full items-center justify-between rounded-[var(--axis-radius-field,0.375rem)] border px-3 py-2 text-sm",
|
|
54
54
|
"bg-[var(--axis-input-bg-default)] border-[var(--axis-input-border-default)]",
|
|
55
|
-
|
|
55
|
+
// placeholder 글자는 SelectValue 의 span 이라 ::placeholder 가 닿지 않는다. 값이 없을 때 Radix 가 붙이는 data-placeholder 로 칠한다(WI-0082)
|
|
56
|
+
// Trigger 가 아니라 그 안의 span 에만 준다. Trigger 에 주면 화살표(currentColor, 50%)도 따라가 대비가 3:1 아래로 떨어진다
|
|
57
|
+
"[&[data-placeholder]>span]:text-[var(--axis-input-text-placeholder)]",
|
|
56
58
|
"hover:border-[var(--axis-input-border-hover)]",
|
|
57
59
|
"focus:outline-none focus:ring-2 focus:ring-[var(--axis-input-border-focus)] focus:ring-offset-2",
|
|
58
60
|
"disabled:cursor-not-allowed disabled:opacity-50",
|
package/dist/select/index.mjs
CHANGED
|
@@ -12,7 +12,9 @@ const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref)
|
|
|
12
12
|
className: cn(
|
|
13
13
|
"flex h-[var(--axis-field-h,2.5rem)] w-full items-center justify-between rounded-[var(--axis-radius-field,0.375rem)] border px-3 py-2 text-sm",
|
|
14
14
|
"bg-[var(--axis-input-bg-default)] border-[var(--axis-input-border-default)]",
|
|
15
|
-
|
|
15
|
+
// placeholder 글자는 SelectValue 의 span 이라 ::placeholder 가 닿지 않는다. 값이 없을 때 Radix 가 붙이는 data-placeholder 로 칠한다(WI-0082)
|
|
16
|
+
// Trigger 가 아니라 그 안의 span 에만 준다. Trigger 에 주면 화살표(currentColor, 50%)도 따라가 대비가 3:1 아래로 떨어진다
|
|
17
|
+
"[&[data-placeholder]>span]:text-[var(--axis-input-text-placeholder)]",
|
|
16
18
|
"hover:border-[var(--axis-input-border-hover)]",
|
|
17
19
|
"focus:outline-none focus:ring-2 focus:ring-[var(--axis-input-border-focus)] focus:ring-offset-2",
|
|
18
20
|
"disabled:cursor-not-allowed disabled:opacity-50",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@axis-ds/ui-react",
|
|
3
|
-
"version": "1.8.
|
|
3
|
+
"version": "1.8.3",
|
|
4
4
|
"description": "AXIS Design System - Core React UI Components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|
|
@@ -262,6 +262,7 @@
|
|
|
262
262
|
"dist",
|
|
263
263
|
"tailwind.css"
|
|
264
264
|
],
|
|
265
|
+
"preferUnplugged": true,
|
|
265
266
|
"publishConfig": {
|
|
266
267
|
"access": "public"
|
|
267
268
|
},
|
|
@@ -302,7 +303,7 @@
|
|
|
302
303
|
"clsx": "^2.1.0",
|
|
303
304
|
"cmdk": "^1.1.1",
|
|
304
305
|
"tailwind-merge": "^2.5.0",
|
|
305
|
-
"@axis-ds/tokens": "1.8.
|
|
306
|
+
"@axis-ds/tokens": "1.8.2"
|
|
306
307
|
},
|
|
307
308
|
"devDependencies": {
|
|
308
309
|
"@testing-library/jest-dom": "^6.9.1",
|