namirasoft-account-react 1.5.4 → 1.5.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 (138) hide show
  1. package/.env.template +15 -15
  2. package/SKILLS.md +514 -514
  3. package/config-overrides.js +72 -72
  4. package/dist/App.css +31 -31
  5. package/dist/App.d.ts +1 -1
  6. package/dist/UseParams.d.ts +1 -1
  7. package/dist/components/NSAAccessListDialog.d.ts +2 -2
  8. package/dist/components/NSAAccessListDialog.module.css +71 -71
  9. package/dist/components/NSABoxSecret.d.ts +1 -1
  10. package/dist/components/NSABoxSecret.module.css +23 -23
  11. package/dist/components/NSAMasterMenu.d.ts +1 -1
  12. package/dist/components/NSAMasterMenu.module.css +248 -248
  13. package/dist/components/NSAMasterMenuItem.d.ts +1 -1
  14. package/dist/components/NSAMessageListDialog.d.ts +1 -1
  15. package/dist/components/NSAMessageListDialog.module.css +99 -99
  16. package/dist/components/NSANavigationGuard.d.ts +1 -1
  17. package/dist/components/NSAProductListDialog.d.ts +1 -1
  18. package/dist/components/NSAProductListDialog.module.css +44 -44
  19. package/dist/components/NSAReorderDialog.d.ts +1 -1
  20. package/dist/components/NSAReorderDialog.module.css +49 -49
  21. package/dist/components/NSASortDialog.d.ts +1 -1
  22. package/dist/components/NSATaskBar.d.ts +1 -1
  23. package/dist/components/NSATaskBar.module.css +57 -57
  24. package/dist/components/NSAUserDialog.d.ts +1 -1
  25. package/dist/components/NSAUserDialog.module.css +67 -67
  26. package/dist/components/NSAWorkspaceListDialog.d.ts +1 -1
  27. package/dist/components/NSAWorkspaceListDialog.module.css +41 -41
  28. package/dist/components/NSFBoxCategoryScope.d.ts +1 -1
  29. package/dist/components/NSFBoxField.d.ts +1 -1
  30. package/dist/components/NSFBoxSlot.d.ts +1 -1
  31. package/dist/components/NSFBoxWrapper.d.ts +1 -1
  32. package/dist/components/NSLabelSecret.d.ts +1 -1
  33. package/dist/components/quickfilter/NSAFilterBoxEnum.module.css +44 -44
  34. package/dist/components/quickfilter/NSAQuickFilterBar.d.ts +1 -1
  35. package/dist/components/quickfilter/NSAQuickFilterBar.module.css +19 -19
  36. package/dist/components/quickfilter/NSAQuickFilterDialog.d.ts +1 -1
  37. package/dist/components/quickfilter/NSAQuickFilterDialog.module.css +74 -74
  38. package/dist/layouts/NSALayout.d.ts +1 -1
  39. package/dist/layouts/NSASectionEdit.d.ts +1 -1
  40. package/dist/layouts/NSASectionEditTabPage.d.ts +1 -1
  41. package/dist/layouts/NSASectionEditTabPage.module.css +4 -4
  42. package/dist/layouts/NSASectionList.d.ts +1 -1
  43. package/dist/layouts/NSASectionList.module.css +31 -31
  44. package/dist/layouts/NSASectionView.d.ts +1 -1
  45. package/dist/layouts/NSASectionViewTabMore.d.ts +1 -1
  46. package/dist/layouts/NSASectionViewTabPage.d.ts +1 -1
  47. package/dist/layouts/NSASectionViewTabPage.module.css +47 -47
  48. package/dist/pages/NSAConsentPage.module.css +26 -26
  49. package/dist/pages/NSAEmailVerificationPage.d.ts +1 -1
  50. package/dist/pages/NSAHomePage.d.ts +1 -1
  51. package/dist/pages/NSAHomePage.module.css +41 -41
  52. package/dist/pages/NSALoginPage.d.ts +1 -1
  53. package/dist/pages/NSALoginPage.module.css +26 -26
  54. package/dist/pages/NSAPhoneVerificationPage.d.ts +1 -1
  55. package/dist/pages/NSAVerificationPage.d.ts +1 -1
  56. package/dist/pages/NSAVerificationPage.module.css +31 -31
  57. package/package.json +95 -95
  58. package/public/index.html +21 -21
  59. package/src/App.css +31 -31
  60. package/src/App.tsx +19 -19
  61. package/src/CTFRow.ts +7 -7
  62. package/src/FieldCacheService.ts +38 -38
  63. package/src/IEntityInfo.ts +33 -33
  64. package/src/NSACacheService.ts +120 -120
  65. package/src/NSAFilterOperators.ts +92 -92
  66. package/src/NSARouterMaker.tsx +142 -142
  67. package/src/NSARouterMakerConfig.ts +15 -15
  68. package/src/NSARouterMakerProps.ts +24 -24
  69. package/src/Router.tsx +45 -45
  70. package/src/UseParams.tsx +18 -18
  71. package/src/components/NSAAccessListDialog.module.css +71 -71
  72. package/src/components/NSAAccessListDialog.tsx +178 -178
  73. package/src/components/NSABoxSecret.module.css +23 -23
  74. package/src/components/NSABoxSecret.tsx +264 -264
  75. package/src/components/NSAMasterMenu.module.css +248 -248
  76. package/src/components/NSAMasterMenu.tsx +169 -169
  77. package/src/components/NSAMasterMenuItem.tsx +250 -250
  78. package/src/components/NSAMessageListDialog.module.css +99 -99
  79. package/src/components/NSAMessageListDialog.tsx +142 -142
  80. package/src/components/NSANavigationGuard.tsx +79 -79
  81. package/src/components/NSAProductListDialog.module.css +44 -44
  82. package/src/components/NSAProductListDialog.tsx +88 -88
  83. package/src/components/NSAReorderDialog.module.css +49 -49
  84. package/src/components/NSAReorderDialog.tsx +149 -149
  85. package/src/components/NSASortDialog.tsx +117 -117
  86. package/src/components/NSATable.tsx +545 -545
  87. package/src/components/NSATaskBar.module.css +57 -57
  88. package/src/components/NSATaskBar.tsx +193 -193
  89. package/src/components/NSAUserDialog.module.css +67 -67
  90. package/src/components/NSAUserDialog.tsx +122 -122
  91. package/src/components/NSAWorkspaceListDialog.module.css +41 -41
  92. package/src/components/NSAWorkspaceListDialog.tsx +147 -147
  93. package/src/components/NSFBoxCategoryScope.tsx +52 -52
  94. package/src/components/NSFBoxField.tsx +37 -37
  95. package/src/components/NSFBoxSlot.tsx +71 -71
  96. package/src/components/NSFBoxWrapper.tsx +69 -69
  97. package/src/components/NSLabelSecret.tsx +37 -37
  98. package/src/components/quickfilter/NSAFilterBoxBase.tsx +89 -89
  99. package/src/components/quickfilter/NSAFilterBoxBoolean.tsx +66 -66
  100. package/src/components/quickfilter/NSAFilterBoxDate.tsx +110 -110
  101. package/src/components/quickfilter/NSAFilterBoxDateTime.tsx +110 -110
  102. package/src/components/quickfilter/NSAFilterBoxEnum.module.css +44 -44
  103. package/src/components/quickfilter/NSAFilterBoxEnum.tsx +79 -79
  104. package/src/components/quickfilter/NSAFilterBoxNumber.tsx +145 -145
  105. package/src/components/quickfilter/NSAFilterBoxString.tsx +83 -83
  106. package/src/components/quickfilter/NSAFilterBoxTime.tsx +106 -106
  107. package/src/components/quickfilter/NSAQuickFilterBar.module.css +19 -19
  108. package/src/components/quickfilter/NSAQuickFilterBar.tsx +142 -142
  109. package/src/components/quickfilter/NSAQuickFilterDialog.module.css +74 -74
  110. package/src/components/quickfilter/NSAQuickFilterDialog.tsx +260 -260
  111. package/src/css.d.ts +13 -13
  112. package/src/formatters/SecretFormatter.tsx +24 -24
  113. package/src/index.tsx +26 -26
  114. package/src/layouts/Actions.ts +146 -146
  115. package/src/layouts/CFTUtil.ts +18 -18
  116. package/src/layouts/NSALayout.tsx +739 -739
  117. package/src/layouts/NSASectionEdit.tsx +282 -282
  118. package/src/layouts/NSASectionEditTabPage.module.css +4 -4
  119. package/src/layouts/NSASectionEditTabPage.tsx +257 -257
  120. package/src/layouts/NSASectionList.module.css +31 -31
  121. package/src/layouts/NSASectionList.tsx +148 -148
  122. package/src/layouts/NSASectionView.tsx +99 -99
  123. package/src/layouts/NSASectionViewTabMore.tsx +77 -77
  124. package/src/layouts/NSASectionViewTabPage.module.css +47 -47
  125. package/src/layouts/NSASectionViewTabPage.tsx +400 -400
  126. package/src/main.ts +46 -46
  127. package/src/pages/NSAConsentPage.module.css +26 -26
  128. package/src/pages/NSAConsentPage.tsx +120 -120
  129. package/src/pages/NSAEmailVerificationPage.tsx +30 -30
  130. package/src/pages/NSAHomePage.module.css +41 -41
  131. package/src/pages/NSAHomePage.tsx +123 -123
  132. package/src/pages/NSALoginPage.module.css +26 -26
  133. package/src/pages/NSALoginPage.tsx +87 -87
  134. package/src/pages/NSAPhoneVerificationPage.tsx +94 -94
  135. package/src/pages/NSAVerificationPage.module.css +31 -31
  136. package/src/pages/NSAVerificationPage.tsx +186 -186
  137. package/src/pages/PaymentRequired.tsx +76 -76
  138. package/tsconfig.json +43 -43
@@ -1,100 +1,100 @@
1
- .nsa_message_icon {
2
- cursor: pointer;
3
- }
4
-
5
- .nsa_message_title {
6
- color: hsla(212, 100%, 51%, 1)
7
- }
8
-
9
- .nsa_message_item {
10
- background-color: hsla(157, 94%, 42%, 0.1);
11
- padding: 8px 16px;
12
- cursor: pointer !important;
13
- margin: 8px 0;
14
- border-radius: 8px;
15
- }
16
-
17
- .nsa_message_item_title {
18
- color: hsla(234, 64%, 22%, 1);
19
- font-size: 16px;
20
- font-weight: 600;
21
- text-align: left;
22
- }
23
-
24
- .nsa_message_item_content {
25
- color: hsla(234, 64%, 22%, 1);
26
- margin: 0;
27
- text-align: left;
28
- overflow: hidden;
29
- text-overflow: ellipsis;
30
- white-space: nowrap;
31
- }
32
-
33
- .nsa_message_item_ul {
34
- display: flex;
35
- padding-left: 16px !important;
36
- margin-bottom: 0px;
37
- }
38
-
39
- .nsa_message_item_ul li::marker {
40
- color: hsla(157, 94%, 42%, 1);
41
- padding: 20px;
42
- }
43
-
44
- .nsa_message_item_dot_green {
45
- width: 8px;
46
- height: 8px;
47
- background: hsla(157, 94%, 42%, 1);
48
- border-radius: 50%;
49
- }
50
-
51
- .nsa_message_item_dot_gray {
52
- width: 8px;
53
- height: 8px;
54
- background: hsla(228, 9%, 66%, 1);
55
- border-radius: 50%;
56
- }
57
-
58
- .nsa_body_gray {
59
- background-color: #fff;
60
- padding: 16px;
61
- box-shadow: 0px 2px 5px #e6e6e6;
62
- cursor: pointer !important;
63
- }
64
-
65
- .nsa_count {
66
- position: absolute;
67
- background: rgba(3, 119, 255, 1);
68
- right: -5px;
69
- top: -5px;
70
- color: #fff;
71
- width: 18px;
72
- height: 18px;
73
- border-radius: 50%;
74
- display: flex;
75
- justify-content: center;
76
- align-items: center;
77
- }
78
-
79
- .nsa_parent_count {
80
- position: relative;
81
- width: max-content;
82
- }
83
-
84
- .nsa_toast_body {
85
- padding: 0 !important;
86
- height: 100%;
87
- max-width: 302px;
88
- overflow-y: auto;
89
- }
90
-
91
- .nsa_toast_header {
92
- padding: 2px !important;
93
- display: flex;
94
- justify-content: space-between !important;
95
- align-items: center;
96
- }
97
-
98
- .nsa_close_icon {
99
- cursor: pointer;
1
+ .nsa_message_icon {
2
+ cursor: pointer;
3
+ }
4
+
5
+ .nsa_message_title {
6
+ color: hsla(212, 100%, 51%, 1)
7
+ }
8
+
9
+ .nsa_message_item {
10
+ background-color: hsla(157, 94%, 42%, 0.1);
11
+ padding: 8px 16px;
12
+ cursor: pointer !important;
13
+ margin: 8px 0;
14
+ border-radius: 8px;
15
+ }
16
+
17
+ .nsa_message_item_title {
18
+ color: hsla(234, 64%, 22%, 1);
19
+ font-size: 16px;
20
+ font-weight: 600;
21
+ text-align: left;
22
+ }
23
+
24
+ .nsa_message_item_content {
25
+ color: hsla(234, 64%, 22%, 1);
26
+ margin: 0;
27
+ text-align: left;
28
+ overflow: hidden;
29
+ text-overflow: ellipsis;
30
+ white-space: nowrap;
31
+ }
32
+
33
+ .nsa_message_item_ul {
34
+ display: flex;
35
+ padding-left: 16px !important;
36
+ margin-bottom: 0px;
37
+ }
38
+
39
+ .nsa_message_item_ul li::marker {
40
+ color: hsla(157, 94%, 42%, 1);
41
+ padding: 20px;
42
+ }
43
+
44
+ .nsa_message_item_dot_green {
45
+ width: 8px;
46
+ height: 8px;
47
+ background: hsla(157, 94%, 42%, 1);
48
+ border-radius: 50%;
49
+ }
50
+
51
+ .nsa_message_item_dot_gray {
52
+ width: 8px;
53
+ height: 8px;
54
+ background: hsla(228, 9%, 66%, 1);
55
+ border-radius: 50%;
56
+ }
57
+
58
+ .nsa_body_gray {
59
+ background-color: #fff;
60
+ padding: 16px;
61
+ box-shadow: 0px 2px 5px #e6e6e6;
62
+ cursor: pointer !important;
63
+ }
64
+
65
+ .nsa_count {
66
+ position: absolute;
67
+ background: rgba(3, 119, 255, 1);
68
+ right: -5px;
69
+ top: -5px;
70
+ color: #fff;
71
+ width: 18px;
72
+ height: 18px;
73
+ border-radius: 50%;
74
+ display: flex;
75
+ justify-content: center;
76
+ align-items: center;
77
+ }
78
+
79
+ .nsa_parent_count {
80
+ position: relative;
81
+ width: max-content;
82
+ }
83
+
84
+ .nsa_toast_body {
85
+ padding: 0 !important;
86
+ height: 100%;
87
+ max-width: 302px;
88
+ overflow-y: auto;
89
+ }
90
+
91
+ .nsa_toast_header {
92
+ padding: 2px !important;
93
+ display: flex;
94
+ justify-content: space-between !important;
95
+ align-items: center;
96
+ }
97
+
98
+ .nsa_close_icon {
99
+ cursor: pointer;
100
100
  }
@@ -3,4 +3,4 @@ export interface NSANavigationGuardProps {
3
3
  title?: string;
4
4
  message?: string;
5
5
  }
6
- export declare function NSANavigationGuard(props: NSANavigationGuardProps): import("react").JSX.Element | null;
6
+ export declare function NSANavigationGuard(props: NSANavigationGuardProps): import("react/jsx-runtime").JSX.Element | null;
@@ -12,6 +12,6 @@ export declare class NSAProductListDialog extends Component<NSAProductListDialog
12
12
  private cache;
13
13
  constructor(props: NSAProductListDialogProps);
14
14
  componentDidMount(): void;
15
- render(): import("react").JSX.Element;
15
+ render(): import("react/jsx-runtime").JSX.Element;
16
16
  }
17
17
  export {};
@@ -1,45 +1,45 @@
1
- .nsa_product_list_container {
2
- display: grid;
3
- flex-direction: row;
4
- grid-template-columns: repeat(3, 1fr);
5
- align-items: flex-start;
6
- justify-content: center;
7
- width: 100%;
8
- height: 400px;
9
- overflow: auto;
10
- margin-top: 16px;
11
- }
12
-
13
- .nsa_product_list_container::-webkit-scrollbar {
14
- width: 1rem;
15
- }
16
-
17
- .nsa_product_list_container::-webkit-scrollbar-track {
18
- box-shadow: inset 0 0 6px #E8EBF6;
19
- }
20
-
21
- .nsa_product_list_container::-webkit-scrollbar-thumb {
22
- background-color: #A1A4B0;
23
- border-radius: 8px;
24
- }
25
-
26
- .nsa_product_list {
27
- display: flex;
28
- flex-direction: column;
29
- justify-content: center;
30
- align-items: center;
31
- text-align: center;
32
- margin-top: 24px;
33
- gap: 8px;
34
- }
35
- .nsa_product_list a{
36
- text-decoration: none;
37
- color: rgba(20, 27, 92, 1);
38
- }
39
-
40
- .nsa_product_logo {
41
- display: flex;
42
- flex-direction: column;
43
- justify-content: center;
44
- align-items: center;
1
+ .nsa_product_list_container {
2
+ display: grid;
3
+ flex-direction: row;
4
+ grid-template-columns: repeat(3, 1fr);
5
+ align-items: flex-start;
6
+ justify-content: center;
7
+ width: 100%;
8
+ height: 400px;
9
+ overflow: auto;
10
+ margin-top: 16px;
11
+ }
12
+
13
+ .nsa_product_list_container::-webkit-scrollbar {
14
+ width: 1rem;
15
+ }
16
+
17
+ .nsa_product_list_container::-webkit-scrollbar-track {
18
+ box-shadow: inset 0 0 6px #E8EBF6;
19
+ }
20
+
21
+ .nsa_product_list_container::-webkit-scrollbar-thumb {
22
+ background-color: #A1A4B0;
23
+ border-radius: 8px;
24
+ }
25
+
26
+ .nsa_product_list {
27
+ display: flex;
28
+ flex-direction: column;
29
+ justify-content: center;
30
+ align-items: center;
31
+ text-align: center;
32
+ margin-top: 24px;
33
+ gap: 8px;
34
+ }
35
+ .nsa_product_list a{
36
+ text-decoration: none;
37
+ color: rgba(20, 27, 92, 1);
38
+ }
39
+
40
+ .nsa_product_logo {
41
+ display: flex;
42
+ flex-direction: column;
43
+ justify-content: center;
44
+ align-items: center;
45
45
  }
@@ -25,6 +25,6 @@ export declare class NSAReorderDialog extends Component<NSAReorderDialogProps, N
25
25
  private onDragEnd;
26
26
  private toggleChecked;
27
27
  private handleApply;
28
- render(): import("react").JSX.Element;
28
+ render(): import("react/jsx-runtime").JSX.Element;
29
29
  }
30
30
  export {};
@@ -1,50 +1,50 @@
1
- .column_item {
2
- width: 100%;
3
- display: flex;
4
- align-items: center;
5
- gap: 10px;
6
- padding: 8px 12px;
7
- border-radius: 6px;
8
- border: 2px solid transparent;
9
- background-color: rgba(20, 27, 92, 0.04);
10
- cursor: grab;
11
- user-select: none;
12
- box-sizing: border-box;
13
- transition: background-color 0.1s, border-color 0.1s;
14
- }
15
-
16
- .column_item:hover {
17
- background-color: rgba(20, 27, 92, 0.08);
18
- }
19
-
20
- .column_item_dragging {
21
- opacity: 0.35;
22
- }
23
-
24
- .column_item_drag_over {
25
- border-color: rgba(20, 27, 92, 0.45);
26
- border-style: dashed;
27
- background-color: rgba(20, 27, 92, 0.1);
28
- }
29
-
30
- .drag_handle {
31
- color: #bbb;
32
- font-size: 20px;
33
- line-height: 1;
34
- cursor: grab;
35
- flex-shrink: 0;
36
- }
37
-
38
- .checkbox {
39
- width: 18px;
40
- height: 18px;
41
- cursor: pointer;
42
- margin: 0;
43
- flex-shrink: 0;
44
- accent-color: rgba(20, 27, 92, 1);
45
- }
46
-
47
- .column_label {
48
- font-size: 14px;
49
- flex: 1;
1
+ .column_item {
2
+ width: 100%;
3
+ display: flex;
4
+ align-items: center;
5
+ gap: 10px;
6
+ padding: 8px 12px;
7
+ border-radius: 6px;
8
+ border: 2px solid transparent;
9
+ background-color: rgba(20, 27, 92, 0.04);
10
+ cursor: grab;
11
+ user-select: none;
12
+ box-sizing: border-box;
13
+ transition: background-color 0.1s, border-color 0.1s;
14
+ }
15
+
16
+ .column_item:hover {
17
+ background-color: rgba(20, 27, 92, 0.08);
18
+ }
19
+
20
+ .column_item_dragging {
21
+ opacity: 0.35;
22
+ }
23
+
24
+ .column_item_drag_over {
25
+ border-color: rgba(20, 27, 92, 0.45);
26
+ border-style: dashed;
27
+ background-color: rgba(20, 27, 92, 0.1);
28
+ }
29
+
30
+ .drag_handle {
31
+ color: #bbb;
32
+ font-size: 20px;
33
+ line-height: 1;
34
+ cursor: grab;
35
+ flex-shrink: 0;
36
+ }
37
+
38
+ .checkbox {
39
+ width: 18px;
40
+ height: 18px;
41
+ cursor: pointer;
42
+ margin: 0;
43
+ flex-shrink: 0;
44
+ accent-color: rgba(20, 27, 92, 1);
45
+ }
46
+
47
+ .column_label {
48
+ font-size: 14px;
49
+ flex: 1;
50
50
  }
@@ -16,6 +16,6 @@ export declare class NSASortDialog extends Component<NSASortDialogProps, NSASort
16
16
  private sortDirectionRef;
17
17
  constructor(props: NSASortDialogProps);
18
18
  private handleApply;
19
- render(): import("react").JSX.Element;
19
+ render(): import("react/jsx-runtime").JSX.Element;
20
20
  }
21
21
  export {};
@@ -32,6 +32,6 @@ export declare class NSATaskBar<ItemType> extends Component<NSATaskBarProps<Item
32
32
  dismiss(id: string): void;
33
33
  run(): Promise<NSATaskResult<ItemType>>;
34
34
  private renderStatus;
35
- render(): import("react").JSX.Element | null;
35
+ render(): import("react/jsx-runtime").JSX.Element | null;
36
36
  }
37
37
  export {};
@@ -1,58 +1,58 @@
1
- .nsa_task_bar {
2
- position: fixed;
3
- left: 1rem;
4
- bottom: 1rem;
5
- z-index: 1100;
6
- display: flex;
7
- flex-direction: column-reverse;
8
- gap: 0.75rem;
9
- max-width: calc(100vw - 2rem);
10
- }
11
-
12
- .nsa_task_card {
13
- width: 320px;
14
- max-width: calc(100vw - 2rem);
15
- background-color: #ffffff;
16
- border: 1px solid #e2e5f1;
17
- border-radius: 0.75rem;
18
- box-shadow: 0 8px 24px rgba(20, 27, 92, 0.16);
19
- padding: 0.875rem 1rem;
20
- display: flex;
21
- flex-direction: column;
22
- gap: 0.625rem;
23
- }
24
-
25
- .nsa_task_header {
26
- display: flex;
27
- align-items: center;
28
- justify-content: space-between;
29
- gap: 0.5rem;
30
- }
31
-
32
- .nsa_task_title {
33
- font-size: 0.95rem;
34
- font-weight: 600;
35
- color: #141b5c;
36
- overflow: hidden;
37
- text-overflow: ellipsis;
38
- white-space: nowrap;
39
- }
40
-
41
- .nsa_task_close {
42
- cursor: pointer;
43
- color: #8a90b3;
44
- font-size: 0.875rem;
45
- line-height: 1;
46
- padding: 0.125rem 0.25rem;
47
- border-radius: 0.25rem;
48
- }
49
-
50
- .nsa_task_close:hover {
51
- color: #141b5c;
52
- background-color: #eef0f8;
53
- }
54
-
55
- .nsa_task_actions {
56
- display: flex;
57
- justify-content: flex-end;
1
+ .nsa_task_bar {
2
+ position: fixed;
3
+ left: 1rem;
4
+ bottom: 1rem;
5
+ z-index: 1100;
6
+ display: flex;
7
+ flex-direction: column-reverse;
8
+ gap: 0.75rem;
9
+ max-width: calc(100vw - 2rem);
10
+ }
11
+
12
+ .nsa_task_card {
13
+ width: 320px;
14
+ max-width: calc(100vw - 2rem);
15
+ background-color: #ffffff;
16
+ border: 1px solid #e2e5f1;
17
+ border-radius: 0.75rem;
18
+ box-shadow: 0 8px 24px rgba(20, 27, 92, 0.16);
19
+ padding: 0.875rem 1rem;
20
+ display: flex;
21
+ flex-direction: column;
22
+ gap: 0.625rem;
23
+ }
24
+
25
+ .nsa_task_header {
26
+ display: flex;
27
+ align-items: center;
28
+ justify-content: space-between;
29
+ gap: 0.5rem;
30
+ }
31
+
32
+ .nsa_task_title {
33
+ font-size: 0.95rem;
34
+ font-weight: 600;
35
+ color: #141b5c;
36
+ overflow: hidden;
37
+ text-overflow: ellipsis;
38
+ white-space: nowrap;
39
+ }
40
+
41
+ .nsa_task_close {
42
+ cursor: pointer;
43
+ color: #8a90b3;
44
+ font-size: 0.875rem;
45
+ line-height: 1;
46
+ padding: 0.125rem 0.25rem;
47
+ border-radius: 0.25rem;
48
+ }
49
+
50
+ .nsa_task_close:hover {
51
+ color: #141b5c;
52
+ background-color: #eef0f8;
53
+ }
54
+
55
+ .nsa_task_actions {
56
+ display: flex;
57
+ justify-content: flex-end;
58
58
  }
@@ -10,6 +10,6 @@ interface NSAUserDialogState {
10
10
  }
11
11
  export declare class NSAUserDialog extends Component<NSAUserDialogProps, NSAUserDialogState> {
12
12
  constructor(props: NSAUserDialogProps);
13
- render(): import("react").JSX.Element;
13
+ render(): import("react/jsx-runtime").JSX.Element;
14
14
  }
15
15
  export {};
@@ -1,68 +1,68 @@
1
- .ns_figure {
2
- display: flex;
3
- flex-direction: column;
4
- align-items: center;
5
- gap: 1rem;
6
- margin-bottom: 0;
7
- color: #141b5c;
8
- }
9
-
10
- .ns_figure>img {
11
- border-radius: 50%;
12
- }
13
-
14
- .ns_figure figcaption {
15
- display: flex;
16
- flex-direction: column;
17
- align-items: center;
18
- gap: 0.5rem;
19
- }
20
-
21
- .ns_figure_placeholder {
22
- width: 6rem;
23
- height: 6rem;
24
- display: flex;
25
- align-items: center;
26
- justify-content: center;
27
- border-radius: 50%;
28
- background-color: #141b5c;
29
- }
30
-
31
- .ns_figure_placeholder span {
32
- font-size: 1.75rem;
33
- font-weight: 500;
34
- word-spacing: -0.375rem;
35
- color: #fff;
36
- }
37
-
38
- .ns_figure_title {
39
- font-size: 1.5rem;
40
- font-weight: 600;
41
- line-height: 1.75rem;
42
- text-align: center;
43
- }
44
-
45
- .ns_actions_wrapper {
46
- display: flex;
47
- flex-direction: column;
48
- }
49
-
50
- .ns_actions_wrapper .ns_link>a,
51
- .ns_actions_wrapper .ns_button {
52
- box-shadow: none;
53
- color: #141b5c !important;
54
- }
55
-
56
- .ns_actions_wrapper .ns_link>a:hover,
57
- .ns_actions_wrapper .ns_button:hover {
58
- background-color: #b2bbd9;
59
- }
60
-
61
- .ns_user_id {
62
- margin: 0;
63
- font-size: 16px;
64
- font-weight: 600;
65
- text-align: right;
66
- color: rgba(3, 119, 255);
67
- cursor: pointer;
1
+ .ns_figure {
2
+ display: flex;
3
+ flex-direction: column;
4
+ align-items: center;
5
+ gap: 1rem;
6
+ margin-bottom: 0;
7
+ color: #141b5c;
8
+ }
9
+
10
+ .ns_figure>img {
11
+ border-radius: 50%;
12
+ }
13
+
14
+ .ns_figure figcaption {
15
+ display: flex;
16
+ flex-direction: column;
17
+ align-items: center;
18
+ gap: 0.5rem;
19
+ }
20
+
21
+ .ns_figure_placeholder {
22
+ width: 6rem;
23
+ height: 6rem;
24
+ display: flex;
25
+ align-items: center;
26
+ justify-content: center;
27
+ border-radius: 50%;
28
+ background-color: #141b5c;
29
+ }
30
+
31
+ .ns_figure_placeholder span {
32
+ font-size: 1.75rem;
33
+ font-weight: 500;
34
+ word-spacing: -0.375rem;
35
+ color: #fff;
36
+ }
37
+
38
+ .ns_figure_title {
39
+ font-size: 1.5rem;
40
+ font-weight: 600;
41
+ line-height: 1.75rem;
42
+ text-align: center;
43
+ }
44
+
45
+ .ns_actions_wrapper {
46
+ display: flex;
47
+ flex-direction: column;
48
+ }
49
+
50
+ .ns_actions_wrapper .ns_link>a,
51
+ .ns_actions_wrapper .ns_button {
52
+ box-shadow: none;
53
+ color: #141b5c !important;
54
+ }
55
+
56
+ .ns_actions_wrapper .ns_link>a:hover,
57
+ .ns_actions_wrapper .ns_button:hover {
58
+ background-color: #b2bbd9;
59
+ }
60
+
61
+ .ns_user_id {
62
+ margin: 0;
63
+ font-size: 16px;
64
+ font-weight: 600;
65
+ text-align: right;
66
+ color: rgba(3, 119, 255);
67
+ cursor: pointer;
68
68
  }