@oliasoft-open-source/react-ui-library 4.4.5 → 4.4.6-beta-2

package/dist/assets/{index-vJcZHmMH.js → index-EbNBJwhT.js}

@@ -20533,9 +20533,9 @@ const Divider = ({
     children: typeof children === "string" ? /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { muted: true, children }) : children
   }
 );
-const heading$4 = "_heading_yhdiy_1";
-const top$1 = "_top_yhdiy_10";
-const icons$2 = "_icons_yhdiy_20";
+const heading$4 = "_heading_1fhsl_1";
+const top$1 = "_top_1fhsl_10";
+const icons$2 = "_icons_1fhsl_21";
 const styles$G = {
   heading: heading$4,
   top: top$1,
@@ -68642,22 +68642,22 @@ const styles$6 = {
   noMargin,
   helpIconEnabled
 };
-const topbar = "_topbar_gmfjn_11";
-const fixed = "_fixed_gmfjn_21";
-const appSwitcher = "_appSwitcher_gmfjn_29";
-const title = "_title_gmfjn_75";
-const logo = "_logo_gmfjn_91";
-const label = "_label_gmfjn_94";
-const brand = "_brand_gmfjn_99";
-const version = "_version_gmfjn_104";
-const left = "_left_gmfjn_111";
-const right = "_right_gmfjn_112";
-const item = "_item_gmfjn_126";
-const link$1 = "_link_gmfjn_127";
-const button = "_button_gmfjn_139";
-const menu = "_menu_gmfjn_140";
-const active = "_active_gmfjn_168";
-const alert = "_alert_gmfjn_193";
+const topbar = "_topbar_1xxzq_11";
+const fixed = "_fixed_1xxzq_21";
+const appSwitcher = "_appSwitcher_1xxzq_29";
+const title = "_title_1xxzq_75";
+const logo = "_logo_1xxzq_91";
+const label = "_label_1xxzq_94";
+const brand = "_brand_1xxzq_99";
+const version = "_version_1xxzq_104";
+const left = "_left_1xxzq_111";
+const right = "_right_1xxzq_112";
+const item = "_item_1xxzq_126";
+const link$1 = "_link_1xxzq_127";
+const button = "_button_1xxzq_139";
+const menu = "_menu_1xxzq_140";
+const active = "_active_1xxzq_169";
+const alert = "_alert_1xxzq_194";
 const styles$5 = {
   topbar,
   fixed,

package/dist/assets/{index-Z_bN_4fb.css → index-dpmmAegk.css}

@@ -875,7 +875,8 @@ a {
 
 :root {
   color-scheme: initial;
-  --font-family: 'Roobert', 'Noto Sans', sans-serif;
+  --font-family: 'Noto Sans', sans-serif;
+  --font-family-heading: 'Roobert', 'Noto Sans', sans-serif;
   --font-size-xl: 17px;
   --font-size-lg: 15px;
   --font-size: 13px;
@@ -2107,7 +2108,7 @@ html[data-theme='dark'] {
 ._link_11ofj_25:active {
   color: var(--color-text-primary-active);
 }
-._heading_yhdiy_1 {
+._heading_1fhsl_1 {
   color: var(--color-text);
   line-height: var(--size-sm);
   font-weight: bold;
@@ -2116,20 +2117,21 @@ html[data-theme='dark'] {
   user-select: none;
   padding: 0;
 }
-._heading_yhdiy_1._top_yhdiy_10 {
+._heading_1fhsl_1._top_1fhsl_10 {
   font-size: var(--font-size-xl);
   margin-bottom: var(--padding-sm);
+  font-family: var(--font-family-heading);
 }
-._heading_yhdiy_1:not(._top_yhdiy_10) {
+._heading_1fhsl_1:not(._top_1fhsl_10) {
   font-size: var(--font-size);
   color: var(--color-text-muted);
   text-transform: uppercase;
   letter-spacing: var(--letter-spacing-wide);
 }
-._icons_yhdiy_20 {
+._icons_1fhsl_21 {
   display: inline-flex;
 }
-._icons_yhdiy_20 > * {
+._icons_1fhsl_21 > * {
   margin-left: var(--padding-xxs);
 }
 ._dialog_18g0k_1 {
@@ -10942,7 +10944,7 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   --color-link-border-hover: var(--color-neutral-600);
   --border-topbar: 1px solid var(--color-border);
 }
-._topbar_gmfjn_11 {
+._topbar_1xxzq_11 {
   top: 0;
   left: 0;
   z-index: var(--zindex-topbar);
@@ -10952,15 +10954,15 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   background: var(--color-background-raised);
   display: flex;
 }
-._topbar_gmfjn_11._fixed_gmfjn_21 {
+._topbar_1xxzq_11._fixed_1xxzq_21 {
   position: fixed;
 }
 @media print {
-  ._topbar_gmfjn_11 {
+  ._topbar_1xxzq_11 {
     display: none !important;
   }
 }
-._appSwitcher_gmfjn_29 {
+._appSwitcher_1xxzq_29 {
   color: white;
   display: flex;
   align-items: center;
@@ -10972,26 +10974,26 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   font-size: var(--size);
   position: relative;
 }
-._appSwitcher_gmfjn_29:hover {
+._appSwitcher_1xxzq_29:hover {
   background-color: var(--color-neutral-750);
 }
-._appSwitcher_gmfjn_29:active {
+._appSwitcher_1xxzq_29:active {
   background-color: var(--color-neutral-800);
 }
-[data-theme='dark'] ._appSwitcher_gmfjn_29 {
+[data-theme='dark'] ._appSwitcher_1xxzq_29 {
   background-color: var(--color-neutral-900);
 }
-[data-theme='dark'] ._appSwitcher_gmfjn_29:hover {
+[data-theme='dark'] ._appSwitcher_1xxzq_29:hover {
   background-color: var(--color-neutral-950);
 }
-[data-theme='dark'] ._appSwitcher_gmfjn_29:active {
+[data-theme='dark'] ._appSwitcher_1xxzq_29:active {
   background-color: var(--color-neutral-1000);
 }
-._appSwitcher_gmfjn_29 > * {
+._appSwitcher_1xxzq_29 > * {
   position: relative;
   z-index: 1;
 }
-._appSwitcher_gmfjn_29:after {
+._appSwitcher_1xxzq_29:after {
   content: '';
   position: absolute;
   inset: 0;
@@ -11000,13 +11002,13 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   transition: opacity 0.2s;
   opacity: 0.75;
 }
-._appSwitcher_gmfjn_29:hover:after {
+._appSwitcher_1xxzq_29:hover:after {
   opacity: 0.75;
 }
-._appSwitcher_gmfjn_29:active:after {
+._appSwitcher_1xxzq_29:active:after {
   opacity: 0.5;
 }
-._title_gmfjn_75 {
+._title_1xxzq_75 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -11014,55 +11016,55 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   padding: 0;
   position: relative;
 }
-._title_gmfjn_75 img,
-._title_gmfjn_75 svg {
+._title_1xxzq_75 img,
+._title_1xxzq_75 svg {
   max-height: var(--size-lg);
   max-width: 300px;
   height: auto;
   width: auto;
   color: var(--color-text);
 }
-._title_gmfjn_75 ._logo_gmfjn_91 {
+._title_1xxzq_75 ._logo_1xxzq_91 {
   display: flex;
 }
-._title_gmfjn_75 ._label_gmfjn_94 {
+._title_1xxzq_75 ._label_1xxzq_94 {
   color: var(--color-text);
   white-space: nowrap;
   font-weight: bold;
 }
-._brand_gmfjn_99 {
+._brand_1xxzq_99 {
   padding: 0;
   position: relative;
   flex-shrink: 0;
 }
-._version_gmfjn_104 {
+._version_1xxzq_104 {
   line-height: 1;
   position: absolute;
   right: 0;
   bottom: 100%;
   font-size: var(--font-size-xs);
 }
-._left_gmfjn_111,
-._right_gmfjn_112 {
+._left_1xxzq_111,
+._right_1xxzq_112 {
   display: flex;
   min-width: 0;
 }
-._left_gmfjn_111 {
+._left_1xxzq_111 {
   gap: var(--padding);
   padding-left: var(--padding);
 }
-._right_gmfjn_112 {
+._right_1xxzq_112 {
   margin-left: auto;
   flex-shrink: 0;
   padding-right: var(--padding-xs);
   gap: var(--padding-xs);
 }
-._item_gmfjn_126,
-._link_gmfjn_127 {
+._item_1xxzq_126,
+._link_1xxzq_127 {
   align-items: center;
   display: flex;
 }
-._item_gmfjn_126 {
+._item_1xxzq_126 {
   position: relative;
   transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
   user-select: none;
@@ -11070,43 +11072,44 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   min-width: 0;
   max-width: 50vw;
 }
-._item_gmfjn_126._button_gmfjn_139,
-._item_gmfjn_126._menu_gmfjn_140 {
+._item_1xxzq_126._button_1xxzq_139,
+._item_1xxzq_126._menu_1xxzq_140 {
   flex-shrink: 0;
 }
-._label_gmfjn_94 {
+._label_1xxzq_94 {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   display: block;
   max-width: 100%;
 }
-._link_gmfjn_127 {
+._link_1xxzq_127 {
   text-decoration: none;
   color: var(--color-text-primary);
   cursor: pointer;
   max-width: 100%;
   height: 100%;
   font-size: var(--font-size-lg);
+  font-family: var(--font-family-heading);
 }
-._link_gmfjn_127 svg {
+._link_1xxzq_127 svg {
   margin-right: var(--padding-xxs);
   flex-shrink: 0;
 }
-._link_gmfjn_127:hover {
+._link_1xxzq_127:hover {
   color: var(--color-text-primary-hover);
 }
-._link_gmfjn_127:active {
+._link_1xxzq_127:active {
   color: var(--color-text-primary-active);
 }
-._link_gmfjn_127._active_gmfjn_168 {
+._link_1xxzq_127._active_1xxzq_169 {
   color: var(--color-text);
 }
-._link_gmfjn_127:hover,
-._link_gmfjn_127._active_gmfjn_168 {
+._link_1xxzq_127:hover,
+._link_1xxzq_127._active_1xxzq_169 {
   background-color: transparent;
 }
-._link_gmfjn_127:after {
+._link_1xxzq_127:after {
   content: '';
   position: absolute;
   left: 0;
@@ -11114,17 +11117,17 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   bottom: 0;
   border-bottom: 1px solid transparent;
 }
-._link_gmfjn_127:hover:after {
+._link_1xxzq_127:hover:after {
   border-color: var(--color-link-border-hover);
 }
-._link_gmfjn_127._active_gmfjn_168:after {
+._link_1xxzq_127._active_1xxzq_169:after {
   border-color: var(--color-background-primary);
 }
-._link_gmfjn_127[disabled] {
+._link_1xxzq_127[disabled] {
   pointer-events: none;
   color: var(--color-text-faint);
 }
-._alert_gmfjn_193 {
+._alert_1xxzq_194 {
   background-color: var(--color-background-primary);
   color: white;
   text-align: center;

package/dist/global.css

@@ -875,7 +875,8 @@ a {
 
 :root {
   color-scheme: initial;
-  --font-family: 'Roobert', 'Noto Sans', sans-serif;
+  --font-family: 'Noto Sans', sans-serif;
+  --font-family-heading: 'Roobert', 'Noto Sans', sans-serif;
   --font-size-xl: 17px;
   --font-size-lg: 15px;
   --font-size: 13px;
@@ -2107,7 +2108,7 @@ html[data-theme='dark'] {
 ._link_11ofj_25:active {
   color: var(--color-text-primary-active);
 }
-._heading_yhdiy_1 {
+._heading_1fhsl_1 {
   color: var(--color-text);
   line-height: var(--size-sm);
   font-weight: bold;
@@ -2116,20 +2117,21 @@ html[data-theme='dark'] {
   user-select: none;
   padding: 0;
 }
-._heading_yhdiy_1._top_yhdiy_10 {
+._heading_1fhsl_1._top_1fhsl_10 {
   font-size: var(--font-size-xl);
   margin-bottom: var(--padding-sm);
+  font-family: var(--font-family-heading);
 }
-._heading_yhdiy_1:not(._top_yhdiy_10) {
+._heading_1fhsl_1:not(._top_1fhsl_10) {
   font-size: var(--font-size);
   color: var(--color-text-muted);
   text-transform: uppercase;
   letter-spacing: var(--letter-spacing-wide);
 }
-._icons_yhdiy_20 {
+._icons_1fhsl_21 {
   display: inline-flex;
 }
-._icons_yhdiy_20 > * {
+._icons_1fhsl_21 > * {
   margin-left: var(--padding-xxs);
 }
 ._dialog_18g0k_1 {
@@ -10942,7 +10944,7 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   --color-link-border-hover: var(--color-neutral-600);
   --border-topbar: 1px solid var(--color-border);
 }
-._topbar_gmfjn_11 {
+._topbar_1xxzq_11 {
   top: 0;
   left: 0;
   z-index: var(--zindex-topbar);
@@ -10952,15 +10954,15 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   background: var(--color-background-raised);
   display: flex;
 }
-._topbar_gmfjn_11._fixed_gmfjn_21 {
+._topbar_1xxzq_11._fixed_1xxzq_21 {
   position: fixed;
 }
 @media print {
-  ._topbar_gmfjn_11 {
+  ._topbar_1xxzq_11 {
     display: none !important;
   }
 }
-._appSwitcher_gmfjn_29 {
+._appSwitcher_1xxzq_29 {
   color: white;
   display: flex;
   align-items: center;
@@ -10972,26 +10974,26 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   font-size: var(--size);
   position: relative;
 }
-._appSwitcher_gmfjn_29:hover {
+._appSwitcher_1xxzq_29:hover {
   background-color: var(--color-neutral-750);
 }
-._appSwitcher_gmfjn_29:active {
+._appSwitcher_1xxzq_29:active {
   background-color: var(--color-neutral-800);
 }
-[data-theme='dark'] ._appSwitcher_gmfjn_29 {
+[data-theme='dark'] ._appSwitcher_1xxzq_29 {
   background-color: var(--color-neutral-900);
 }
-[data-theme='dark'] ._appSwitcher_gmfjn_29:hover {
+[data-theme='dark'] ._appSwitcher_1xxzq_29:hover {
   background-color: var(--color-neutral-950);
 }
-[data-theme='dark'] ._appSwitcher_gmfjn_29:active {
+[data-theme='dark'] ._appSwitcher_1xxzq_29:active {
   background-color: var(--color-neutral-1000);
 }
-._appSwitcher_gmfjn_29 > * {
+._appSwitcher_1xxzq_29 > * {
   position: relative;
   z-index: 1;
 }
-._appSwitcher_gmfjn_29:after {
+._appSwitcher_1xxzq_29:after {
   content: '';
   position: absolute;
   inset: 0;
@@ -11000,13 +11002,13 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   transition: opacity 0.2s;
   opacity: 0.75;
 }
-._appSwitcher_gmfjn_29:hover:after {
+._appSwitcher_1xxzq_29:hover:after {
   opacity: 0.75;
 }
-._appSwitcher_gmfjn_29:active:after {
+._appSwitcher_1xxzq_29:active:after {
   opacity: 0.5;
 }
-._title_gmfjn_75 {
+._title_1xxzq_75 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -11014,55 +11016,55 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   padding: 0;
   position: relative;
 }
-._title_gmfjn_75 img,
-._title_gmfjn_75 svg {
+._title_1xxzq_75 img,
+._title_1xxzq_75 svg {
   max-height: var(--size-lg);
   max-width: 300px;
   height: auto;
   width: auto;
   color: var(--color-text);
 }
-._title_gmfjn_75 ._logo_gmfjn_91 {
+._title_1xxzq_75 ._logo_1xxzq_91 {
   display: flex;
 }
-._title_gmfjn_75 ._label_gmfjn_94 {
+._title_1xxzq_75 ._label_1xxzq_94 {
   color: var(--color-text);
   white-space: nowrap;
   font-weight: bold;
 }
-._brand_gmfjn_99 {
+._brand_1xxzq_99 {
   padding: 0;
   position: relative;
   flex-shrink: 0;
 }
-._version_gmfjn_104 {
+._version_1xxzq_104 {
   line-height: 1;
   position: absolute;
   right: 0;
   bottom: 100%;
   font-size: var(--font-size-xs);
 }
-._left_gmfjn_111,
-._right_gmfjn_112 {
+._left_1xxzq_111,
+._right_1xxzq_112 {
   display: flex;
   min-width: 0;
 }
-._left_gmfjn_111 {
+._left_1xxzq_111 {
   gap: var(--padding);
   padding-left: var(--padding);
 }
-._right_gmfjn_112 {
+._right_1xxzq_112 {
   margin-left: auto;
   flex-shrink: 0;
   padding-right: var(--padding-xs);
   gap: var(--padding-xs);
 }
-._item_gmfjn_126,
-._link_gmfjn_127 {
+._item_1xxzq_126,
+._link_1xxzq_127 {
   align-items: center;
   display: flex;
 }
-._item_gmfjn_126 {
+._item_1xxzq_126 {
   position: relative;
   transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
   user-select: none;
@@ -11070,43 +11072,44 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   min-width: 0;
   max-width: 50vw;
 }
-._item_gmfjn_126._button_gmfjn_139,
-._item_gmfjn_126._menu_gmfjn_140 {
+._item_1xxzq_126._button_1xxzq_139,
+._item_1xxzq_126._menu_1xxzq_140 {
   flex-shrink: 0;
 }
-._label_gmfjn_94 {
+._label_1xxzq_94 {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   display: block;
   max-width: 100%;
 }
-._link_gmfjn_127 {
+._link_1xxzq_127 {
   text-decoration: none;
   color: var(--color-text-primary);
   cursor: pointer;
   max-width: 100%;
   height: 100%;
   font-size: var(--font-size-lg);
+  font-family: var(--font-family-heading);
 }
-._link_gmfjn_127 svg {
+._link_1xxzq_127 svg {
   margin-right: var(--padding-xxs);
   flex-shrink: 0;
 }
-._link_gmfjn_127:hover {
+._link_1xxzq_127:hover {
   color: var(--color-text-primary-hover);
 }
-._link_gmfjn_127:active {
+._link_1xxzq_127:active {
   color: var(--color-text-primary-active);
 }
-._link_gmfjn_127._active_gmfjn_168 {
+._link_1xxzq_127._active_1xxzq_169 {
   color: var(--color-text);
 }
-._link_gmfjn_127:hover,
-._link_gmfjn_127._active_gmfjn_168 {
+._link_1xxzq_127:hover,
+._link_1xxzq_127._active_1xxzq_169 {
   background-color: transparent;
 }
-._link_gmfjn_127:after {
+._link_1xxzq_127:after {
   content: '';
   position: absolute;
   left: 0;
@@ -11114,17 +11117,17 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   bottom: 0;
   border-bottom: 1px solid transparent;
 }
-._link_gmfjn_127:hover:after {
+._link_1xxzq_127:hover:after {
   border-color: var(--color-link-border-hover);
 }
-._link_gmfjn_127._active_gmfjn_168:after {
+._link_1xxzq_127._active_1xxzq_169:after {
   border-color: var(--color-background-primary);
 }
-._link_gmfjn_127[disabled] {
+._link_1xxzq_127[disabled] {
   pointer-events: none;
   color: var(--color-text-faint);
 }
-._alert_gmfjn_193 {
+._alert_1xxzq_194 {
   background-color: var(--color-background-primary);
   color: white;
   text-align: center;

package/dist/index.html

@@ -1 +1 @@
-<!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-vJcZHmMH.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-Z_bN_4fb.css"></head><body><div id="content"></div></body>
+<!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-EbNBJwhT.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-dpmmAegk.css"></head><body><div id="content"></div></body>

package/dist/index.js

@@ -6614,9 +6614,9 @@ const Divider = ({
     children: typeof children === "string" ? /* @__PURE__ */ jsx(Text, { muted: true, children }) : children
   }
 );
-const heading$4 = "_heading_yhdiy_1";
-const top$1 = "_top_yhdiy_10";
-const icons$2 = "_icons_yhdiy_20";
+const heading$4 = "_heading_1fhsl_1";
+const top$1 = "_top_1fhsl_10";
+const icons$2 = "_icons_1fhsl_21";
 const styles$E = {
   heading: heading$4,
   top: top$1,
@@ -20712,7 +20712,7 @@ const getTextWidth = (text2, font) => {
 };
 const FONT_SIZE = "13px";
 const FONT_SIZE_SMALL = "12px";
-const FONT_FAMILY = "Roobert";
+const FONT_FAMILY = "Noto Sans";
 const FONT_FAMILY_FALLBACK = "sans-serif";
 const PADDING = 12;
 const PADDING_SMALL = 8;
@@ -57993,22 +57993,22 @@ const Toggle = ({
     }
   );
 };
-const topbar = "_topbar_gmfjn_11";
-const fixed = "_fixed_gmfjn_21";
-const appSwitcher = "_appSwitcher_gmfjn_29";
-const title = "_title_gmfjn_75";
-const logo = "_logo_gmfjn_91";
-const label = "_label_gmfjn_94";
-const brand = "_brand_gmfjn_99";
-const version = "_version_gmfjn_104";
-const left = "_left_gmfjn_111";
-const right = "_right_gmfjn_112";
-const item = "_item_gmfjn_126";
-const link = "_link_gmfjn_127";
-const button = "_button_gmfjn_139";
-const menu = "_menu_gmfjn_140";
-const active = "_active_gmfjn_168";
-const alert = "_alert_gmfjn_193";
+const topbar = "_topbar_1xxzq_11";
+const fixed = "_fixed_1xxzq_21";
+const appSwitcher = "_appSwitcher_1xxzq_29";
+const title = "_title_1xxzq_75";
+const logo = "_logo_1xxzq_91";
+const label = "_label_1xxzq_94";
+const brand = "_brand_1xxzq_99";
+const version = "_version_1xxzq_104";
+const left = "_left_1xxzq_111";
+const right = "_right_1xxzq_112";
+const item = "_item_1xxzq_126";
+const link = "_link_1xxzq_127";
+const button = "_button_1xxzq_139";
+const menu = "_menu_1xxzq_140";
+const active = "_active_1xxzq_169";
+const alert = "_alert_1xxzq_194";
 const styles$3 = {
   topbar,
   fixed,