@uniai-fe/uds-primitives 0.3.8 → 0.3.9

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 +6 -6
  2. package/package.json +1 -1
  3. package/src/components/checkbox/styles/index.scss +4 -3
  4. package/src/components/radio/styles/index.scss +3 -3
package/dist/styles.css CHANGED
@@ -177,10 +177,10 @@
177
177
  --theme-checkbox-frame-size-large: 24px;
178
178
  --theme-checkbox-indicator-size-medium: 16px;
179
179
  --theme-checkbox-indicator-size-large: 20px;
180
- --theme-checkbox-control-radius-medium: var(--theme-radius-xsmall-3, 3px);
181
- --theme-checkbox-control-radius-large: var(--theme-radius-small-1, 4px);
180
+ --theme-checkbox-control-radius-medium: var(--theme-radius-20x20);
181
+ --theme-checkbox-control-radius-large: var(--theme-radius-24x24);
182
182
  --theme-checkbox-border-width: 1.4px;
183
- --theme-checkbox-border-color: var(--color-border-assistive);
183
+ --theme-checkbox-border-color: var(--color-border-standard-cool-gray);
184
184
  --theme-checkbox-border-selected: var(--color-primary-default);
185
185
  --theme-checkbox-surface: var(--color-common-100);
186
186
  --theme-checkbox-surface-selected: var(--color-primary-default);
@@ -416,11 +416,11 @@
416
416
  --theme-radio-indicator-border-width: 1.4px;
417
417
  --theme-radio-indicator-border-width-selected-medium: 4px;
418
418
  --theme-radio-indicator-border-width-selected-large: 6px;
419
- --theme-radio-border-color: var(--color-border-assistive);
419
+ --theme-radio-border-color: var(--color-border-standard-cool-gray);
420
420
  --theme-radio-border-selected: var(--color-primary-default);
421
421
  --theme-radio-surface-selected: var(--color-primary-default);
422
- --theme-radio-surface-disabled: var(--color-border-assistive);
423
- --theme-radio-border-disabled: var(--color-border-assistive);
422
+ --theme-radio-surface-disabled: var(--color-state-static-disabled);
423
+ --theme-radio-border-disabled: var(--color-border-standard-cool-gray);
424
424
  --theme-radio-disabled-selected-fill: var(--color-primary-default);
425
425
  --theme-radio-label-color: var(--color-label-strong);
426
426
  --theme-radio-label-disabled: var(--color-label-disabled);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniai-fe/uds-primitives",
3
- "version": "0.3.8",
3
+ "version": "0.3.9",
4
4
  "description": "UNIAI Design System; Primitives Components Package",
5
5
  "type": "module",
6
6
  "private": false,
package/src/components/checkbox/styles/index.scss CHANGED
@@ -3,10 +3,11 @@
3
3
  --theme-checkbox-frame-size-large: 24px;
4
4
  --theme-checkbox-indicator-size-medium: 16px;
5
5
  --theme-checkbox-indicator-size-large: 20px;
6
- --theme-checkbox-control-radius-medium: var(--theme-radius-xsmall-3, 3px);
7
- --theme-checkbox-control-radius-large: var(--theme-radius-small-1, 4px);
6
+ // 변경: foundation에 존재하는 radius 토큰으로 정렬하고 fallback 값을 제거한다.
7
+ --theme-checkbox-control-radius-medium: var(--theme-radius-20x20);
8
+ --theme-checkbox-control-radius-large: var(--theme-radius-24x24);
8
9
  --theme-checkbox-border-width: 1.4px;
9
- --theme-checkbox-border-color: var(--color-border-assistive);
10
+ --theme-checkbox-border-color: var(--color-border-standard-cool-gray);
10
11
  --theme-checkbox-border-selected: var(--color-primary-default);
11
12
  --theme-checkbox-surface: var(--color-common-100);
12
13
  --theme-checkbox-surface-selected: var(--color-primary-default);
package/src/components/radio/styles/index.scss CHANGED
@@ -6,11 +6,11 @@
6
6
  --theme-radio-indicator-border-width: 1.4px;
7
7
  --theme-radio-indicator-border-width-selected-medium: 4px;
8
8
  --theme-radio-indicator-border-width-selected-large: 6px;
9
- --theme-radio-border-color: var(--color-border-assistive);
9
+ --theme-radio-border-color: var(--color-border-standard-cool-gray);
10
10
  --theme-radio-border-selected: var(--color-primary-default);
11
11
  --theme-radio-surface-selected: var(--color-primary-default);
12
- --theme-radio-surface-disabled: var(--color-border-assistive);
13
- --theme-radio-border-disabled: var(--color-border-assistive);
12
+ --theme-radio-surface-disabled: var(--color-state-static-disabled);
13
+ --theme-radio-border-disabled: var(--color-border-standard-cool-gray);
14
14
  --theme-radio-disabled-selected-fill: var(--color-primary-default);
15
15
  --theme-radio-label-color: var(--color-label-strong);
16
16
  --theme-radio-label-disabled: var(--color-label-disabled);