@oliasoft-open-source/react-ui-library 3.11.0 → 3.11.1-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.
Files changed (4) hide show
  1. package/dist/global.css +175 -174
  2. package/dist/index.js +8459 -8207
  3. package/dist/index.js.map +1 -1
  4. package/package.json +2 -2
package/dist/global.css CHANGED
@@ -1069,13 +1069,12 @@ html[data-theme='dark'] {
1069
1069
  /*
1070
1070
  Z-INDEX
1071
1071
  */
1072
- ._chevron_ckxkd_341 {
1072
+ ._chevron_noaey_341 {
1073
1073
  margin-right: 10px;
1074
- font-size: 11px;
1075
1074
  transition: transform 0.3s;
1076
1075
  color: var(--color-text-muted);
1077
1076
  }
1078
- ._chevron_ckxkd_341._expanded_ckxkd_347 {
1077
+ ._chevron_noaey_341._expanded_noaey_346 {
1079
1078
  transform: rotate(90deg);
1080
1079
  }
1081
1080
  /*
@@ -1418,51 +1417,31 @@ html[data-theme='dark'] {
1418
1417
  /*
1419
1418
  Z-INDEX
1420
1419
  */
1421
- ._accordion_11e4r_341 {
1422
- position: relative;
1423
- color: var(--color-text);
1424
- }
1425
- ._accordion_11e4r_341 ._accordionHeader_11e4r_345 {
1426
- display: flex;
1420
+ ._wrapper_6kkc6_341 {
1421
+ color: inherit;
1422
+ fill: inherit;
1423
+ display: inline-flex;
1427
1424
  align-items: center;
1425
+ justify-content: center;
1428
1426
  }
1429
- ._accordion_11e4r_341 ._accordionHeader_11e4r_345 ._heading_11e4r_349 {
1430
- flex-grow: 1;
1431
- }
1432
- ._accordion_11e4r_341 ._accordionHeader_11e4r_345._clickable_11e4r_352:hover {
1433
- cursor: pointer;
1434
- }
1435
- ._accordion_11e4r_341 ._accordionHeader_11e4r_345._clickable_11e4r_352:hover > * {
1436
- color: var(--color-text) !important;
1437
- }
1438
- ._accordion_11e4r_341:not(._bordered_11e4r_358) ._accordionContent_11e4r_358 {
1439
- margin-top: 15px;
1440
- }
1441
- ._accordion_11e4r_341._bordered_11e4r_358 ._accordionHeader_11e4r_345,
1442
- ._accordion_11e4r_341._bordered_11e4r_358 ._accordionContent_11e4r_358 {
1443
- border: 1px solid var(--color-border);
1444
- line-height: 20px;
1445
- }
1446
- ._accordion_11e4r_341._bordered_11e4r_358 ._accordionHeader_11e4r_345 {
1447
- padding: 10px 15px;
1448
- border-radius: 4px;
1449
- background-color: var(--color-background);
1427
+ ._wrapper_6kkc6_341 ._customSvg_6kkc6_348 {
1428
+ line-height: 0;
1450
1429
  }
1451
- ._accordion_11e4r_341._bordered_11e4r_358._expanded_11e4r_371 ._accordionHeader_11e4r_345 {
1452
- border-bottom-left-radius: 0;
1453
- border-bottom-right-radius: 0;
1430
+ ._wrapper_6kkc6_341 ._customPng_6kkc6_351 {
1431
+ max-width: 100%;
1432
+ max-height: 100%;
1433
+ object-fit: contain;
1454
1434
  }
1455
- ._accordion_11e4r_341._bordered_11e4r_358 ._accordionContent_11e4r_358 {
1456
- border-top: none;
1457
- border-radius: 0 0 4px 4px;
1458
- background-color: var(--color-background-raised);
1435
+ ._clickable_6kkc6_356 {
1436
+ cursor: pointer;
1459
1437
  }
1460
- ._accordion_11e4r_341._bordered_11e4r_358 ._accordionContent_11e4r_358._padding_11e4r_380 {
1461
- padding: 10px 15px;
1438
+ ._clickable_6kkc6_356:hover {
1439
+ color: var(--color-text-primary-hover) !important;
1440
+ fill: var(--color-text-primary-hover) !important;
1462
1441
  }
1463
- ._accordion_11e4r_341._bordered_11e4r_358._squareBottom_11e4r_383 ._accordionHeader_11e4r_345 {
1464
- border-bottom-left-radius: 0;
1465
- border-bottom-right-radius: 0;
1442
+ ._clickable_6kkc6_356:active {
1443
+ color: var(--color-text-primary-active) !important;
1444
+ fill: var(--color-text-primary-active) !important;
1466
1445
  }
1467
1446
  /*
1468
1447
  This file has shared variables that are re-used in other LESS files/modules
@@ -1804,89 +1783,51 @@ html[data-theme='dark'] {
1804
1783
  /*
1805
1784
  Z-INDEX
1806
1785
  */
1807
- ._checkbox_1r0b6_341 {
1808
- margin: calc((var(--size) - var(--size-xs)) / 2) 0;
1786
+ ._accordion_11e4r_341 {
1809
1787
  position: relative;
1788
+ color: var(--color-text);
1789
+ }
1790
+ ._accordion_11e4r_341 ._accordionHeader_11e4r_345 {
1810
1791
  display: flex;
1811
1792
  align-items: center;
1812
- gap: 8px;
1813
- backface-visibility: hidden;
1814
- vertical-align: baseline;
1815
- font-style: normal;
1816
- min-height: var(--size-xs);
1817
- font-size: inherit;
1818
- line-height: var(--size-xs);
1819
- min-width: var(--size-xs);
1820
- outline: 0px;
1821
1793
  }
1822
- ._checkbox_1r0b6_341._noLabel_1r0b6_356 {
1823
- width: var(--size-xs);
1824
- }
1825
- ._checkbox_1r0b6_341._small_1r0b6_359 {
1826
- margin: calc((var(--size-sm) - var(--size-xs)) / 2) 0;
1827
- font-size: 12px;
1828
- }
1829
- ._checkbox_1r0b6_341 input {
1830
- cursor: pointer;
1831
- position: absolute;
1832
- top: 0px;
1833
- left: 0px;
1834
- width: var(--size-xs);
1835
- height: var(--size-xs);
1836
- opacity: 0 !important;
1837
- outline: 0px;
1838
- z-index: -1;
1794
+ ._accordion_11e4r_341 ._accordionHeader_11e4r_345 ._heading_11e4r_349 {
1795
+ flex-grow: 1;
1839
1796
  }
1840
- ._checkbox_1r0b6_341 label {
1797
+ ._accordion_11e4r_341 ._accordionHeader_11e4r_345._clickable_11e4r_352:hover {
1841
1798
  cursor: pointer;
1842
- user-select: none;
1843
- color: var(--color-text);
1844
- transition: color 0.1s ease 0s;
1845
- display: block;
1846
- padding-left: 1.85714em;
1847
- font-size: 1em;
1848
- outline: 0px;
1849
- }
1850
- ._checkbox_1r0b6_341 label ._checkmark_1r0b6_384 {
1851
- position: absolute;
1852
- top: 0px;
1853
- left: 0px;
1854
- width: var(--size-xs);
1855
- height: var(--size-xs);
1856
- padding: 2px;
1857
- background: var(--color-background-input);
1858
- border-radius: 0.214286rem;
1859
- transition: border 0.1s ease 0s, opacity 0.1s ease 0s, transform 0.1s ease 0s, box-shadow 0.1s ease 0s;
1860
- border: 1px solid var(--color-border-checkbox);
1861
- color: transparent;
1862
1799
  }
1863
- ._checkbox_1r0b6_341 label ._checkmark_1r0b6_384:hover {
1864
- border-color: var(--color-border-hover);
1800
+ ._accordion_11e4r_341 ._accordionHeader_11e4r_345._clickable_11e4r_352:hover > * {
1801
+ color: var(--color-text) !important;
1865
1802
  }
1866
- ._checkbox_1r0b6_341 input:checked ~ label ._checkmark_1r0b6_384 {
1867
- background: var(--color-background-primary);
1868
- border-color: transparent;
1869
- color: white;
1803
+ ._accordion_11e4r_341:not(._bordered_11e4r_358) ._accordionContent_11e4r_358 {
1804
+ margin-top: 15px;
1870
1805
  }
1871
- ._checkbox_1r0b6_341._disabled_1r0b6_405 {
1872
- cursor: default;
1873
- pointer-events: none;
1806
+ ._accordion_11e4r_341._bordered_11e4r_358 ._accordionHeader_11e4r_345,
1807
+ ._accordion_11e4r_341._bordered_11e4r_358 ._accordionContent_11e4r_358 {
1808
+ border: 1px solid var(--color-border);
1809
+ line-height: 20px;
1874
1810
  }
1875
- ._checkbox_1r0b6_341._disabled_1r0b6_405 label {
1876
- color: var(--color-text-muted);
1811
+ ._accordion_11e4r_341._bordered_11e4r_358 ._accordionHeader_11e4r_345 {
1812
+ padding: 10px 15px;
1813
+ border-radius: 4px;
1814
+ background-color: var(--color-background);
1877
1815
  }
1878
- ._checkbox_1r0b6_341._disabled_1r0b6_405 ._checkmark_1r0b6_384 {
1879
- background: var(--color-background-disabled) !important;
1880
- border-color: var(--color-border-checkbox) !important;
1816
+ ._accordion_11e4r_341._bordered_11e4r_358._expanded_11e4r_371 ._accordionHeader_11e4r_345 {
1817
+ border-bottom-left-radius: 0;
1818
+ border-bottom-right-radius: 0;
1881
1819
  }
1882
- ._checkbox_1r0b6_341._disabled_1r0b6_405 input:checked ~ label ._checkmark_1r0b6_384 {
1883
- color: var(--color-text-faint);
1820
+ ._accordion_11e4r_341._bordered_11e4r_358 ._accordionContent_11e4r_358 {
1821
+ border-top: none;
1822
+ border-radius: 0 0 4px 4px;
1823
+ background-color: var(--color-background-raised);
1884
1824
  }
1885
- ._noMargin_1r0b6_419 {
1886
- margin: 0;
1825
+ ._accordion_11e4r_341._bordered_11e4r_358 ._accordionContent_11e4r_358._padding_11e4r_380 {
1826
+ padding: 10px 15px;
1887
1827
  }
1888
- ._isInTable_1r0b6_422 {
1889
- margin: 0;
1828
+ ._accordion_11e4r_341._bordered_11e4r_358._squareBottom_11e4r_383 ._accordionHeader_11e4r_345 {
1829
+ border-bottom-left-radius: 0;
1830
+ border-bottom-right-radius: 0;
1890
1831
  }
1891
1832
  /*
1892
1833
  This file has shared variables that are re-used in other LESS files/modules
@@ -2228,46 +2169,91 @@ html[data-theme='dark'] {
2228
2169
  /*
2229
2170
  Z-INDEX
2230
2171
  */
2231
- ._tooltip_bsjxl_341 {
2232
- background: var(--color-text);
2233
- fill: var(--color-text);
2234
- z-index: 2003;
2235
- color: var(--color-background);
2236
- border-radius: 3px;
2172
+ ._checkbox_16naz_341 {
2173
+ margin: calc((var(--size) - var(--size-xs)) / 2) 0;
2174
+ position: relative;
2175
+ display: flex;
2176
+ align-items: center;
2177
+ gap: 8px;
2178
+ backface-visibility: hidden;
2179
+ vertical-align: baseline;
2180
+ font-style: normal;
2181
+ min-height: var(--size-xs);
2182
+ font-size: inherit;
2183
+ line-height: var(--size-xs);
2184
+ min-width: var(--size-xs);
2185
+ outline: 0px;
2237
2186
  }
2238
- ._tooltip_bsjxl_341 * {
2239
- color: var(--color-background);
2187
+ ._checkbox_16naz_341._noLabel_16naz_356 {
2188
+ width: var(--size-xs);
2240
2189
  }
2241
- ._tooltip_bsjxl_341 > svg,
2242
- ._tooltip_bsjxl_341 > svg > * {
2243
- fill: inherit !important;
2190
+ ._checkbox_16naz_341._small_16naz_359 {
2191
+ margin: calc((var(--size-sm) - var(--size-xs)) / 2) 0;
2192
+ font-size: 12px;
2244
2193
  }
2245
- ._tooltip_bsjxl_341._error_bsjxl_355 {
2246
- background: var(--color-error-500);
2247
- fill: var(--color-error-500);
2194
+ ._checkbox_16naz_341 input {
2195
+ cursor: pointer;
2196
+ position: absolute;
2197
+ top: 0px;
2198
+ left: 0px;
2199
+ width: var(--size-xs);
2200
+ height: var(--size-xs);
2201
+ opacity: 0 !important;
2202
+ outline: 0px;
2203
+ z-index: -1;
2248
2204
  }
2249
- ._tooltip_bsjxl_341._warning_bsjxl_359 {
2250
- background: var(--color-warning-500);
2251
- fill: var(--color-warning-500);
2205
+ ._checkbox_16naz_341 label {
2206
+ cursor: pointer;
2207
+ user-select: none;
2208
+ color: var(--color-text);
2209
+ transition: color 0.1s ease 0s;
2210
+ display: block;
2211
+ padding-left: 1.85714em;
2212
+ font-size: 1em;
2213
+ outline: 0px;
2252
2214
  }
2253
- ._helpIcon_1yokl_1 {
2254
- color: var(--color-text-faint);
2255
- font-size: 13px;
2215
+ ._checkbox_16naz_341 label ._checkmark_16naz_384 {
2216
+ position: absolute;
2217
+ top: 0px;
2218
+ left: 0px;
2219
+ width: var(--size-xs);
2220
+ height: var(--size-xs);
2256
2221
  display: inline-flex;
2257
2222
  align-items: center;
2223
+ justify-content: center;
2224
+ background: var(--color-background-input);
2225
+ border-radius: 0.214286rem;
2226
+ transition: border 0.1s ease 0s, opacity 0.1s ease 0s, transform 0.1s ease 0s, box-shadow 0.1s ease 0s;
2227
+ border: 1px solid var(--color-border-checkbox);
2228
+ color: transparent;
2258
2229
  }
2259
- ._active_1yokl_7 {
2260
- color: var(--color-text);
2230
+ ._checkbox_16naz_341 label ._checkmark_16naz_384:hover {
2231
+ border-color: var(--color-border-hover);
2261
2232
  }
2262
- ._clickable_1yokl_10 {
2263
- cursor: pointer;
2233
+ ._checkbox_16naz_341 input:checked ~ label ._checkmark_16naz_384 {
2234
+ background: var(--color-background-primary);
2235
+ border-color: transparent;
2236
+ color: white;
2264
2237
  }
2265
- ._clickable_1yokl_10:hover,
2266
- ._clickable_1yokl_10:focus {
2267
- color: var(--color-text-primary-hover);
2238
+ ._checkbox_16naz_341._disabled_16naz_407 {
2239
+ cursor: default;
2240
+ pointer-events: none;
2268
2241
  }
2269
- ._clickable_1yokl_10:active {
2270
- color: var(--color-text-primary-active);
2242
+ ._checkbox_16naz_341._disabled_16naz_407 label {
2243
+ color: var(--color-text-muted);
2244
+ }
2245
+ ._checkbox_16naz_341._disabled_16naz_407 ._checkmark_16naz_384 {
2246
+ background: var(--color-background-disabled) !important;
2247
+ border-color: var(--color-border-checkbox) !important;
2248
+ }
2249
+ ._checkbox_16naz_341._disabled_16naz_407 input:checked ~ label ._checkmark_16naz_384 {
2250
+ color: var(--color-text-faint);
2251
+ }
2252
+ ._noMargin_16naz_421 {
2253
+ margin: 0;
2254
+ }
2255
+ ._isInTable_16naz_424 {
2256
+ margin: 0;
2271
2257
  }
2272
2258
  /*
2273
2259
  This file has shared variables that are re-used in other LESS files/modules
@@ -2609,23 +2595,46 @@ html[data-theme='dark'] {
2609
2595
  /*
2610
2596
  Z-INDEX
2611
2597
  */
2612
- ._bordered_8hv0o_341 {
2613
- border: 1px solid var(--color-border);
2614
- border-radius: 0 0 4px 4px;
2615
- border-top: none;
2616
- background-color: var(--color-background-raised);
2598
+ ._tooltip_bsjxl_341 {
2599
+ background: var(--color-text);
2600
+ fill: var(--color-text);
2601
+ z-index: 2003;
2602
+ color: var(--color-background);
2603
+ border-radius: 3px;
2617
2604
  }
2618
- ._checkboxWrapper_8hv0o_347 {
2619
- padding: 2px 15px;
2605
+ ._tooltip_bsjxl_341 * {
2606
+ color: var(--color-background);
2620
2607
  }
2621
- ._checkboxWrapper_8hv0o_347:last-child {
2622
- border-radius: 0 0 inherit inherit;
2608
+ ._tooltip_bsjxl_341 > svg,
2609
+ ._tooltip_bsjxl_341 > svg > * {
2610
+ fill: inherit !important;
2623
2611
  }
2624
- ._padding_8hv0o_353 {
2625
- padding: 10px 15px;
2612
+ ._tooltip_bsjxl_341._error_bsjxl_355 {
2613
+ background: var(--color-error-500);
2614
+ fill: var(--color-error-500);
2626
2615
  }
2627
- ._contentWrapper_8hv0o_356 {
2628
- border-radius: inherit;
2616
+ ._tooltip_bsjxl_341._warning_bsjxl_359 {
2617
+ background: var(--color-warning-500);
2618
+ fill: var(--color-warning-500);
2619
+ }
2620
+ ._helpIcon_1yokl_1 {
2621
+ color: var(--color-text-faint);
2622
+ font-size: 13px;
2623
+ display: inline-flex;
2624
+ align-items: center;
2625
+ }
2626
+ ._active_1yokl_7 {
2627
+ color: var(--color-text);
2628
+ }
2629
+ ._clickable_1yokl_10 {
2630
+ cursor: pointer;
2631
+ }
2632
+ ._clickable_1yokl_10:hover,
2633
+ ._clickable_1yokl_10:focus {
2634
+ color: var(--color-text-primary-hover);
2635
+ }
2636
+ ._clickable_1yokl_10:active {
2637
+ color: var(--color-text-primary-active);
2629
2638
  }
2630
2639
  /*
2631
2640
  This file has shared variables that are re-used in other LESS files/modules
@@ -2967,31 +2976,23 @@ html[data-theme='dark'] {
2967
2976
  /*
2968
2977
  Z-INDEX
2969
2978
  */
2970
- ._wrapper_6kkc6_341 {
2971
- color: inherit;
2972
- fill: inherit;
2973
- display: inline-flex;
2974
- align-items: center;
2975
- justify-content: center;
2976
- }
2977
- ._wrapper_6kkc6_341 ._customSvg_6kkc6_348 {
2978
- line-height: 0;
2979
+ ._bordered_8hv0o_341 {
2980
+ border: 1px solid var(--color-border);
2981
+ border-radius: 0 0 4px 4px;
2982
+ border-top: none;
2983
+ background-color: var(--color-background-raised);
2979
2984
  }
2980
- ._wrapper_6kkc6_341 ._customPng_6kkc6_351 {
2981
- max-width: 100%;
2982
- max-height: 100%;
2983
- object-fit: contain;
2985
+ ._checkboxWrapper_8hv0o_347 {
2986
+ padding: 2px 15px;
2984
2987
  }
2985
- ._clickable_6kkc6_356 {
2986
- cursor: pointer;
2988
+ ._checkboxWrapper_8hv0o_347:last-child {
2989
+ border-radius: 0 0 inherit inherit;
2987
2990
  }
2988
- ._clickable_6kkc6_356:hover {
2989
- color: var(--color-text-primary-hover) !important;
2990
- fill: var(--color-text-primary-hover) !important;
2991
+ ._padding_8hv0o_353 {
2992
+ padding: 10px 15px;
2991
2993
  }
2992
- ._clickable_6kkc6_356:active {
2993
- color: var(--color-text-primary-active) !important;
2994
- fill: var(--color-text-primary-active) !important;
2994
+ ._contentWrapper_8hv0o_356 {
2995
+ border-radius: inherit;
2995
2996
  }
2996
2997
  /*
2997
2998
  This file has shared variables that are re-used in other LESS files/modules