@ncds/ui-admin 0.0.29 → 0.0.30

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.
@@ -22,7 +22,6 @@ var COLOR = exports.COLOR = {
22
22
  pink100: '#fce7f6',
23
23
  pink600: '#c11574',
24
24
  yellow600: '#c27004',
25
- violet600: '#5720b7',
26
25
  white: '#fff',
27
26
  currentColor: 'currentColor',
28
27
  black: '',
@@ -16,7 +16,6 @@ export var COLOR = {
16
16
  pink100: '#fce7f6',
17
17
  pink600: '#c11574',
18
18
  yellow600: '#c27004',
19
- violet600: '#5720b7',
20
19
  white: '#fff',
21
20
  currentColor: 'currentColor',
22
21
  black: '',
@@ -16,7 +16,6 @@ export declare const COLOR: {
16
16
  pink100: string;
17
17
  pink600: string;
18
18
  yellow600: string;
19
- violet600: string;
20
19
  white: string;
21
20
  currentColor: string;
22
21
  black: string;
@@ -31,5 +30,5 @@ export declare const COLOR: {
31
30
  'secondary-gray-blue-700': string;
32
31
  };
33
32
  export type ColorKeyType = keyof typeof COLOR;
34
- export type ColorTone = 'neutral' | 'error' | 'warning' | 'success' | 'blue' | 'pink' | 'violet' | 'disabled';
33
+ export type ColorTone = 'neutral' | 'error' | 'warning' | 'success' | 'blue' | 'pink' | 'disabled';
35
34
  //# sourceMappingURL=color.d.ts.map
@@ -51,14 +51,6 @@
51
51
  --orange-500: #e4501e;
52
52
  --orange-600: #b93815;
53
53
  --orange-700: #772917;
54
- --violet-50: #fbfaff;
55
- --violet-100: #ece9fe;
56
- --violet-200: #ddd6fe;
57
- --violet-300: #c3b5fd;
58
- --violet-400: #a48afb;
59
- --violet-500: #6927da;
60
- --violet-600: #5720b7;
61
- --violet-700: #3e1486;
62
54
  --focus-ring-4px-primary-100: 0px 0px 0px 3px #ffeaee;
63
55
  --focus-ring-4px-gray-100: 0px 0px 0px 3px #f2f4f7;
64
56
  --focus-ring-4px-error-100: 0px 0px 0px 3px #fee4e2;
@@ -541,8 +533,6 @@ button {
541
533
  }
542
534
  :where(.ncua-button-group.has-border) {
543
535
  box-shadow: var(--shadow-xs);
544
- }
545
- :where(.ncua-button-group.has-border) .ncua-button-group__item {
546
536
  border: 1px solid var(--gray-200);
547
537
  }
548
538
  :where(.ncua-button-group.has-border) .ncua-button-group__item:hover {
@@ -556,7 +546,7 @@ button {
556
546
  background-color: var(--gray-50);
557
547
  }
558
548
  :where(.ncua-button-group.has-border) .ncua-button-group__item:nth-child(n+2) {
559
- border-inline-start-width: 0;
549
+ border-left: 1px solid var(--gray-200);
560
550
  }
561
551
  :where(.ncua-button-group.has-border) .ncua-button-group__item svg {
562
552
  display: block;
@@ -585,13 +575,8 @@ button {
585
575
  .ncua-button-group--xs .ncua-button-group__item.is-only-icon {
586
576
  padding: 6px;
587
577
  }
588
- :where(.ncua-button-group--xs.has-border) .ncua-button-group__item:first-child {
589
- border-top-left-radius: 4px;
590
- border-bottom-left-radius: 4px;
591
- }
592
- :where(.ncua-button-group--xs.has-border) .ncua-button-group__item:last-child {
593
- border-top-right-radius: 4px;
594
- border-bottom-right-radius: 4px;
578
+ :where(.ncua-button-group--xs.has-border) {
579
+ border-radius: 4px;
595
580
  }
596
581
 
597
582
  .ncua-button-group--sm .ncua-button-group__item {
@@ -603,13 +588,8 @@ button {
603
588
  .ncua-button-group--sm .ncua-button-group__item.is-only-icon {
604
589
  padding: 6px;
605
590
  }
606
- :where(.ncua-button-group--sm.has-border) .ncua-button-group__item:first-child {
607
- border-top-left-radius: 6px;
608
- border-bottom-left-radius: 6px;
609
- }
610
- :where(.ncua-button-group--sm.has-border) .ncua-button-group__item:last-child {
611
- border-top-right-radius: 6px;
612
- border-bottom-right-radius: 6px;
591
+ :where(.ncua-button-group--sm.has-border) {
592
+ border-radius: 6px;
613
593
  }
614
594
 
615
595
  .ncua-button-group--md .ncua-button-group__item {
@@ -621,13 +601,8 @@ button {
621
601
  .ncua-button-group--md .ncua-button-group__item.is-only-icon {
622
602
  padding: 10px;
623
603
  }
624
- :where(.ncua-button-group--md.has-border) .ncua-button-group__item:first-child {
625
- border-top-left-radius: 6px;
626
- border-bottom-left-radius: 6px;
627
- }
628
- :where(.ncua-button-group--md.has-border) .ncua-button-group__item:last-child {
629
- border-top-right-radius: 6px;
630
- border-bottom-right-radius: 6px;
604
+ :where(.ncua-button-group--md.has-border) {
605
+ border-radius: 6px;
631
606
  }
632
607
 
633
608
  .ncua-button-group--lg .ncua-button-group__item {
@@ -639,13 +614,8 @@ button {
639
614
  .ncua-button-group--lg .ncua-button-group__item.is-only-icon {
640
615
  padding: 10px;
641
616
  }
642
- :where(.ncua-button-group--lg.has-border) .ncua-button-group__item:first-child {
643
- border-top-left-radius: 8px;
644
- border-bottom-left-radius: 8px;
645
- }
646
- :where(.ncua-button-group--lg.has-border) .ncua-button-group__item:last-child {
647
- border-top-right-radius: 8px;
648
- border-bottom-right-radius: 8px;
617
+ :where(.ncua-button-group--lg.has-border) {
618
+ border-radius: 8px;
649
619
  }
650
620
 
651
621
  .ncua-btn-close {
@@ -994,9 +964,6 @@ button {
994
964
  .ncua-dot--pink {
995
965
  background-color: var(--pink-500);
996
966
  }
997
- .ncua-dot--violet {
998
- background-color: var(--violet-500);
999
- }
1000
967
  .ncua-dot--disabled {
1001
968
  background-color: var(--gray-300);
1002
969
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ncds/ui-admin",
3
- "version": "0.0.29",
3
+ "version": "0.0.30",
4
4
  "description": "nhn-commerce의 어드민 디자인 시스템입니다.",
5
5
  "scripts": {
6
6
  "barrel": "node barrel.js",