@oliasoft-open-source/react-ui-library 3.10.4 → 3.10.5-beta-1

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.
package/dist/global.css CHANGED
@@ -1057,13 +1057,12 @@ html[data-theme='dark'] {
1057
1057
  /*
1058
1058
  Z-INDEX
1059
1059
  */
1060
- ._chevron_1blrq_335 {
1060
+ ._chevron_h4k3i_335 {
1061
1061
  margin-right: 10px;
1062
- font-size: 11px;
1063
1062
  transition: transform 0.3s;
1064
1063
  color: var(--color-text-muted);
1065
1064
  }
1066
- ._chevron_1blrq_335._expanded_1blrq_341 {
1065
+ ._chevron_h4k3i_335._expanded_h4k3i_340 {
1067
1066
  transform: rotate(90deg);
1068
1067
  }
1069
1068
  /*
@@ -1400,51 +1399,31 @@ html[data-theme='dark'] {
1400
1399
  /*
1401
1400
  Z-INDEX
1402
1401
  */
1403
- ._accordion_1yewz_335 {
1404
- position: relative;
1405
- color: var(--color-text);
1406
- }
1407
- ._accordion_1yewz_335 ._accordionHeader_1yewz_339 {
1408
- display: flex;
1402
+ ._wrapper_124bw_335 {
1403
+ color: inherit;
1404
+ fill: inherit;
1405
+ display: inline-flex;
1409
1406
  align-items: center;
1407
+ justify-content: center;
1410
1408
  }
1411
- ._accordion_1yewz_335 ._accordionHeader_1yewz_339 ._heading_1yewz_343 {
1412
- flex-grow: 1;
1413
- }
1414
- ._accordion_1yewz_335 ._accordionHeader_1yewz_339._clickable_1yewz_346:hover {
1415
- cursor: pointer;
1416
- }
1417
- ._accordion_1yewz_335 ._accordionHeader_1yewz_339._clickable_1yewz_346:hover > * {
1418
- color: var(--color-text) !important;
1419
- }
1420
- ._accordion_1yewz_335:not(._bordered_1yewz_352) ._accordionContent_1yewz_352 {
1421
- margin-top: 15px;
1422
- }
1423
- ._accordion_1yewz_335._bordered_1yewz_352 ._accordionHeader_1yewz_339,
1424
- ._accordion_1yewz_335._bordered_1yewz_352 ._accordionContent_1yewz_352 {
1425
- border: 1px solid var(--color-border);
1426
- line-height: 20px;
1427
- }
1428
- ._accordion_1yewz_335._bordered_1yewz_352 ._accordionHeader_1yewz_339 {
1429
- padding: 10px 15px;
1430
- border-radius: 4px;
1431
- background-color: var(--color-background);
1409
+ ._wrapper_124bw_335 ._customSvg_124bw_342 {
1410
+ line-height: 0;
1432
1411
  }
1433
- ._accordion_1yewz_335._bordered_1yewz_352._expanded_1yewz_365 ._accordionHeader_1yewz_339 {
1434
- border-bottom-left-radius: 0;
1435
- border-bottom-right-radius: 0;
1412
+ ._wrapper_124bw_335 ._customPng_124bw_345 {
1413
+ max-width: 100%;
1414
+ max-height: 100%;
1415
+ object-fit: contain;
1436
1416
  }
1437
- ._accordion_1yewz_335._bordered_1yewz_352 ._accordionContent_1yewz_352 {
1438
- border-top: none;
1439
- border-radius: 0 0 4px 4px;
1440
- background-color: var(--color-background-raised);
1417
+ ._clickable_124bw_350 {
1418
+ cursor: pointer;
1441
1419
  }
1442
- ._accordion_1yewz_335._bordered_1yewz_352 ._accordionContent_1yewz_352._padding_1yewz_374 {
1443
- padding: 10px 15px;
1420
+ ._clickable_124bw_350:hover {
1421
+ color: var(--color-text-primary-hover) !important;
1422
+ fill: var(--color-text-primary-hover) !important;
1444
1423
  }
1445
- ._accordion_1yewz_335._bordered_1yewz_352._squareBottom_1yewz_377 ._accordionHeader_1yewz_339 {
1446
- border-bottom-left-radius: 0;
1447
- border-bottom-right-radius: 0;
1424
+ ._clickable_124bw_350:active {
1425
+ color: var(--color-text-primary-active) !important;
1426
+ fill: var(--color-text-primary-active) !important;
1448
1427
  }
1449
1428
  /*
1450
1429
  This file has shared variables that are re-used in other LESS files/modules
@@ -1780,89 +1759,51 @@ html[data-theme='dark'] {
1780
1759
  /*
1781
1760
  Z-INDEX
1782
1761
  */
1783
- ._checkbox_19ok6_335 {
1784
- margin: 10px 0 11px 0;
1762
+ ._accordion_1yewz_335 {
1785
1763
  position: relative;
1764
+ color: var(--color-text);
1765
+ }
1766
+ ._accordion_1yewz_335 ._accordionHeader_1yewz_339 {
1786
1767
  display: flex;
1787
1768
  align-items: center;
1788
- gap: 8px;
1789
- backface-visibility: hidden;
1790
- vertical-align: baseline;
1791
- font-style: normal;
1792
- min-height: 17px;
1793
- font-size: inherit;
1794
- line-height: 17px;
1795
- min-width: 17px;
1796
- outline: 0px;
1797
1769
  }
1798
- ._checkbox_19ok6_335._noLabel_19ok6_350 {
1799
- width: 17px;
1800
- }
1801
- ._checkbox_19ok6_335._small_19ok6_353 {
1802
- margin: 3px 0;
1803
- font-size: 12px;
1804
- }
1805
- ._checkbox_19ok6_335 input {
1806
- cursor: pointer;
1807
- position: absolute;
1808
- top: 0px;
1809
- left: 0px;
1810
- width: 17px;
1811
- height: 17px;
1812
- opacity: 0 !important;
1813
- outline: 0px;
1814
- z-index: -1;
1770
+ ._accordion_1yewz_335 ._accordionHeader_1yewz_339 ._heading_1yewz_343 {
1771
+ flex-grow: 1;
1815
1772
  }
1816
- ._checkbox_19ok6_335 label {
1773
+ ._accordion_1yewz_335 ._accordionHeader_1yewz_339._clickable_1yewz_346:hover {
1817
1774
  cursor: pointer;
1818
- user-select: none;
1819
- color: var(--color-text);
1820
- transition: color 0.1s ease 0s;
1821
- display: block;
1822
- padding-left: 1.85714em;
1823
- font-size: 1em;
1824
- outline: 0px;
1825
- }
1826
- ._checkbox_19ok6_335 label ._checkmark_19ok6_378 {
1827
- position: absolute;
1828
- top: 0px;
1829
- left: 0px;
1830
- width: 17px;
1831
- height: 17px;
1832
- padding: 2px;
1833
- background: var(--color-background-input);
1834
- border-radius: 0.214286rem;
1835
- transition: border 0.1s ease 0s, opacity 0.1s ease 0s, transform 0.1s ease 0s, box-shadow 0.1s ease 0s;
1836
- border: 1px solid var(--color-border-checkbox);
1837
- color: transparent;
1838
1775
  }
1839
- ._checkbox_19ok6_335 label ._checkmark_19ok6_378:hover {
1840
- border-color: var(--color-border-hover);
1776
+ ._accordion_1yewz_335 ._accordionHeader_1yewz_339._clickable_1yewz_346:hover > * {
1777
+ color: var(--color-text) !important;
1841
1778
  }
1842
- ._checkbox_19ok6_335 input:checked ~ label ._checkmark_19ok6_378 {
1843
- background: var(--color-background-primary);
1844
- border-color: transparent;
1845
- color: white;
1779
+ ._accordion_1yewz_335:not(._bordered_1yewz_352) ._accordionContent_1yewz_352 {
1780
+ margin-top: 15px;
1846
1781
  }
1847
- ._checkbox_19ok6_335._disabled_19ok6_399 {
1848
- cursor: default;
1849
- pointer-events: none;
1782
+ ._accordion_1yewz_335._bordered_1yewz_352 ._accordionHeader_1yewz_339,
1783
+ ._accordion_1yewz_335._bordered_1yewz_352 ._accordionContent_1yewz_352 {
1784
+ border: 1px solid var(--color-border);
1785
+ line-height: 20px;
1850
1786
  }
1851
- ._checkbox_19ok6_335._disabled_19ok6_399 label {
1852
- color: var(--color-text-muted);
1787
+ ._accordion_1yewz_335._bordered_1yewz_352 ._accordionHeader_1yewz_339 {
1788
+ padding: 10px 15px;
1789
+ border-radius: 4px;
1790
+ background-color: var(--color-background);
1853
1791
  }
1854
- ._checkbox_19ok6_335._disabled_19ok6_399 ._checkmark_19ok6_378 {
1855
- background: var(--color-background-disabled) !important;
1856
- border-color: var(--color-border-checkbox) !important;
1792
+ ._accordion_1yewz_335._bordered_1yewz_352._expanded_1yewz_365 ._accordionHeader_1yewz_339 {
1793
+ border-bottom-left-radius: 0;
1794
+ border-bottom-right-radius: 0;
1857
1795
  }
1858
- ._checkbox_19ok6_335._disabled_19ok6_399 input:checked ~ label ._checkmark_19ok6_378 {
1859
- color: var(--color-text-faint);
1796
+ ._accordion_1yewz_335._bordered_1yewz_352 ._accordionContent_1yewz_352 {
1797
+ border-top: none;
1798
+ border-radius: 0 0 4px 4px;
1799
+ background-color: var(--color-background-raised);
1860
1800
  }
1861
- ._noMargin_19ok6_413 {
1862
- margin: 0;
1801
+ ._accordion_1yewz_335._bordered_1yewz_352 ._accordionContent_1yewz_352._padding_1yewz_374 {
1802
+ padding: 10px 15px;
1863
1803
  }
1864
- ._isInTable_19ok6_416 {
1865
- margin: 0;
1804
+ ._accordion_1yewz_335._bordered_1yewz_352._squareBottom_1yewz_377 ._accordionHeader_1yewz_339 {
1805
+ border-bottom-left-radius: 0;
1806
+ border-bottom-right-radius: 0;
1866
1807
  }
1867
1808
  /*
1868
1809
  This file has shared variables that are re-used in other LESS files/modules
@@ -2198,46 +2139,91 @@ html[data-theme='dark'] {
2198
2139
  /*
2199
2140
  Z-INDEX
2200
2141
  */
2201
- ._tooltip_1jqh5_335 {
2202
- background: var(--color-text);
2203
- fill: var(--color-text);
2204
- z-index: 2003;
2205
- color: var(--color-background);
2206
- border-radius: 3px;
2142
+ ._checkbox_ec600_335 {
2143
+ margin: 10px 0 11px 0;
2144
+ position: relative;
2145
+ display: flex;
2146
+ align-items: center;
2147
+ gap: 8px;
2148
+ backface-visibility: hidden;
2149
+ vertical-align: baseline;
2150
+ font-style: normal;
2151
+ min-height: 17px;
2152
+ font-size: inherit;
2153
+ line-height: 17px;
2154
+ min-width: 17px;
2155
+ outline: 0px;
2207
2156
  }
2208
- ._tooltip_1jqh5_335 * {
2209
- color: var(--color-background);
2157
+ ._checkbox_ec600_335._noLabel_ec600_350 {
2158
+ width: 17px;
2210
2159
  }
2211
- ._tooltip_1jqh5_335 > svg,
2212
- ._tooltip_1jqh5_335 > svg > * {
2213
- fill: inherit !important;
2160
+ ._checkbox_ec600_335._small_ec600_353 {
2161
+ margin: 3px 0;
2162
+ font-size: 12px;
2214
2163
  }
2215
- ._tooltip_1jqh5_335._error_1jqh5_349 {
2216
- background: var(--color-error-500);
2217
- fill: var(--color-error-500);
2164
+ ._checkbox_ec600_335 input {
2165
+ cursor: pointer;
2166
+ position: absolute;
2167
+ top: 0px;
2168
+ left: 0px;
2169
+ width: 17px;
2170
+ height: 17px;
2171
+ opacity: 0 !important;
2172
+ outline: 0px;
2173
+ z-index: -1;
2218
2174
  }
2219
- ._tooltip_1jqh5_335._warning_1jqh5_353 {
2220
- background: var(--color-warning-500);
2221
- fill: var(--color-warning-500);
2175
+ ._checkbox_ec600_335 label {
2176
+ cursor: pointer;
2177
+ user-select: none;
2178
+ color: var(--color-text);
2179
+ transition: color 0.1s ease 0s;
2180
+ display: block;
2181
+ padding-left: 1.85714em;
2182
+ font-size: 1em;
2183
+ outline: 0px;
2222
2184
  }
2223
- ._helpIcon_1yokl_1 {
2224
- color: var(--color-text-faint);
2225
- font-size: 13px;
2185
+ ._checkbox_ec600_335 label ._checkmark_ec600_378 {
2186
+ position: absolute;
2187
+ top: 0px;
2188
+ left: 0px;
2189
+ width: 17px;
2190
+ height: 17px;
2226
2191
  display: inline-flex;
2227
2192
  align-items: center;
2193
+ justify-content: center;
2194
+ background: var(--color-background-input);
2195
+ border-radius: 0.214286rem;
2196
+ transition: border 0.1s ease 0s, opacity 0.1s ease 0s, transform 0.1s ease 0s, box-shadow 0.1s ease 0s;
2197
+ border: 1px solid var(--color-border-checkbox);
2198
+ color: transparent;
2228
2199
  }
2229
- ._active_1yokl_7 {
2230
- color: var(--color-text);
2200
+ ._checkbox_ec600_335 label ._checkmark_ec600_378:hover {
2201
+ border-color: var(--color-border-hover);
2231
2202
  }
2232
- ._clickable_1yokl_10 {
2233
- cursor: pointer;
2203
+ ._checkbox_ec600_335 input:checked ~ label ._checkmark_ec600_378 {
2204
+ background: var(--color-background-primary);
2205
+ border-color: transparent;
2206
+ color: white;
2234
2207
  }
2235
- ._clickable_1yokl_10:hover,
2236
- ._clickable_1yokl_10:focus {
2237
- color: var(--color-text-primary-hover);
2208
+ ._checkbox_ec600_335._disabled_ec600_401 {
2209
+ cursor: default;
2210
+ pointer-events: none;
2238
2211
  }
2239
- ._clickable_1yokl_10:active {
2240
- color: var(--color-text-primary-active);
2212
+ ._checkbox_ec600_335._disabled_ec600_401 label {
2213
+ color: var(--color-text-muted);
2214
+ }
2215
+ ._checkbox_ec600_335._disabled_ec600_401 ._checkmark_ec600_378 {
2216
+ background: var(--color-background-disabled) !important;
2217
+ border-color: var(--color-border-checkbox) !important;
2218
+ }
2219
+ ._checkbox_ec600_335._disabled_ec600_401 input:checked ~ label ._checkmark_ec600_378 {
2220
+ color: var(--color-text-faint);
2221
+ }
2222
+ ._noMargin_ec600_415 {
2223
+ margin: 0;
2224
+ }
2225
+ ._isInTable_ec600_418 {
2226
+ margin: 0;
2241
2227
  }
2242
2228
  /*
2243
2229
  This file has shared variables that are re-used in other LESS files/modules
@@ -2573,23 +2559,46 @@ html[data-theme='dark'] {
2573
2559
  /*
2574
2560
  Z-INDEX
2575
2561
  */
2576
- ._bordered_1wn17_335 {
2577
- border: 1px solid var(--color-border);
2578
- border-radius: 0 0 4px 4px;
2579
- border-top: none;
2580
- background-color: var(--color-background-raised);
2562
+ ._tooltip_1jqh5_335 {
2563
+ background: var(--color-text);
2564
+ fill: var(--color-text);
2565
+ z-index: 2003;
2566
+ color: var(--color-background);
2567
+ border-radius: 3px;
2581
2568
  }
2582
- ._checkboxWrapper_1wn17_341 {
2583
- padding: 2px 15px;
2569
+ ._tooltip_1jqh5_335 * {
2570
+ color: var(--color-background);
2584
2571
  }
2585
- ._checkboxWrapper_1wn17_341:last-child {
2586
- border-radius: 0 0 inherit inherit;
2572
+ ._tooltip_1jqh5_335 > svg,
2573
+ ._tooltip_1jqh5_335 > svg > * {
2574
+ fill: inherit !important;
2587
2575
  }
2588
- ._padding_1wn17_347 {
2589
- padding: 10px 15px;
2576
+ ._tooltip_1jqh5_335._error_1jqh5_349 {
2577
+ background: var(--color-error-500);
2578
+ fill: var(--color-error-500);
2590
2579
  }
2591
- ._contentWrapper_1wn17_350 {
2592
- border-radius: inherit;
2580
+ ._tooltip_1jqh5_335._warning_1jqh5_353 {
2581
+ background: var(--color-warning-500);
2582
+ fill: var(--color-warning-500);
2583
+ }
2584
+ ._helpIcon_1yokl_1 {
2585
+ color: var(--color-text-faint);
2586
+ font-size: 13px;
2587
+ display: inline-flex;
2588
+ align-items: center;
2589
+ }
2590
+ ._active_1yokl_7 {
2591
+ color: var(--color-text);
2592
+ }
2593
+ ._clickable_1yokl_10 {
2594
+ cursor: pointer;
2595
+ }
2596
+ ._clickable_1yokl_10:hover,
2597
+ ._clickable_1yokl_10:focus {
2598
+ color: var(--color-text-primary-hover);
2599
+ }
2600
+ ._clickable_1yokl_10:active {
2601
+ color: var(--color-text-primary-active);
2593
2602
  }
2594
2603
  /*
2595
2604
  This file has shared variables that are re-used in other LESS files/modules
@@ -2925,31 +2934,23 @@ html[data-theme='dark'] {
2925
2934
  /*
2926
2935
  Z-INDEX
2927
2936
  */
2928
- ._wrapper_124bw_335 {
2929
- color: inherit;
2930
- fill: inherit;
2931
- display: inline-flex;
2932
- align-items: center;
2933
- justify-content: center;
2934
- }
2935
- ._wrapper_124bw_335 ._customSvg_124bw_342 {
2936
- line-height: 0;
2937
+ ._bordered_1wn17_335 {
2938
+ border: 1px solid var(--color-border);
2939
+ border-radius: 0 0 4px 4px;
2940
+ border-top: none;
2941
+ background-color: var(--color-background-raised);
2937
2942
  }
2938
- ._wrapper_124bw_335 ._customPng_124bw_345 {
2939
- max-width: 100%;
2940
- max-height: 100%;
2941
- object-fit: contain;
2943
+ ._checkboxWrapper_1wn17_341 {
2944
+ padding: 2px 15px;
2942
2945
  }
2943
- ._clickable_124bw_350 {
2944
- cursor: pointer;
2946
+ ._checkboxWrapper_1wn17_341:last-child {
2947
+ border-radius: 0 0 inherit inherit;
2945
2948
  }
2946
- ._clickable_124bw_350:hover {
2947
- color: var(--color-text-primary-hover) !important;
2948
- fill: var(--color-text-primary-hover) !important;
2949
+ ._padding_1wn17_347 {
2950
+ padding: 10px 15px;
2949
2951
  }
2950
- ._clickable_124bw_350:active {
2951
- color: var(--color-text-primary-active) !important;
2952
- fill: var(--color-text-primary-active) !important;
2952
+ ._contentWrapper_1wn17_350 {
2953
+ border-radius: inherit;
2953
2954
  }
2954
2955
  /*
2955
2956
  This file has shared variables that are re-used in other LESS files/modules