@rescui/select 0.10.2-RUI-201-Support-css-modules-in-typography-6efea65f.26 → 0.10.3-RUI-198-Support-different-hardness-for-headings-in-mixins-api-48b1e9e1.18
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/lib/_virtual/check.js +37 -0
- package/lib/_virtual/close.js +37 -0
- package/lib/_virtual/down.js +37 -0
- package/lib/_virtual/index.css.js +10 -0
- package/lib/_virtual/loading.js +45 -0
- package/lib/_virtual/warning.js +37 -0
- package/lib/index.css +351 -155
- package/lib/parts/common-select.p.module.css.js +12 -12
- package/lib/parts/form-trigger-wrapper.js +5 -1
- package/lib/parts/form-trigger.p.module.css.js +10 -9
- package/lib/parts/multiselect.js +1 -1
- package/lib/parts/native-select.p.module.css.js +6 -6
- package/lib/parts/trigger.js +3 -1
- package/lib/parts/trigger.p.module.css.js +27 -27
- package/lib/public-api.p.css +354 -33
- package/lib/public-api.pcss +354 -33
- package/package.json +9 -10
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"sizeS": "
|
|
3
|
-
"sizeM": "
|
|
4
|
-
"sizeL": "
|
|
5
|
-
"menu": "
|
|
6
|
-
"menuSizeS": "
|
|
7
|
-
"menuSizeM": "
|
|
8
|
-
"menuSizeL": "
|
|
9
|
-
"withGroupsLabel": "
|
|
10
|
-
"lastOption": "
|
|
11
|
-
"divider": "
|
|
12
|
-
"checkIcon": "
|
|
13
|
-
"observable": "
|
|
2
|
+
"sizeS": "_sizeS_1wl1ent_3",
|
|
3
|
+
"sizeM": "_sizeM_1wl1ent_6",
|
|
4
|
+
"sizeL": "_sizeL_1wl1ent_9",
|
|
5
|
+
"menu": "_menu_1wl1ent_13",
|
|
6
|
+
"menuSizeS": "_menuSizeS_1wl1ent_26",
|
|
7
|
+
"menuSizeM": "_menuSizeM_1wl1ent_30",
|
|
8
|
+
"menuSizeL": "_menuSizeL_1wl1ent_34",
|
|
9
|
+
"withGroupsLabel": "_withGroupsLabel_1wl1ent_40",
|
|
10
|
+
"lastOption": "_lastOption_1wl1ent_39",
|
|
11
|
+
"divider": "_divider_1wl1ent_45",
|
|
12
|
+
"checkIcon": "_checkIcon_1wl1ent_51",
|
|
13
|
+
"observable": "_observable_1wl1ent_56"
|
|
14
14
|
};
|
|
15
15
|
export { styles as default };
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
import { useThemeWithUndefined } from '@rescui/ui-contexts';
|
|
4
|
+
import WarningIcon from '../_virtual/warning.js';
|
|
4
5
|
import styles from './form-trigger.p.module.css.js';
|
|
5
6
|
var SIZE_STYLES = {
|
|
6
7
|
l: styles.sizeL,
|
|
@@ -49,7 +50,10 @@ var FormTriggerWrapper = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
|
|
|
49
50
|
}, children), error && /*#__PURE__*/React.createElement("div", {
|
|
50
51
|
className: styles.errorMessage,
|
|
51
52
|
"data-rs-internal": 'select-form-trigger-wrapper__error-message'
|
|
52
|
-
},
|
|
53
|
+
}, /*#__PURE__*/React.createElement(WarningIcon, {
|
|
54
|
+
className: styles.errorIcon,
|
|
55
|
+
"data-rs-internal": 'select-form-trigger-wrapper__error-icon'
|
|
56
|
+
}), /*#__PURE__*/React.createElement("span", null, error)), note && /*#__PURE__*/React.createElement("div", {
|
|
53
57
|
className: styles.note,
|
|
54
58
|
"data-rs-internal": 'select-form-trigger-wrapper__note'
|
|
55
59
|
}, note));
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"themeLight": "
|
|
3
|
-
"themeDark": "
|
|
4
|
-
"sizeS": "
|
|
5
|
-
"sizeM": "
|
|
6
|
-
"sizeL": "
|
|
7
|
-
"main": "
|
|
8
|
-
"label": "
|
|
9
|
-
"errorMessage": "
|
|
10
|
-
"
|
|
2
|
+
"themeLight": "_themeLight_19xfyak_7",
|
|
3
|
+
"themeDark": "_themeDark_19xfyak_10",
|
|
4
|
+
"sizeS": "_sizeS_19xfyak_14",
|
|
5
|
+
"sizeM": "_sizeM_19xfyak_17",
|
|
6
|
+
"sizeL": "_sizeL_19xfyak_20",
|
|
7
|
+
"main": "_main_19xfyak_24",
|
|
8
|
+
"label": "_label_19xfyak_28",
|
|
9
|
+
"errorMessage": "_errorMessage_19xfyak_34",
|
|
10
|
+
"errorIcon": "_errorIcon_19xfyak_45",
|
|
11
|
+
"note": "_note_19xfyak_50"
|
|
11
12
|
};
|
|
12
13
|
export { styles as default };
|
package/lib/parts/multiselect.js
CHANGED
|
@@ -23,10 +23,10 @@ import React, { useState, useRef, useEffect, useMemo, useCallback } from 'react'
|
|
|
23
23
|
import PropTypes from 'prop-types';
|
|
24
24
|
import cn from 'classnames';
|
|
25
25
|
import scrollIntoView from 'scroll-into-view-if-needed';
|
|
26
|
-
import { CheckIcon } from '@rescui/icons';
|
|
27
26
|
import { Dropdown } from '@rescui/dropdown';
|
|
28
27
|
import { Menu, MenuItem, Divider, GroupHeader } from '@rescui/menu';
|
|
29
28
|
import { useThemeWithUndefined } from '@rescui/ui-contexts';
|
|
29
|
+
import CheckIcon from '../_virtual/check.js';
|
|
30
30
|
import { useStrongMemo, getDefaultCursorIndex, isGroupsEmpty, getOptionValue, getMovedCursorIndex, shouldOpenSelect, isIndexMatchCursor, withoutGroupsLabel, getPlainOptionsFromGroups, getEmptyMessage, OptionGroupTypes, convertToOptionGroupsIfNeeded, calculateMaxHeight } from '../utils.js';
|
|
31
31
|
import { optionType, optionsGroupType, noOptionsMessageType } from '../common-prop-types.js';
|
|
32
32
|
import { ARROW_DOWN, ARROW_UP, ENTER, SPACE, TAB, ESCAPE, BACKSPACE } from '../key-codes.js';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"sizeS": "
|
|
3
|
-
"sizeM": "
|
|
4
|
-
"sizeL": "
|
|
5
|
-
"main": "
|
|
6
|
-
"wrapper": "
|
|
7
|
-
"select": "
|
|
2
|
+
"sizeS": "_sizeS_3zsb4a_6",
|
|
3
|
+
"sizeM": "_sizeM_3zsb4a_9",
|
|
4
|
+
"sizeL": "_sizeL_3zsb4a_12",
|
|
5
|
+
"main": "_main_3zsb4a_16",
|
|
6
|
+
"wrapper": "_wrapper_3zsb4a_20",
|
|
7
|
+
"select": "_select_3zsb4a_24"
|
|
8
8
|
};
|
|
9
9
|
export { styles as default };
|
package/lib/parts/trigger.js
CHANGED
|
@@ -20,7 +20,9 @@ import PropTypes from 'prop-types';
|
|
|
20
20
|
import cn from 'classnames';
|
|
21
21
|
import { RemovableTag, Tag, presets } from '@rescui/tag';
|
|
22
22
|
import { useThemeWithUndefined } from '@rescui/ui-contexts';
|
|
23
|
-
import
|
|
23
|
+
import DownIcon from '../_virtual/down.js';
|
|
24
|
+
import CloseIcon from '../_virtual/close.js';
|
|
25
|
+
import LoadingIcon from '../_virtual/loading.js';
|
|
24
26
|
import { optionType } from '../common-prop-types.js';
|
|
25
27
|
import { reverseTheme } from '../utils.js';
|
|
26
28
|
import Foldable from './foldable.js';
|
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"themeLight": "
|
|
3
|
-
"themeDark": "
|
|
4
|
-
"sizeS": "
|
|
5
|
-
"sizeM": "
|
|
6
|
-
"sizeL": "
|
|
7
|
-
"classic": "
|
|
8
|
-
"rock": "
|
|
9
|
-
"main": "
|
|
10
|
-
"open": "
|
|
11
|
-
"focused": "
|
|
12
|
-
"searchFocused": "
|
|
13
|
-
"error": "
|
|
14
|
-
"searchKeyFocused": "
|
|
15
|
-
"enabled": "
|
|
16
|
-
"disabled": "
|
|
17
|
-
"isMulti": "
|
|
18
|
-
"iconsWrapper": "
|
|
19
|
-
"labelWrapper": "
|
|
20
|
-
"label": "
|
|
21
|
-
"labelNotSelected": "
|
|
22
|
-
"searchInput": "
|
|
23
|
-
"multi": "
|
|
24
|
-
"tagsContainer": "
|
|
25
|
-
"tag": "
|
|
26
|
-
"toggle": "
|
|
27
|
-
"icon": "
|
|
28
|
-
"clearIcon": "
|
|
2
|
+
"themeLight": "_themeLight_8n3hkm_27",
|
|
3
|
+
"themeDark": "_themeDark_8n3hkm_30",
|
|
4
|
+
"sizeS": "_sizeS_8n3hkm_34",
|
|
5
|
+
"sizeM": "_sizeM_8n3hkm_37",
|
|
6
|
+
"sizeL": "_sizeL_8n3hkm_40",
|
|
7
|
+
"classic": "_classic_8n3hkm_44",
|
|
8
|
+
"rock": "_rock_8n3hkm_47",
|
|
9
|
+
"main": "_main_8n3hkm_51",
|
|
10
|
+
"open": "_open_8n3hkm_73",
|
|
11
|
+
"focused": "_focused_8n3hkm_77",
|
|
12
|
+
"searchFocused": "_searchFocused_8n3hkm_78",
|
|
13
|
+
"error": "_error_8n3hkm_80",
|
|
14
|
+
"searchKeyFocused": "_searchKeyFocused_8n3hkm_85",
|
|
15
|
+
"enabled": "_enabled_8n3hkm_89",
|
|
16
|
+
"disabled": "_disabled_8n3hkm_95",
|
|
17
|
+
"isMulti": "_isMulti_8n3hkm_125",
|
|
18
|
+
"iconsWrapper": "_iconsWrapper_8n3hkm_143",
|
|
19
|
+
"labelWrapper": "_labelWrapper_8n3hkm_168",
|
|
20
|
+
"label": "_label_8n3hkm_168",
|
|
21
|
+
"labelNotSelected": "_labelNotSelected_8n3hkm_218",
|
|
22
|
+
"searchInput": "_searchInput_8n3hkm_231",
|
|
23
|
+
"multi": "_multi_8n3hkm_271",
|
|
24
|
+
"tagsContainer": "_tagsContainer_8n3hkm_291",
|
|
25
|
+
"tag": "_tag_8n3hkm_291",
|
|
26
|
+
"toggle": "_toggle_8n3hkm_313",
|
|
27
|
+
"icon": "_icon_8n3hkm_143",
|
|
28
|
+
"clearIcon": "_clearIcon_8n3hkm_380"
|
|
29
29
|
};
|
|
30
30
|
export { styles as default };
|