@oliasoft-open-source/react-ui-library 4.1.6-beta-1 → 4.1.7
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/404.html +1 -0
- package/dist/global.css +46 -45
- package/dist/index.d.ts +1 -3
- package/dist/index.js +1328 -8706
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/{Color-6VNJS4EI-189762fa.js → Color-6VNJS4EI-6ac93c1f.js} +1 -1
- package/dist/storybook/assets/{DocsRenderer-NNNQARDV-12f4661f.js → DocsRenderer-NNNQARDV-fbfde2c1.js} +1 -1
- package/dist/storybook/assets/{WithTooltip-4HIR6TLV-f2f8ab3e.js → WithTooltip-4HIR6TLV-266cd08c.js} +1 -1
- package/dist/storybook/assets/{buttons-and-links-059bfed6.js → buttons-and-links-48343430.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-e65ed11b.js → casing-loads.stories-9e4825f1.js} +1 -1
- package/dist/storybook/assets/{chunk-HLWAVYOI-f01f3de0.js → chunk-HLWAVYOI-0e4a153d.js} +1 -1
- package/dist/storybook/assets/{color-cd3ec4c3.js → color-4480a0c5.js} +1 -1
- package/dist/storybook/assets/dialog-795008dd.js +1 -0
- package/dist/storybook/assets/{formatter-SWP5E3XI-d242f07b.js → formatter-SWP5E3XI-834da737.js} +1 -1
- package/dist/storybook/assets/{iframe-095d8394.js → iframe-4b9bc7c1.js} +1 -1
- package/dist/storybook/assets/{index-56205b57.js → index-4399968c.js} +4 -4
- package/dist/storybook/assets/{input-validation-229633ba.js → input-validation-71702a4f.js} +1 -1
- package/dist/storybook/assets/{inputs-b61c86fb.js → inputs-4e275575.js} +1 -1
- package/dist/storybook/assets/{layout-forms-d14c6084.js → layout-forms-08da4864.js} +1 -1
- package/dist/storybook/assets/{layout-general-7da3e8a7.js → layout-general-50a467c0.js} +1 -1
- package/dist/storybook/assets/modal.stories-b5414377.js +141 -0
- package/dist/storybook/assets/{padding-and-spacing-84f38432.js → padding-and-spacing-4719d93c.js} +1 -1
- package/dist/storybook/assets/preview-a9b24c4d.js +1 -0
- package/dist/storybook/assets/{preview-c3814db0.js → preview-fdd38dbb.js} +1 -1
- package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-da38ba14.js → syntaxhighlighter-NMPM6SWI-0b123533.js} +1 -1
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/index.json +1 -1
- package/dist/storybook/project.json +1 -1
- package/dist/storybook/stories.json +1 -1
- package/package.json +4 -2
- package/dist/storybook/assets/dialog-d1746c46.js +0 -1
- package/dist/storybook/assets/modal.stories-926201c3.js +0 -173
- package/dist/storybook/assets/preview-87482613.js +0 -1
package/dist/404.html
ADDED
|
@@ -0,0 +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-0fee18b2.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-f2b208e6.css"></head><body><div id="content"></div></body>
|
package/dist/global.css
CHANGED
|
@@ -8910,80 +8910,80 @@ button:active .remirror-menu-pane-shortcut,
|
|
|
8910
8910
|
min-height: 0;
|
|
8911
8911
|
flex-shrink: 0;
|
|
8912
8912
|
}
|
|
8913
|
-
.
|
|
8913
|
+
._inputInTable_1ube5_1 {
|
|
8914
8914
|
background-color: transparent;
|
|
8915
8915
|
border-radius: inherit !important;
|
|
8916
8916
|
height: var(--size);
|
|
8917
8917
|
min-height: 100%;
|
|
8918
8918
|
}
|
|
8919
|
-
.
|
|
8919
|
+
._inputInTable_1ube5_1:not(:hover) {
|
|
8920
8920
|
border-color: transparent;
|
|
8921
8921
|
}
|
|
8922
|
-
.
|
|
8922
|
+
._inputInTable_1ube5_1:not(:focus) {
|
|
8923
8923
|
box-shadow: none;
|
|
8924
8924
|
}
|
|
8925
|
-
.
|
|
8925
|
+
._inputHover_1ube5_13 {
|
|
8926
8926
|
position: relative;
|
|
8927
8927
|
border-color: var(--color-border-hover);
|
|
8928
8928
|
z-index: 2;
|
|
8929
8929
|
}
|
|
8930
|
-
.
|
|
8930
|
+
._inputFocus_1ube5_18 {
|
|
8931
8931
|
position: relative;
|
|
8932
8932
|
outline: none !important;
|
|
8933
8933
|
border-color: var(--color-border-focus) !important;
|
|
8934
8934
|
box-shadow: var(--shadow-focus);
|
|
8935
8935
|
z-index: 3;
|
|
8936
8936
|
}
|
|
8937
|
-
.
|
|
8938
|
-
.
|
|
8937
|
+
._inputError_1ube5_25,
|
|
8938
|
+
._inputWarning_1ube5_26 {
|
|
8939
8939
|
position: relative;
|
|
8940
8940
|
}
|
|
8941
|
-
.
|
|
8941
|
+
._inputError_1ube5_25 {
|
|
8942
8942
|
z-index: 2;
|
|
8943
8943
|
border-color: var(--color-border-error);
|
|
8944
8944
|
color: var(--color-text-error) !important;
|
|
8945
8945
|
background-color: var(--color-background-error-muted);
|
|
8946
8946
|
}
|
|
8947
|
-
.
|
|
8947
|
+
._inputError_1ube5_25:hover {
|
|
8948
8948
|
border-color: var(--color-border-error-hover) !important;
|
|
8949
8949
|
}
|
|
8950
|
-
.
|
|
8950
|
+
._inputError_1ube5_25:focus {
|
|
8951
8951
|
position: relative;
|
|
8952
8952
|
outline: none !important;
|
|
8953
8953
|
border-color: var(--color-border-focus) !important;
|
|
8954
8954
|
box-shadow: var(--shadow-focus);
|
|
8955
8955
|
z-index: 3;
|
|
8956
8956
|
}
|
|
8957
|
-
.
|
|
8957
|
+
._inputWarning_1ube5_26 {
|
|
8958
8958
|
z-index: 1;
|
|
8959
8959
|
border-color: var(--color-border-warning);
|
|
8960
8960
|
color: var(--color-text-warning) !important;
|
|
8961
8961
|
background-color: var(--color-background-warning-muted);
|
|
8962
8962
|
}
|
|
8963
|
-
.
|
|
8963
|
+
._inputWarning_1ube5_26:hover {
|
|
8964
8964
|
border-color: var(--color-border-warning-hover) !important;
|
|
8965
8965
|
}
|
|
8966
|
-
.
|
|
8966
|
+
._inputWarning_1ube5_26:focus {
|
|
8967
8967
|
position: relative;
|
|
8968
8968
|
outline: none !important;
|
|
8969
8969
|
border-color: var(--color-border-focus) !important;
|
|
8970
8970
|
box-shadow: var(--shadow-focus);
|
|
8971
8971
|
z-index: 3;
|
|
8972
8972
|
}
|
|
8973
|
-
.
|
|
8973
|
+
._inputDisabled_1ube5_61 {
|
|
8974
8974
|
pointer-events: none;
|
|
8975
8975
|
background-color: var(--color-background-disabled);
|
|
8976
8976
|
color: var(--color-text-muted);
|
|
8977
8977
|
box-shadow: none;
|
|
8978
8978
|
}
|
|
8979
|
-
.
|
|
8979
|
+
._hideScrollbars_1ube5_67 {
|
|
8980
8980
|
/* Firefox */
|
|
8981
8981
|
scrollbar-width: none;
|
|
8982
8982
|
/* IE 10+ */
|
|
8983
8983
|
-ms-overflow-style: none;
|
|
8984
8984
|
/* Chrome, Safari and Opera */
|
|
8985
8985
|
}
|
|
8986
|
-
.
|
|
8986
|
+
._hideScrollbars_1ube5_67::-webkit-scrollbar {
|
|
8987
8987
|
display: none;
|
|
8988
8988
|
}
|
|
8989
8989
|
:root {
|
|
@@ -8991,42 +8991,42 @@ button:active .remirror-menu-pane-shortcut,
|
|
|
8991
8991
|
--size-sidebar-icon: var(--size);
|
|
8992
8992
|
--color-background-sidebar: black;
|
|
8993
8993
|
}
|
|
8994
|
-
.
|
|
8994
|
+
._sidebar_1ube5_82 {
|
|
8995
8995
|
background-color: var(--color-background-sidebar);
|
|
8996
8996
|
color: white;
|
|
8997
8997
|
position: relative;
|
|
8998
8998
|
padding: var(--padding) 0;
|
|
8999
8999
|
}
|
|
9000
9000
|
@media print {
|
|
9001
|
-
.
|
|
9001
|
+
._sidebar_1ube5_82 {
|
|
9002
9002
|
display: none;
|
|
9003
9003
|
}
|
|
9004
9004
|
}
|
|
9005
|
-
.
|
|
9005
|
+
._inner_1ube5_93 {
|
|
9006
9006
|
/* Firefox */
|
|
9007
9007
|
scrollbar-width: none;
|
|
9008
9008
|
/* IE 10+ */
|
|
9009
9009
|
-ms-overflow-style: none;
|
|
9010
9010
|
/* Chrome, Safari and Opera */
|
|
9011
9011
|
}
|
|
9012
|
-
.
|
|
9012
|
+
._inner_1ube5_93::-webkit-scrollbar {
|
|
9013
9013
|
display: none;
|
|
9014
9014
|
}
|
|
9015
|
-
.
|
|
9016
|
-
.
|
|
9017
|
-
.
|
|
9015
|
+
._title_1ube5_103,
|
|
9016
|
+
._subtitle_1ube5_104,
|
|
9017
|
+
._label_1ube5_105 {
|
|
9018
9018
|
transition: opacity 0.2s, max-height 0.2s, margin 0.2s, color 0.2s;
|
|
9019
9019
|
max-height: 50px;
|
|
9020
9020
|
}
|
|
9021
|
-
.
|
|
9022
|
-
.
|
|
9023
|
-
.
|
|
9021
|
+
._collapsed_1ube5_109 ._title_1ube5_103,
|
|
9022
|
+
._collapsed_1ube5_109 ._subtitle_1ube5_104,
|
|
9023
|
+
._collapsed_1ube5_109 ._label_1ube5_105 {
|
|
9024
9024
|
opacity: 0;
|
|
9025
9025
|
max-height: 0;
|
|
9026
9026
|
margin-bottom: 0;
|
|
9027
9027
|
margin-top: 0;
|
|
9028
9028
|
}
|
|
9029
|
-
.
|
|
9029
|
+
._title_1ube5_103 {
|
|
9030
9030
|
overflow: hidden;
|
|
9031
9031
|
max-width: 100%;
|
|
9032
9032
|
text-overflow: ellipsis;
|
|
@@ -9035,7 +9035,7 @@ button:active .remirror-menu-pane-shortcut,
|
|
|
9035
9035
|
font-size: var(--font-size-xl);
|
|
9036
9036
|
padding: 0 var(--padding);
|
|
9037
9037
|
}
|
|
9038
|
-
.
|
|
9038
|
+
._subtitle_1ube5_104 {
|
|
9039
9039
|
margin-bottom: var(--padding-xs);
|
|
9040
9040
|
white-space: nowrap;
|
|
9041
9041
|
font-size: var(--font-size);
|
|
@@ -9043,47 +9043,48 @@ button:active .remirror-menu-pane-shortcut,
|
|
|
9043
9043
|
color: var(--color-neutral-700);
|
|
9044
9044
|
padding: 0 var(--padding);
|
|
9045
9045
|
}
|
|
9046
|
-
.
|
|
9046
|
+
._list_1ube5_134 {
|
|
9047
9047
|
margin-bottom: var(--padding-xl);
|
|
9048
9048
|
margin-top: 0;
|
|
9049
|
+
position: relative;
|
|
9050
|
+
z-index: 1;
|
|
9049
9051
|
}
|
|
9050
|
-
.
|
|
9052
|
+
._item_1ube5_140 {
|
|
9051
9053
|
transition: padding 0.2s, color 0.2s;
|
|
9052
9054
|
font-size: var(--font-size-lg);
|
|
9053
9055
|
font-weight: normal;
|
|
9054
9056
|
display: flex;
|
|
9055
|
-
padding: var(--padding-xxs)
|
|
9057
|
+
padding: 0 var(--padding-xxs);
|
|
9056
9058
|
align-items: center;
|
|
9057
9059
|
color: var(--color-neutral-500);
|
|
9058
9060
|
}
|
|
9059
|
-
.
|
|
9060
|
-
padding:
|
|
9061
|
+
._collapsed_1ube5_109 ._item_1ube5_140 {
|
|
9062
|
+
padding: 0;
|
|
9061
9063
|
}
|
|
9062
|
-
.
|
|
9064
|
+
._item_1ube5_140:hover {
|
|
9063
9065
|
color: var(--color-neutral-200);
|
|
9064
9066
|
}
|
|
9065
|
-
.
|
|
9067
|
+
._item_1ube5_140._experimental_1ube5_155 {
|
|
9066
9068
|
background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 8px, rgba(255, 255, 255, 0.1) 16px, transparent 16px, transparent 24px);
|
|
9067
9069
|
}
|
|
9068
|
-
.
|
|
9069
|
-
.
|
|
9070
|
+
._item_1ube5_140:active,
|
|
9071
|
+
._item_1ube5_140._active_1ube5_159 {
|
|
9070
9072
|
color: var(--color-neutral-0);
|
|
9071
9073
|
background-color: var(--color-primary-700);
|
|
9072
9074
|
}
|
|
9073
|
-
.
|
|
9074
|
-
margin-right: var(--padding-sm);
|
|
9075
|
+
._icon_1ube5_163 {
|
|
9075
9076
|
line-height: 0;
|
|
9076
9077
|
flex-shrink: 0;
|
|
9077
|
-
display:
|
|
9078
|
+
display: flex;
|
|
9079
|
+
width: var(--size-sidebar);
|
|
9080
|
+
justify-content: center;
|
|
9078
9081
|
font-size: var(--size-sidebar-icon);
|
|
9082
|
+
padding: var(--padding-xxs) 0;
|
|
9079
9083
|
}
|
|
9080
|
-
.
|
|
9081
|
-
display: block;
|
|
9082
|
-
}
|
|
9083
|
-
._icon_1n7o1_161 svg {
|
|
9084
|
+
._icon_1ube5_163 svg {
|
|
9084
9085
|
stroke-width: 1;
|
|
9085
9086
|
}
|
|
9086
|
-
.
|
|
9087
|
+
._label_1ube5_105 {
|
|
9087
9088
|
white-space: nowrap;
|
|
9088
9089
|
overflow: hidden;
|
|
9089
9090
|
}
|
package/dist/index.d.ts
CHANGED
|
@@ -808,8 +808,6 @@ export declare interface IModalProps {
|
|
|
808
808
|
visible?: boolean;
|
|
809
809
|
centered?: boolean;
|
|
810
810
|
width?: TStringOrNumber;
|
|
811
|
-
onEnter?: () => void;
|
|
812
|
-
onEscape?: () => void;
|
|
813
811
|
}
|
|
814
812
|
|
|
815
813
|
export declare interface INativeSelectProps {
|
|
@@ -1503,7 +1501,7 @@ export declare enum MessageType {
|
|
|
1503
1501
|
ERROR = "Error"
|
|
1504
1502
|
}
|
|
1505
1503
|
|
|
1506
|
-
export declare const Modal: ({ children, visible
|
|
1504
|
+
export declare const Modal: ({ children, visible, centered, width, }: IModalProps) => JSX_2.Element;
|
|
1507
1505
|
|
|
1508
1506
|
export declare const NativeSelect: ({ disabled, error, warning, tooltip, options, onChange, onFocus, onBlur, right, small, tabIndex, selectedOption, width, groupOrder, testId, isInTable, clearable, placeholder, hasNonExistentValue, maxTooltipWidth, borderRadius, }: INativeSelectProps) => JSX_2.Element;
|
|
1509
1507
|
|