npm - @oliasoft-open-source/react-ui-library - Versions diffs - 4.2.5-beta-1 → 4.2.6 - Mend

@oliasoft-open-source/react-ui-library 4.2.5-beta-1 → 4.2.6

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 (150) hide show

package/dist/global.css CHANGED Viewed

@@ -2745,123 +2745,123 @@ html[data-theme='dark'] {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._inputInTable_1jod2_1 {
+._inputInTable_1qlur_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1jod2_1:not(:hover) {
+._inputInTable_1qlur_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1jod2_1:not(:focus) {
+._inputInTable_1qlur_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1jod2_13 {
+._inputHover_1qlur_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1jod2_18 {
+._inputFocus_1qlur_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1jod2_25,
-._inputWarning_1jod2_26 {
+._inputError_1qlur_25,
+._inputWarning_1qlur_26 {
   position: relative;
 }
-._inputError_1jod2_25 {
+._inputError_1qlur_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_1jod2_25:hover {
+._inputError_1qlur_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1jod2_25:focus {
+._inputError_1qlur_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1jod2_26 {
+._inputWarning_1qlur_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_1jod2_26:hover {
+._inputWarning_1qlur_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1jod2_26:focus {
+._inputWarning_1qlur_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1jod2_61 {
+._inputDisabled_1qlur_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1jod2_67 {
+._hideScrollbars_1qlur_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1jod2_67::-webkit-scrollbar {
+._hideScrollbars_1qlur_67::-webkit-scrollbar {
   display: none;
 }
-._header_1jod2_77 ._headerTitle_1jod2_77,
-._heading_1jod2_78 ._itemHeader_1jod2_78 {
+._header_1qlur_77 ._headerTitle_1qlur_77,
+._heading_1qlur_78 ._itemHeader_1qlur_78 {
   transition: opacity 0.3s;
 }
-._narrow_1jod2_81 ._header_1jod2_77 ._headerTitle_1jod2_77,
-._narrow_1jod2_81 ._heading_1jod2_78 ._itemHeader_1jod2_78 {
+._narrow_1qlur_81 ._header_1qlur_77 ._headerTitle_1qlur_77,
+._narrow_1qlur_81 ._heading_1qlur_78 ._itemHeader_1qlur_78 {
   opacity: 0;
 }
-._stickyHeader_1jod2_85 {
+._stickyHeader_1qlur_85 {
   position: sticky;
   top: 0;
   background-color: var(--color-background);
   z-index: 10;
 }
-._itemHeader_1jod2_78 {
+._itemHeader_1qlur_78 {
   padding: var(--padding-xs) var(--padding);
   display: flex;
   align-items: flex-start;
 }
-._itemHeader_1jod2_78 ._title_1jod2_96 {
+._itemHeader_1qlur_78 ._title_1qlur_96 {
   margin: 0;
   padding: 0;
   flex-grow: 1;
   min-width: 0;
 }
-._itemHeader_1jod2_78 ._name_1jod2_102 {
+._itemHeader_1qlur_78 ._name_1qlur_102 {
   font-weight: 400;
 }
-._itemHeader_1jod2_78 ._iconTooltipMargin_1jod2_105 {
+._itemHeader_1qlur_78 ._iconTooltipMargin_1qlur_105 {
   margin-left: var(--padding-xs);
 }
-._itemHeader_1jod2_78 ._bold_1jod2_108 {
+._itemHeader_1qlur_78 ._bold_1qlur_108 {
   font-weight: bold;
 }
-._header_1jod2_77 {
+._header_1qlur_77 {
   padding: var(--padding);
   display: flex;
   align-items: center;
   border-bottom: 1px solid var(--color-border);
 }
-._toggleNarrow_1jod2_117 {
+._toggleNarrow_1qlur_117 {
   margin-right: 16px;
   margin-left: -5px;
   color: #c8c8c8;
@@ -2870,16 +2870,16 @@ html[data-theme='dark'] {
   width: 22px;
   justify-content: center;
 }
-._toggleNarrow_1jod2_117:hover {
+._toggleNarrow_1qlur_117:hover {
   color: var(--color-text-primary-hover);
 }
-._toggleNarrow_1jod2_117:active {
+._toggleNarrow_1qlur_117:active {
   color: var(--color-text-primary-active);
 }
-._narrow_1jod2_81 ._toggleNarrow_1jod2_117 {
+._narrow_1qlur_81 ._toggleNarrow_1qlur_117 {
   transform: scaleX(-1);
 }
-._drag_1jod2_135 {
+._drag_1qlur_135 {
   color: var(--color-text-faint);
   display: flex;
   align-items: center;
@@ -2891,29 +2891,30 @@ html[data-theme='dark'] {
   cursor: move;
   height: var(--size-sm);
   width: var(--size-sm);
+  flex-shrink: 0;
 }
-._drag_1jod2_135:hover {
+._drag_1qlur_135:hover {
   color: var(--color-text-primary-hover);
 }
-._drag_1jod2_135:active {
+._drag_1qlur_135:active {
   color: var(--color-text-primary-active);
 }
-._list_1jod2_154 {
+._list_1qlur_155 {
   flex-shrink: 0;
   background: var(--color-background);
 }
-._list_1jod2_154._bordered_1jod2_158:first-child,
-._list_1jod2_154._bordered_1jod2_158:first-child > :first-child {
+._list_1qlur_155._bordered_1qlur_159:first-child,
+._list_1qlur_155._bordered_1qlur_159:first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._list_1jod2_154._bordered_1jod2_158:last-child,
-._list_1jod2_154._bordered_1jod2_158:last-child > :last-child {
+._list_1qlur_155._bordered_1qlur_159:last-child,
+._list_1qlur_155._bordered_1qlur_159:last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
   border-bottom: 0;
 }
-._item_1jod2_78 {
+._item_1qlur_78 {
   color: inherit;
   display: block;
   transition: background-color 0.2s;
@@ -2924,7 +2925,7 @@ html[data-theme='dark'] {
   overflow-wrap: break-word;
   hyphens: auto;
 }
-._item_1jod2_78:not(._heading_1jod2_78):after {
+._item_1qlur_78:not(._heading_1qlur_78):after {
   content: '';
   position: absolute;
   left: 0;
@@ -2935,41 +2936,41 @@ html[data-theme='dark'] {
   border-bottom-left-radius: inherit;
   transition: background 0.3s, width 0.3s;
 }
-._item_1jod2_78._action_1jod2_191 {
+._item_1qlur_78._action_1qlur_192 {
   cursor: pointer;
 }
-._item_1jod2_78._action_1jod2_191:not(._active_1jod2_194):hover {
+._item_1qlur_78._action_1qlur_192:not(._active_1qlur_195):hover {
   background: var(--color-background-listitem-hover);
 }
-._item_1jod2_78._action_1jod2_191:not(._active_1jod2_194):hover:after {
+._item_1qlur_78._action_1qlur_192:not(._active_1qlur_195):hover:after {
   width: 5px;
   background: rgba(0, 0, 0, 0.1);
 }
-._item_1jod2_78._indented_1jod2_201:after {
+._item_1qlur_78._indented_1qlur_202:after {
   width: 3px;
   background: rgba(0, 0, 0, 0.1);
 }
-._item_1jod2_78._active_1jod2_194 {
+._item_1qlur_78._active_1qlur_195 {
   cursor: default;
   position: relative;
   z-index: 1;
   background: var(--color-background-listitem-active);
 }
-._item_1jod2_78._active_1jod2_194:after {
+._item_1qlur_78._active_1qlur_195:after {
   background: var(--color-background-primary) !important;
 }
-._item_1jod2_78._disabled_1jod2_214 {
+._item_1qlur_78._disabled_1qlur_215 {
   color: var(--color-text-faint);
   pointer-events: none;
 }
-._item_1jod2_78._heading_1jod2_78 {
+._item_1qlur_78._heading_1qlur_78 {
   color: var(--color-text-muted);
   background-color: var(--color-background-cardheader);
 }
-._item_1jod2_78._heading_1jod2_78._action_1jod2_191:hover {
+._item_1qlur_78._heading_1qlur_78._action_1qlur_192:hover {
   color: var(--color-text-primary-hover);
 }
-._item_1jod2_78 ._label_1jod2_225 {
+._item_1qlur_78 ._label_1qlur_226 {
   margin-right: var(--padding-xs);
   flex-shrink: 0;
   width: var(--size-sm);
@@ -2980,38 +2981,38 @@ html[data-theme='dark'] {
   align-items: center;
   justify-content: center;
 }
-._item_1jod2_78 ._details_1jod2_236,
-._item_1jod2_78 ._metadata_1jod2_237 {
+._item_1qlur_78 ._details_1qlur_237,
+._item_1qlur_78 ._metadata_1qlur_238 {
   display: block;
   width: 100%;
   font-weight: normal;
 }
-._item_1jod2_78 ._metadata_1jod2_237 {
+._item_1qlur_78 ._metadata_1qlur_238 {
   color: var(--color-text-muted);
 }
-._item_1jod2_78 ._itemContent_1jod2_245 {
+._item_1qlur_78 ._itemContent_1qlur_246 {
   padding: 0 var(--padding) var(--padding-sm);
   cursor: auto;
 }
-._item_1jod2_78 ._itemContent_1jod2_245:empty {
+._item_1qlur_78 ._itemContent_1qlur_246:empty {
   padding: inherit;
 }
-._indentIcon_1jod2_252 {
+._indentIcon_1qlur_253 {
   color: var(--color-text-faint);
   flex-shrink: 0;
   margin-right: var(--padding-xxs);
 }
-._expandIcon_1jod2_257 {
+._expandIcon_1qlur_258 {
   flex-shrink: 0;
   position: relative;
   display: flex;
   height: var(--line-height);
   margin-right: var(--padding-xs);
 }
-._expandIcon_1jod2_257._expanded_1jod2_264 svg {
+._expandIcon_1qlur_258._expanded_1qlur_265 svg {
   transform: rotate(90deg);
 }
-._right_1jod2_267 {
+._right_1qlur_268 {
   margin-left: auto;
   display: flex;
   align-items: center;
@@ -3019,24 +3020,24 @@ html[data-theme='dark'] {
   margin-bottom: calc((var(--line-height) - var(--size-sm)) / 2);
   min-height: var(--size-sm);
 }
-._actions_1jod2_275 {
+._actions_1qlur_276 {
   margin-left: var(--padding-xs);
   display: flex;
   align-items: center;
 }
-._scrollableList_1jod2_280 {
+._scrollableList_1qlur_281 {
   height: 100%;
   overflow-y: auto;
   scroll-behavior: smooth;
 }
-._hideScrollbar_1jod2_67 {
+._hideScrollbar_1qlur_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbar_1jod2_67::-webkit-scrollbar {
+._hideScrollbar_1qlur_67::-webkit-scrollbar {
   display: none;
 }
 ._loader_477i5_1 {
@@ -3094,80 +3095,80 @@ html[data-theme='dark'] {
 ._details_477i5_53 {
   margin-top: var(--padding-xs);
 }
-._inputInTable_1w5ra_1 {
+._inputInTable_s49vk_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1w5ra_1:not(:hover) {
+._inputInTable_s49vk_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1w5ra_1:not(:focus) {
+._inputInTable_s49vk_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1w5ra_13 {
+._inputHover_s49vk_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1w5ra_18 {
+._inputFocus_s49vk_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1w5ra_25,
-._inputWarning_1w5ra_26 {
+._inputError_s49vk_25,
+._inputWarning_s49vk_26 {
   position: relative;
 }
-._inputError_1w5ra_25 {
+._inputError_s49vk_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_1w5ra_25:hover {
+._inputError_s49vk_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1w5ra_25:focus {
+._inputError_s49vk_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1w5ra_26 {
+._inputWarning_s49vk_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_1w5ra_26:hover {
+._inputWarning_s49vk_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1w5ra_26:focus {
+._inputWarning_s49vk_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1w5ra_61 {
+._inputDisabled_s49vk_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1w5ra_67 {
+._hideScrollbars_s49vk_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1w5ra_67::-webkit-scrollbar {
+._hideScrollbars_s49vk_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -3176,8 +3177,8 @@ html[data-theme='dark'] {
 html[data-theme='dark'] {
   --color-border-message: rgba(255, 255, 255, 0.1);
 }
-._container_1w5ra_83 {
-  padding: var(--padding-input);
+._container_s49vk_83 {
+  padding: var(--padding-sm);
   border-radius: var(--border-radius);
   display: inline-flex;
   align-items: flex-start;
@@ -3190,39 +3191,41 @@ html[data-theme='dark'] {
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
-  color: var(--color-text-muted);
-  background-color: var(--color-neutral-100);
 }
-._container_1w5ra_83::-webkit-scrollbar {
+._container_s49vk_83::-webkit-scrollbar {
   display: none;
 }
-._container_1w5ra_83._block_1w5ra_103 {
+._container_s49vk_83._block_s49vk_101 {
   display: flex;
 }
-._container_1w5ra_83._success_1w5ra_106 {
+._container_s49vk_83._info_s49vk_104 {
+  color: var(--color-text-info);
+  background-color: var(--color-background-info-muted);
+}
+._container_s49vk_83._success_s49vk_108 {
   color: var(--color-text-success);
   background-color: var(--color-background-success-muted);
 }
-._container_1w5ra_83._warning_1w5ra_110 {
+._container_s49vk_83._warning_s49vk_112 {
   color: var(--color-text-warning);
   background-color: var(--color-background-warning-muted);
 }
-._container_1w5ra_83._error_1w5ra_114 {
+._container_s49vk_83._error_s49vk_116 {
   color: var(--color-text-error);
   background-color: var(--color-background-error-muted);
 }
-._content_1w5ra_118 {
+._content_s49vk_120 {
   flex: 1;
   min-width: 0;
 }
-._heading_1w5ra_122 {
+._heading_s49vk_124 {
   font-weight: bold;
   letter-spacing: var(--letter-spacing-wide);
   text-transform: uppercase;
   font-size: var(--font-size-sm);
   line-height: var(--line-height);
 }
-._icon_1w5ra_129 {
+._icon_s49vk_131 {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -3230,29 +3233,41 @@ html[data-theme='dark'] {
   margin-right: var(--padding-xs);
   font-size: var(--size-xs);
 }
-._dismiss_1w5ra_137 {
-  --offset-message-dismiss-x: calc(-1 * var(--padding-input-x) + var(--padding-xxs));
-  --offset-message-dismiss-y: calc((var(--line-height) - var(--size-sm)) / 2);
-  display: flex;
-  margin-top: var(--offset-message-dismiss-y);
-  margin-bottom: var(--offset-message-dismiss-y);
-  margin-left: var(--padding-sm);
-  margin-right: var(--offset-message-dismiss-x);
+._dismiss_s49vk_139 {
+  margin-left: var(--padding);
+  color: var(--color-text);
 }
-._dismiss_1w5ra_137._absolute_1w5ra_146 {
+._dismiss_s49vk_139._absolute_s49vk_143 {
   position: absolute;
   top: var(--padding-sm);
   right: var(--padding-sm);
 }
-._detailsText_1w5ra_151 {
+._dismiss_s49vk_139 {
+  --offset-message-dismiss: calc((var(--line-height) - var(--size-sm)) / 2);
+  display: flex;
+  margin-top: var(--offset-message-dismiss);
+  margin-bottom: var(--offset-message-dismiss);
+  margin-right: var(--offset-message-dismiss);
+}
+._legendToggle_s49vk_155 {
+  opacity: 0.6;
+}
+._legendToggle_s49vk_155:hover {
+  opacity: 0.8;
+  cursor: pointer;
+}
+._legendToggle_s49vk_155:active {
+  opacity: 1;
+}
+._detailsText_s49vk_165 {
+  margin-top: var(--padding-xxs);
   word-break: break-word;
 }
-._footer_1w5ra_154 {
+._footer_s49vk_169 {
   display: flex;
   flex-wrap: wrap;
-  gap: var(--padding-xs);
+  gap: var(--padding-sm);
   margin-top: var(--padding-xxs);
-  padding-bottom: var(--padding-xxs);
 }
 ._wrapper_sb0hc_1 {
   z-index: var(--zindex-modal);

package/dist/index.d.ts CHANGED Viewed

@@ -1388,6 +1388,7 @@ export declare interface IToggleProps {
     label?: string | React_2.ReactElement | null;
     checked?: boolean;
     disabled?: boolean;
+    display?: string;
     small?: boolean;
     onChange: (evt: React_2.ChangeEvent<HTMLInputElement>) => void;
     noMargin?: boolean;
@@ -1691,7 +1692,7 @@ export declare const toast: ({ id, message, autoClose, onClose, }: IToastProps)
 export { Toaster }
-export declare const Toggle: ({ name, label, checked, disabled, small, onChange, noMargin, testId, helpText, onClickHelp, }: IToggleProps) => JSX_2.Element;
+export declare const Toggle: ({ name, label, checked, disabled, display, small, onChange, noMargin, testId, helpText, onClickHelp, }: IToggleProps) => JSX_2.Element;
 export declare const Tooltip: ({ children, text, error, placement, possiblePlacements, enabled, warning, maxWidth, triggerOffset, fontSize, padding, display, flex, forceOpen, }: ITooltipProps) => JSX_2.Element;

package/dist/index.html CHANGED Viewed

	@@ -1 +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-~~916a574f~~.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-~~2d24bc5e~~.css"></head><body><div id="content"></div></body>
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-26f804a8.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-0d78a198.css"></head><body><div id="content"></div></body>