namirasoft-site-react 1.5.27 → 1.5.28

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 (360) hide show
  1. package/.dockerignore +86 -86
  2. package/.env.template +10 -10
  3. package/Dockerfile +18 -18
  4. package/SKILL.md +307 -307
  5. package/config-overrides.js +72 -72
  6. package/dist/App.css +33 -33
  7. package/dist/App.js +3 -25
  8. package/dist/App.js.map +1 -1
  9. package/dist/components/NSBanner.module.css +47 -47
  10. package/dist/components/NSBarAction.module.css +91 -91
  11. package/dist/components/NSBarAlert.module.css +79 -79
  12. package/dist/components/NSBarNotification.module.css +34 -34
  13. package/dist/components/NSBarTitle.module.css +9 -9
  14. package/dist/components/NSBox.module.css +87 -87
  15. package/dist/components/NSBoxBaseCombo.module.css +24 -24
  16. package/dist/components/NSBoxBoolean.module.css +73 -73
  17. package/dist/components/NSBoxDate.module.css +4 -4
  18. package/dist/components/NSBoxDateRangeBase.module.css +73 -73
  19. package/dist/components/NSBoxDateTime.module.css +4 -4
  20. package/dist/components/NSBoxDuration.module.css +4 -4
  21. package/dist/components/NSBoxFile.module.css +10 -10
  22. package/dist/components/NSBoxInteger.module.css +16 -16
  23. package/dist/components/NSBoxOptions.module.css +53 -53
  24. package/dist/components/NSBoxPhone.module.css +35 -35
  25. package/dist/components/NSBoxRadio.module.css +33 -33
  26. package/dist/components/NSBoxSchemaBase.module.css +17 -17
  27. package/dist/components/NSBoxSchemaVariable.module.css +16 -16
  28. package/dist/components/NSBoxTextArea.module.css +12 -12
  29. package/dist/components/NSBoxTime.module.css +4 -4
  30. package/dist/components/NSButton.module.css +57 -57
  31. package/dist/components/NSButtonBlue.module.css +4 -4
  32. package/dist/components/NSButtonGreen.module.css +4 -4
  33. package/dist/components/NSButtonRed.module.css +4 -4
  34. package/dist/components/NSCard.module.css +113 -113
  35. package/dist/components/NSCardScreenshot.module.css +41 -41
  36. package/dist/components/NSColumn.module.css +16 -16
  37. package/dist/components/NSCopyBox.module.css +39 -39
  38. package/dist/components/NSDialog.module.css +105 -105
  39. package/dist/components/NSDialogPageSelection.module.css +103 -103
  40. package/dist/components/NSDownTimer.module.css +55 -55
  41. package/dist/components/NSDownload.module.css +46 -46
  42. package/dist/components/NSElectronicCard.module.css +60 -60
  43. package/dist/components/NSEntityCardBackground.module.css +27 -27
  44. package/dist/components/NSFilterBox.module.css +27 -27
  45. package/dist/components/NSFilterBoxItems.module.css +15 -15
  46. package/dist/components/NSFilterItem.module.css +24 -24
  47. package/dist/components/NSFooter.module.css +140 -140
  48. package/dist/components/NSGauge.module.css +67 -67
  49. package/dist/components/NSGaugeDate.module.css +57 -57
  50. package/dist/components/NSGaugeNumber.module.css +66 -66
  51. package/dist/components/NSHeader.module.css +316 -316
  52. package/dist/components/NSHeaderScreenshot.module.css +35 -35
  53. package/dist/components/NSLabel.module.css +25 -25
  54. package/dist/components/NSLabelErrorNotifier.module.css +2 -2
  55. package/dist/components/NSLabelSensitive.module.css +9 -9
  56. package/dist/components/NSLayout.module.css +22 -22
  57. package/dist/components/NSLine.module.css +15 -15
  58. package/dist/components/NSLineText.module.css +38 -38
  59. package/dist/components/NSLink.module.css +36 -36
  60. package/dist/components/NSListGrouped.module.css +69 -69
  61. package/dist/components/NSLoading.module.css +10 -10
  62. package/dist/components/NSMegaMenu.module.css +133 -133
  63. package/dist/components/NSMenuAction.module.css +88 -88
  64. package/dist/components/NSMenuButton.module.css +44 -44
  65. package/dist/components/NSNoData.module.css +11 -11
  66. package/dist/components/NSPagination.module.css +94 -94
  67. package/dist/components/NSPanel.module.css +28 -28
  68. package/dist/components/NSPanelAccordion.module.css +4 -4
  69. package/dist/components/NSProductSearch.module.css +73 -73
  70. package/dist/components/NSProgressBar.module.css +38 -38
  71. package/dist/components/NSRange.module.css +66 -66
  72. package/dist/components/NSReorderDialog.d.ts +3 -0
  73. package/dist/components/NSReorderDialog.js +10 -4
  74. package/dist/components/NSReorderDialog.js.map +1 -1
  75. package/dist/components/NSReorderDialog.module.css +53 -49
  76. package/dist/components/NSRow.module.css +17 -17
  77. package/dist/components/NSSection.module.css +4 -4
  78. package/dist/components/NSSectionCards.module.css +38 -38
  79. package/dist/components/NSSectionTiles.module.css +10 -10
  80. package/dist/components/NSSplitter.module.css +59 -59
  81. package/dist/components/NSTabPage.module.css +59 -59
  82. package/dist/components/NSTable.js +23 -23
  83. package/dist/components/NSTable.module.css +374 -374
  84. package/dist/components/NSTableChart.module.css +119 -119
  85. package/dist/components/NSTile.module.css +76 -76
  86. package/dist/components/NSTimelineMonthly.module.css +71 -71
  87. package/dist/components/NSTitle.module.css +15 -15
  88. package/dist/index.css +5 -5
  89. package/dist/pages/NSImplementing.module.css +35 -35
  90. package/dist/pages/NSNotFoundPage.module.css +18 -18
  91. package/dist/pages/NSUpdating.module.css +35 -35
  92. package/package.json +86 -86
  93. package/public/index.html +38 -38
  94. package/src/App.css +33 -33
  95. package/src/App.tsx +850 -870
  96. package/src/BrowserDetector.ts +109 -109
  97. package/src/Color.tsx +10 -10
  98. package/src/CopyToClipboard.ts +6 -6
  99. package/src/EncryptionOperation.ts +98 -98
  100. package/src/KeyOperation.ts +109 -109
  101. package/src/LinkOperation.ts +101 -101
  102. package/src/NSBoxBuilder.tsx +922 -922
  103. package/src/ProductCacheService.ts +36 -36
  104. package/src/Validator.ts +199 -199
  105. package/src/components/INSBox.tsx +7 -7
  106. package/src/components/NSBanner.module.css +47 -47
  107. package/src/components/NSBanner.tsx +80 -80
  108. package/src/components/NSBarAction.module.css +91 -91
  109. package/src/components/NSBarAction.tsx +95 -95
  110. package/src/components/NSBarAlert.module.css +79 -79
  111. package/src/components/NSBarAlert.tsx +35 -35
  112. package/src/components/NSBarNotification.module.css +34 -34
  113. package/src/components/NSBarNotification.tsx +89 -89
  114. package/src/components/NSBarTitle.module.css +9 -9
  115. package/src/components/NSBarTitle.tsx +23 -23
  116. package/src/components/NSBox.module.css +87 -87
  117. package/src/components/NSBox.tsx +19 -19
  118. package/src/components/NSBoxBaseCombo.module.css +24 -24
  119. package/src/components/NSBoxBaseCombo.tsx +501 -501
  120. package/src/components/NSBoxBaseLayout.tsx +163 -163
  121. package/src/components/NSBoxBaseLayoutRecursive.tsx +59 -59
  122. package/src/components/NSBoxBoolean.module.css +73 -73
  123. package/src/components/NSBoxBoolean.tsx +152 -152
  124. package/src/components/NSBoxBooleans.tsx +181 -181
  125. package/src/components/NSBoxColor.tsx +107 -107
  126. package/src/components/NSBoxCombo.tsx +95 -95
  127. package/src/components/NSBoxDate.module.css +4 -4
  128. package/src/components/NSBoxDate.tsx +144 -144
  129. package/src/components/NSBoxDateRange.tsx +88 -88
  130. package/src/components/NSBoxDateRangeBase.module.css +73 -73
  131. package/src/components/NSBoxDateRangeBase.tsx +236 -236
  132. package/src/components/NSBoxDateTime.module.css +4 -4
  133. package/src/components/NSBoxDateTime.tsx +136 -136
  134. package/src/components/NSBoxDateTimeRange.tsx +66 -66
  135. package/src/components/NSBoxDouble.tsx +110 -110
  136. package/src/components/NSBoxDuration.module.css +4 -4
  137. package/src/components/NSBoxDuration.tsx +107 -107
  138. package/src/components/NSBoxDynamic.tsx +73 -73
  139. package/src/components/NSBoxDynamics.tsx +68 -68
  140. package/src/components/NSBoxEmail.tsx +117 -117
  141. package/src/components/NSBoxEntity.tsx +180 -180
  142. package/src/components/NSBoxEnum.tsx +113 -113
  143. package/src/components/NSBoxFile.module.css +10 -10
  144. package/src/components/NSBoxFile.tsx +106 -106
  145. package/src/components/NSBoxFilePath.tsx +106 -106
  146. package/src/components/NSBoxFont.tsx +107 -107
  147. package/src/components/NSBoxIPV4.tsx +107 -107
  148. package/src/components/NSBoxIPV4Range.tsx +107 -107
  149. package/src/components/NSBoxIPV6.tsx +104 -104
  150. package/src/components/NSBoxIPV6Range.tsx +107 -107
  151. package/src/components/NSBoxInteger.module.css +16 -16
  152. package/src/components/NSBoxInteger.tsx +126 -126
  153. package/src/components/NSBoxMoney.tsx +115 -115
  154. package/src/components/NSBoxOptions.module.css +53 -53
  155. package/src/components/NSBoxOptions.tsx +182 -182
  156. package/src/components/NSBoxPhone.module.css +35 -35
  157. package/src/components/NSBoxPhone.tsx +120 -120
  158. package/src/components/NSBoxRadio.module.css +33 -33
  159. package/src/components/NSBoxRadio.tsx +104 -104
  160. package/src/components/NSBoxSchemaBase.module.css +17 -17
  161. package/src/components/NSBoxSchemaBase.tsx +562 -562
  162. package/src/components/NSBoxSchemaVariable.module.css +16 -16
  163. package/src/components/NSBoxSchemaVariable.tsx +262 -262
  164. package/src/components/NSBoxSearch.tsx +112 -112
  165. package/src/components/NSBoxSensitive.tsx +133 -133
  166. package/src/components/NSBoxString.tsx +106 -106
  167. package/src/components/NSBoxTextArea.module.css +12 -12
  168. package/src/components/NSBoxTextArea.tsx +136 -136
  169. package/src/components/NSBoxTime.module.css +4 -4
  170. package/src/components/NSBoxTime.tsx +106 -106
  171. package/src/components/NSBoxTimeRange.tsx +220 -220
  172. package/src/components/NSBoxTimeZone.tsx +122 -122
  173. package/src/components/NSBoxURL.tsx +117 -117
  174. package/src/components/NSBoxVersion.tsx +107 -107
  175. package/src/components/NSButton.module.css +57 -57
  176. package/src/components/NSButton.tsx +74 -74
  177. package/src/components/NSButtonBlue.module.css +4 -4
  178. package/src/components/NSButtonBlue.tsx +29 -29
  179. package/src/components/NSButtonGreen.module.css +4 -4
  180. package/src/components/NSButtonGreen.tsx +29 -29
  181. package/src/components/NSButtonRed.module.css +4 -4
  182. package/src/components/NSButtonRed.tsx +29 -29
  183. package/src/components/NSCard.module.css +113 -113
  184. package/src/components/NSCard.tsx +67 -67
  185. package/src/components/NSCardScreenshot.module.css +41 -41
  186. package/src/components/NSCardScreenshot.tsx +31 -31
  187. package/src/components/NSChartBar.tsx +134 -134
  188. package/src/components/NSChartDoughnut.tsx +114 -114
  189. package/src/components/NSChartLine.tsx +110 -110
  190. package/src/components/NSChartPie.tsx +105 -105
  191. package/src/components/NSChartRange.tsx +14 -14
  192. package/src/components/NSColumn.module.css +16 -16
  193. package/src/components/NSColumn.tsx +24 -24
  194. package/src/components/NSCopy.tsx +95 -95
  195. package/src/components/NSCopyBox.module.css +39 -39
  196. package/src/components/NSCopyBox.tsx +53 -53
  197. package/src/components/NSDialog.module.css +105 -105
  198. package/src/components/NSDialog.tsx +72 -72
  199. package/src/components/NSDialogBox.tsx +38 -38
  200. package/src/components/NSDialogBoxDate.tsx +28 -28
  201. package/src/components/NSDialogBoxDateTime.tsx +28 -28
  202. package/src/components/NSDialogBoxPhone.tsx +28 -28
  203. package/src/components/NSDialogBoxString.tsx +28 -28
  204. package/src/components/NSDialogDelete.tsx +36 -36
  205. package/src/components/NSDialogInfo.tsx +49 -49
  206. package/src/components/NSDialogPageSelection.module.css +103 -103
  207. package/src/components/NSDialogPageSelection.tsx +233 -233
  208. package/src/components/NSDownTimer.module.css +55 -55
  209. package/src/components/NSDownTimer.tsx +91 -91
  210. package/src/components/NSDownload.module.css +46 -46
  211. package/src/components/NSDownload.tsx +69 -69
  212. package/src/components/NSElectronicCard.module.css +60 -60
  213. package/src/components/NSElectronicCard.tsx +46 -46
  214. package/src/components/NSEntityCardBackground.module.css +27 -27
  215. package/src/components/NSEntityCardBackground.tsx +36 -36
  216. package/src/components/NSFilterBox.module.css +27 -27
  217. package/src/components/NSFilterBox.tsx +477 -477
  218. package/src/components/NSFilterBoxItems.module.css +15 -15
  219. package/src/components/NSFilterBoxItems.tsx +52 -52
  220. package/src/components/NSFilterItem.module.css +24 -24
  221. package/src/components/NSFilterItem.tsx +27 -27
  222. package/src/components/NSFooter.module.css +140 -140
  223. package/src/components/NSFooter.tsx +321 -321
  224. package/src/components/NSGauge.module.css +67 -67
  225. package/src/components/NSGauge.tsx +52 -52
  226. package/src/components/NSGaugeDate.module.css +57 -57
  227. package/src/components/NSGaugeDate.tsx +125 -125
  228. package/src/components/NSGaugeNumber.module.css +66 -66
  229. package/src/components/NSGaugeNumber.tsx +93 -93
  230. package/src/components/NSHeader.module.css +316 -316
  231. package/src/components/NSHeader.tsx +337 -337
  232. package/src/components/NSHeaderScreenshot.module.css +35 -35
  233. package/src/components/NSHeaderScreenshot.tsx +39 -39
  234. package/src/components/NSID.tsx +178 -178
  235. package/src/components/NSInfo.tsx +50 -50
  236. package/src/components/NSLabel.module.css +25 -25
  237. package/src/components/NSLabel.tsx +47 -47
  238. package/src/components/NSLabelErrorNotifier.module.css +2 -2
  239. package/src/components/NSLabelErrorNotifier.tsx +35 -35
  240. package/src/components/NSLabelSensitive.module.css +9 -9
  241. package/src/components/NSLabelSensitive.tsx +101 -101
  242. package/src/components/NSLayout.module.css +22 -22
  243. package/src/components/NSLayout.tsx +143 -143
  244. package/src/components/NSLine.module.css +15 -15
  245. package/src/components/NSLine.tsx +13 -13
  246. package/src/components/NSLineText.module.css +38 -38
  247. package/src/components/NSLineText.tsx +17 -17
  248. package/src/components/NSLink.module.css +36 -36
  249. package/src/components/NSLink.tsx +26 -26
  250. package/src/components/NSLinkBlue.tsx +22 -22
  251. package/src/components/NSLinkGreen.tsx +13 -13
  252. package/src/components/NSLinkRed.tsx +13 -13
  253. package/src/components/NSListGrouped.module.css +69 -69
  254. package/src/components/NSListGrouped.tsx +106 -106
  255. package/src/components/NSListProduct.tsx +78 -78
  256. package/src/components/NSLoading.module.css +10 -10
  257. package/src/components/NSLoading.tsx +43 -43
  258. package/src/components/NSMegaMenu.module.css +133 -133
  259. package/src/components/NSMegaMenu.tsx +188 -188
  260. package/src/components/NSMenuAction.module.css +88 -88
  261. package/src/components/NSMenuAction.tsx +106 -106
  262. package/src/components/NSMenuButton.module.css +44 -44
  263. package/src/components/NSMenuButton.tsx +198 -198
  264. package/src/components/NSNoData.module.css +11 -11
  265. package/src/components/NSNoData.tsx +24 -24
  266. package/src/components/NSPagination.module.css +94 -94
  267. package/src/components/NSPagination.tsx +182 -182
  268. package/src/components/NSPanel.module.css +28 -28
  269. package/src/components/NSPanel.tsx +26 -26
  270. package/src/components/NSPanelAccordion.module.css +4 -4
  271. package/src/components/NSPanelAccordion.tsx +51 -51
  272. package/src/components/NSProductSearch.module.css +73 -73
  273. package/src/components/NSProductSearch.tsx +193 -193
  274. package/src/components/NSProgressBar.module.css +38 -38
  275. package/src/components/NSProgressBar.tsx +29 -29
  276. package/src/components/NSRange.module.css +66 -66
  277. package/src/components/NSRange.tsx +83 -83
  278. package/src/components/NSReorderDialog.module.css +53 -49
  279. package/src/components/NSReorderDialog.tsx +203 -184
  280. package/src/components/NSRepeater.tsx +327 -327
  281. package/src/components/NSRepeaterNSBoxSchemaVariable.tsx +96 -96
  282. package/src/components/NSRepeaterNSTag.tsx +86 -86
  283. package/src/components/NSRow.module.css +17 -17
  284. package/src/components/NSRow.tsx +24 -24
  285. package/src/components/NSSection.module.css +4 -4
  286. package/src/components/NSSection.tsx +26 -26
  287. package/src/components/NSSectionCards.module.css +38 -38
  288. package/src/components/NSSectionCards.tsx +51 -51
  289. package/src/components/NSSectionTiles.module.css +10 -10
  290. package/src/components/NSSectionTiles.tsx +25 -25
  291. package/src/components/NSSectionTitle.tsx +19 -19
  292. package/src/components/NSSortDialog.tsx +124 -124
  293. package/src/components/NSSpace.tsx +28 -28
  294. package/src/components/NSSplitter.module.css +59 -59
  295. package/src/components/NSSplitter.tsx +211 -211
  296. package/src/components/NSTabPage.module.css +59 -59
  297. package/src/components/NSTabPage.tsx +122 -122
  298. package/src/components/NSTable.module.css +374 -374
  299. package/src/components/NSTable.tsx +1451 -1451
  300. package/src/components/NSTableChart.module.css +119 -119
  301. package/src/components/NSTableChart.tsx +732 -732
  302. package/src/components/NSTag.tsx +74 -74
  303. package/src/components/NSTile.module.css +76 -76
  304. package/src/components/NSTile.tsx +27 -27
  305. package/src/components/NSTimelineMonthly.module.css +71 -71
  306. package/src/components/NSTimelineMonthly.tsx +44 -44
  307. package/src/components/NSTitle.module.css +15 -15
  308. package/src/components/NSTitle.tsx +19 -19
  309. package/src/css.d.ts +13 -13
  310. package/src/formatter/BackColorFormatter.tsx +23 -23
  311. package/src/formatter/BaseColumnFormatter.ts +86 -86
  312. package/src/formatter/BaseURLImageFormatter.tsx +37 -37
  313. package/src/formatter/BooleanFormatter.ts +26 -26
  314. package/src/formatter/BytesFormatter.tsx +19 -19
  315. package/src/formatter/DateFormatter.ts +26 -26
  316. package/src/formatter/DateTimeFormatter.ts +26 -26
  317. package/src/formatter/DurationFormatter.ts +17 -17
  318. package/src/formatter/EmailFormatter.tsx +25 -25
  319. package/src/formatter/EnumFormatter.ts +17 -17
  320. package/src/formatter/FloatFormatter.ts +27 -27
  321. package/src/formatter/ForeColorFormatter.tsx +24 -24
  322. package/src/formatter/IDFormatter.tsx +58 -58
  323. package/src/formatter/IPFormatter.ts +39 -39
  324. package/src/formatter/IntegerFormatter.ts +27 -27
  325. package/src/formatter/JsonFormatter.tsx +75 -75
  326. package/src/formatter/MoneyFormatter.ts +39 -39
  327. package/src/formatter/PercentFormatter.tsx +43 -43
  328. package/src/formatter/PhoneFormatter.tsx +25 -25
  329. package/src/formatter/SensitiveFormatter.tsx +40 -40
  330. package/src/formatter/StringFormatter.tsx +49 -49
  331. package/src/formatter/TimeFormatter.ts +25 -25
  332. package/src/formatter/URLFormatter.tsx +28 -28
  333. package/src/formatter/UnknowFormatter.ts +22 -22
  334. package/src/index.css +5 -5
  335. package/src/index.tsx +7 -7
  336. package/src/main.ts +263 -263
  337. package/src/pages/NSImplementing.module.css +35 -35
  338. package/src/pages/NSImplementing.tsx +32 -32
  339. package/src/pages/NSNotFoundPage.module.css +18 -18
  340. package/src/pages/NSNotFoundPage.tsx +14 -14
  341. package/src/pages/NSUpdating.module.css +35 -35
  342. package/src/pages/NSUpdating.tsx +32 -32
  343. package/src/props/IBackgroundProps.ts +5 -5
  344. package/src/props/IBaseComponentProps.ts +8 -8
  345. package/src/props/IHeaderIconProps.ts +10 -10
  346. package/src/props/IHeaderLeftProps.ts +6 -6
  347. package/src/props/IHeaderRightProps.ts +8 -8
  348. package/src/props/IImageProps.ts +4 -4
  349. package/src/props/ILinkProps.ts +4 -4
  350. package/src/props/IValidationNumberProps.ts +4 -4
  351. package/src/props/IValidationPrecisionProps.ts +3 -3
  352. package/src/props/IValidationProps.ts +9 -9
  353. package/src/props/IValidationRegexProps.ts +4 -4
  354. package/src/props/IValidationStringProps.ts +4 -4
  355. package/src/routing/NSNotifier.ts +114 -114
  356. package/src/routing/NSRouterMaker.tsx +28 -28
  357. package/tsconfig.json +43 -43
  358. package/dist/components/NSListMenu.d.ts +0 -9
  359. package/dist/components/NSListMenu.js +0 -135
  360. package/dist/components/NSListMenu.js.map +0 -1
@@ -1,68 +1,68 @@
1
- .ns_wrapper {
2
- display: flex;
3
- flex-direction: column;
4
- align-items: center;
5
-
6
- span {
7
- margin-top: 0.5rem;
8
- font-weight: 500;
9
- line-height: 1.25rem;
10
- text-align: center;
11
- color: #A1A4B0;
12
- }
13
- }
14
-
15
- .ns_gauge_and_hand_wrapper {
16
- position: relative;
17
- height: 5.5rem;
18
- width: 11rem;
19
-
20
- svg {
21
- position: absolute;
22
- bottom: -2px;
23
- left: 18px;
24
- transform-origin: 70px 2px;
25
- transition: transform 0.5s ease-in-out;
26
- animation: rotation 0.5s ease-in-out;
27
- }
28
- }
29
-
30
- .ns_gauge_wrapper {
31
- position: relative;
32
- height: 100%;
33
- width: 100%;
34
- overflow: hidden;
35
- }
36
-
37
- .ns_gauge_progress_wrapper {
38
- position: absolute;
39
- width: 100%;
40
- height: 11rem;
41
- transform: rotateZ(45deg);
42
- }
43
-
44
- .ns_gauge_progress {
45
- position: absolute;
46
- width: 100%;
47
- height: 100%;
48
- border-radius: 50%;
49
- border: 2.25rem solid #e9e9e9;
50
- }
51
-
52
- .ns_gauge_progress_bar {
53
- position: absolute;
54
- top: 0.25rem;
55
- left: 0.25rem;
56
- width: 10.5rem;
57
- height: 10.5rem;
58
- border: 1.75rem solid #e9e9e9;
59
- border-radius: 50%;
60
- transition: transform 0.5s ease-in-out, border-color 0.5s ease-in-out;
61
- animation: rotation 0.5s ease-in-out;
62
- }
63
-
64
- @keyframes rotation {
65
- from {
66
- transform: rotateZ(0);
67
- }
1
+ .ns_wrapper {
2
+ display: flex;
3
+ flex-direction: column;
4
+ align-items: center;
5
+
6
+ span {
7
+ margin-top: 0.5rem;
8
+ font-weight: 500;
9
+ line-height: 1.25rem;
10
+ text-align: center;
11
+ color: #A1A4B0;
12
+ }
13
+ }
14
+
15
+ .ns_gauge_and_hand_wrapper {
16
+ position: relative;
17
+ height: 5.5rem;
18
+ width: 11rem;
19
+
20
+ svg {
21
+ position: absolute;
22
+ bottom: -2px;
23
+ left: 18px;
24
+ transform-origin: 70px 2px;
25
+ transition: transform 0.5s ease-in-out;
26
+ animation: rotation 0.5s ease-in-out;
27
+ }
28
+ }
29
+
30
+ .ns_gauge_wrapper {
31
+ position: relative;
32
+ height: 100%;
33
+ width: 100%;
34
+ overflow: hidden;
35
+ }
36
+
37
+ .ns_gauge_progress_wrapper {
38
+ position: absolute;
39
+ width: 100%;
40
+ height: 11rem;
41
+ transform: rotateZ(45deg);
42
+ }
43
+
44
+ .ns_gauge_progress {
45
+ position: absolute;
46
+ width: 100%;
47
+ height: 100%;
48
+ border-radius: 50%;
49
+ border: 2.25rem solid #e9e9e9;
50
+ }
51
+
52
+ .ns_gauge_progress_bar {
53
+ position: absolute;
54
+ top: 0.25rem;
55
+ left: 0.25rem;
56
+ width: 10.5rem;
57
+ height: 10.5rem;
58
+ border: 1.75rem solid #e9e9e9;
59
+ border-radius: 50%;
60
+ transition: transform 0.5s ease-in-out, border-color 0.5s ease-in-out;
61
+ animation: rotation 0.5s ease-in-out;
62
+ }
63
+
64
+ @keyframes rotation {
65
+ from {
66
+ transform: rotateZ(0);
67
+ }
68
68
  }
@@ -1,58 +1,58 @@
1
- .ns_gauge_link {
2
- text-decoration: none;
3
- }
4
-
5
- .ns_gauge_link>.ns_gauge_wrapper {
6
- height: 100%;
7
- }
8
-
9
- .ns_gauge_wrapper {
10
- width: 20rem;
11
- margin: 0;
12
- padding: 0;
13
- }
14
-
15
- .ns_gauge_header {
16
- width: 100%;
17
- height: 100%;
18
- padding: 1rem;
19
- display: flex;
20
- align-items: center;
21
- gap: 0.75rem;
22
- background-color: #e9e9e9;
23
- color: #141b5c;
24
-
25
- .ns_gauge_header_titles {
26
- display: flex;
27
- flex-direction: column;
28
- gap: 0.25rem;
29
- }
30
-
31
- .title {
32
- font-size: 1.25rem;
33
- line-height: 1.25rem;
34
- font-weight: 700;
35
- }
36
- }
37
-
38
- .ns_gauge_body {
39
- width: 100%;
40
- min-height: 13rem;
41
- margin-top: auto;
42
- padding: 0 1rem 1rem;
43
- display: flex;
44
- flex-direction: column;
45
- align-items: center;
46
- }
47
-
48
- .ns_gauge_dates {
49
- display: flex;
50
- gap: 6.5rem;
51
- margin-top: 0.5rem;
52
-
53
- span {
54
- font-weight: 500;
55
- line-height: 1.25rem;
56
- color: #a1a4b0;
57
- }
1
+ .ns_gauge_link {
2
+ text-decoration: none;
3
+ }
4
+
5
+ .ns_gauge_link>.ns_gauge_wrapper {
6
+ height: 100%;
7
+ }
8
+
9
+ .ns_gauge_wrapper {
10
+ width: 20rem;
11
+ margin: 0;
12
+ padding: 0;
13
+ }
14
+
15
+ .ns_gauge_header {
16
+ width: 100%;
17
+ height: 100%;
18
+ padding: 1rem;
19
+ display: flex;
20
+ align-items: center;
21
+ gap: 0.75rem;
22
+ background-color: #e9e9e9;
23
+ color: #141b5c;
24
+
25
+ .ns_gauge_header_titles {
26
+ display: flex;
27
+ flex-direction: column;
28
+ gap: 0.25rem;
29
+ }
30
+
31
+ .title {
32
+ font-size: 1.25rem;
33
+ line-height: 1.25rem;
34
+ font-weight: 700;
35
+ }
36
+ }
37
+
38
+ .ns_gauge_body {
39
+ width: 100%;
40
+ min-height: 13rem;
41
+ margin-top: auto;
42
+ padding: 0 1rem 1rem;
43
+ display: flex;
44
+ flex-direction: column;
45
+ align-items: center;
46
+ }
47
+
48
+ .ns_gauge_dates {
49
+ display: flex;
50
+ gap: 6.5rem;
51
+ margin-top: 0.5rem;
52
+
53
+ span {
54
+ font-weight: 500;
55
+ line-height: 1.25rem;
56
+ color: #a1a4b0;
57
+ }
58
58
  }
@@ -1,67 +1,67 @@
1
- .ns_gauge_link {
2
- text-decoration: none;
3
- }
4
-
5
- .ns_gauge_link>.ns_gauge_wrapper {
6
- height: 100%;
7
- }
8
-
9
- .ns_gauge_wrapper {
10
- width: 20rem;
11
- margin: 0;
12
- padding: 0;
13
- }
14
-
15
- .ns_gauge_header {
16
- width: 100%;
17
- height: 100%;
18
- padding: 1rem;
19
- display: flex;
20
- align-items: center;
21
- gap: 0.75rem;
22
- background-color: #e9e9e9;
23
- color: #141b5c;
24
-
25
- .ns_gauge_header_titles {
26
- display: flex;
27
- flex-direction: column;
28
- gap: 0.25rem;
29
- }
30
-
31
- .title {
32
- font-size: 1.25rem;
33
- line-height: 1.25rem;
34
- font-weight: 700;
35
- }
36
- }
37
-
38
- .ns_gauge_body {
39
- width: 100%;
40
- min-height: 13rem;
41
- margin-top: auto;
42
- padding: 0 1rem 1rem;
43
- display: flex;
44
- flex-direction: column;
45
- align-items: center;
46
- }
47
-
48
- .ns_title_wrapper {
49
- margin-top: 1rem;
50
- display: flex;
51
- flex-direction: column;
52
- align-items: center;
53
- gap: 0.5rem;
54
-
55
- .title {
56
- font-size: 2rem;
57
- line-height: 2rem;
58
- font-weight: 700;
59
- color: #141b5c;
60
- }
61
-
62
- .subtitle {
63
- color: #a1a4b0;
64
- font-weight: 500;
65
- line-height: 1.25rem;
66
- }
1
+ .ns_gauge_link {
2
+ text-decoration: none;
3
+ }
4
+
5
+ .ns_gauge_link>.ns_gauge_wrapper {
6
+ height: 100%;
7
+ }
8
+
9
+ .ns_gauge_wrapper {
10
+ width: 20rem;
11
+ margin: 0;
12
+ padding: 0;
13
+ }
14
+
15
+ .ns_gauge_header {
16
+ width: 100%;
17
+ height: 100%;
18
+ padding: 1rem;
19
+ display: flex;
20
+ align-items: center;
21
+ gap: 0.75rem;
22
+ background-color: #e9e9e9;
23
+ color: #141b5c;
24
+
25
+ .ns_gauge_header_titles {
26
+ display: flex;
27
+ flex-direction: column;
28
+ gap: 0.25rem;
29
+ }
30
+
31
+ .title {
32
+ font-size: 1.25rem;
33
+ line-height: 1.25rem;
34
+ font-weight: 700;
35
+ }
36
+ }
37
+
38
+ .ns_gauge_body {
39
+ width: 100%;
40
+ min-height: 13rem;
41
+ margin-top: auto;
42
+ padding: 0 1rem 1rem;
43
+ display: flex;
44
+ flex-direction: column;
45
+ align-items: center;
46
+ }
47
+
48
+ .ns_title_wrapper {
49
+ margin-top: 1rem;
50
+ display: flex;
51
+ flex-direction: column;
52
+ align-items: center;
53
+ gap: 0.5rem;
54
+
55
+ .title {
56
+ font-size: 2rem;
57
+ line-height: 2rem;
58
+ font-weight: 700;
59
+ color: #141b5c;
60
+ }
61
+
62
+ .subtitle {
63
+ color: #a1a4b0;
64
+ font-weight: 500;
65
+ line-height: 1.25rem;
66
+ }
67
67
  }