@uniai-fe/uds-primitives 0.4.3 → 0.4.5

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 (4) hide show
  1. package/dist/styles.css +8 -1
  2. package/package.json +1 -1
  3. package/src/components/calendar/styles/mantine-calendar.scss +5 -0
  4. package/src/components/select/styles/variables.scss +4 -1
package/dist/styles.css CHANGED
@@ -535,7 +535,10 @@
535
535
  --select-table-border-disabled-color: transparent;
536
536
  --select-table-border-readonly-color: transparent;
537
537
  --select-table-surface-color: transparent;
538
- --select-table-surface-disabled-color: var(--input-surface-disabled-color);
538
+ /* 변경: table disabled 배경은 input table disabled surface 계약과 동일하게 맞춘다. */
539
+ --select-table-surface-disabled-color: var(
540
+ --input-table-surface-disabled-color
541
+ );
539
542
  --select-table-surface-readonly-color: transparent;
540
543
  --select-table-color-text: var(--input-text-color);
541
544
  --select-table-color-text-readonly: var(--select-primary-color-text-readonly);
@@ -1580,6 +1583,10 @@
1580
1583
  color: var(--color-common-100);
1581
1584
  }
1582
1585
 
1586
+ .calendar-day:where(:disabled, [data-disabled=true]) {
1587
+ color: var(--color-label-disabled);
1588
+ }
1589
+
1583
1590
  .calendar-day:where(:not([data-disabled=true])):hover {
1584
1591
  background-color: var(--color-secondary-default);
1585
1592
  color: var(--color-label-standard);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniai-fe/uds-primitives",
3
- "version": "0.4.3",
3
+ "version": "0.4.5",
4
4
  "description": "UNIAI Design System; Primitives Components Package",
5
5
  "type": "module",
6
6
  "private": false,
package/src/components/calendar/styles/mantine-calendar.scss CHANGED
@@ -229,6 +229,11 @@
229
229
  color: var(--color-common-100);
230
230
  }
231
231
 
232
+ .calendar-day:where(:disabled, [data-disabled="true"]) {
233
+ // 변경: disabled day는 배경 변경 없이 텍스트 컬러만 낮춰 상태를 드러낸다.
234
+ color: var(--color-label-disabled);
235
+ }
236
+
232
237
  .calendar-day:where(:not([data-disabled="true"])):hover {
233
238
  background-color: var(--color-secondary-default);
234
239
  color: var(--color-label-standard);
package/src/components/select/styles/variables.scss CHANGED
@@ -39,7 +39,10 @@
39
39
  --select-table-border-disabled-color: transparent;
40
40
  --select-table-border-readonly-color: transparent;
41
41
  --select-table-surface-color: transparent;
42
- --select-table-surface-disabled-color: var(--input-surface-disabled-color);
42
+ /* 변경: table disabled 배경은 input table disabled surface 계약과 동일하게 맞춘다. */
43
+ --select-table-surface-disabled-color: var(
44
+ --input-table-surface-disabled-color
45
+ );
43
46
  --select-table-surface-readonly-color: transparent;
44
47
  --select-table-color-text: var(--input-text-color);
45
48
  --select-table-color-text-readonly: var(--select-primary-color-text-readonly);