@rescui/dropdown-menu 0.11.3 → 0.11.4-RUI-262-Migrate-to-GH-Actions-Release-dummy-8695a904.3

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 (11) hide show
  1. package/package.json +10 -10
  2. package/lib/dropdown-menu.d.ts +0 -34
  3. package/lib/dropdown-menu.js +0 -91
  4. package/lib/dropdown-menu.p.module.css.js +0 -8
  5. package/lib/index.css +0 -31
  6. package/lib/index.d.ts +0 -3
  7. package/lib/index.js +0 -3
  8. package/lib/menu-wrapper.d.ts +0 -6
  9. package/lib/menu-wrapper.js +0 -15
  10. package/lib/public-api.p.css +0 -256
  11. package/lib/public-api.pcss +0 -256
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/dropdown-menu",
3
- "version": "0.11.3",
3
+ "version": "0.11.4-RUI-262-Migrate-to-GH-Actions-Release-dummy-8695a904.3+8695a904",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -16,9 +16,9 @@
16
16
  },
17
17
  "dependencies": {
18
18
  "@babel/runtime-corejs3": "^7.26.0",
19
- "@rescui/dropdown": "^0.8.3",
20
- "@rescui/menu": "^0.12.0",
21
- "@rescui/use-resize-observer": "^0.3.0",
19
+ "@rescui/dropdown": "0.8.4-RUI-262-Migrate-to-GH-Actions-Release-dummy-8695a904.3+8695a904",
20
+ "@rescui/menu": "0.12.1-RUI-262-Migrate-to-GH-Actions-Release-dummy-8695a904.19+8695a904",
21
+ "@rescui/use-resize-observer": "0.3.1-RUI-262-Migrate-to-GH-Actions-Release-dummy-8695a904.19+8695a904",
22
22
  "classnames": "^2.2.6"
23
23
  },
24
24
  "peerDependencies": {
@@ -27,16 +27,16 @@
27
27
  "react": ">=16.8.0 <20"
28
28
  },
29
29
  "devDependencies": {
30
- "@rescui/colors": "^0.2.10",
31
- "@rescui/icons": "^1.6.0",
32
- "@rescui/scripts": "^0.5.1",
33
- "@rescui/typography": "^0.24.0",
34
- "@rescui/visual-regression": "^0.1.2"
30
+ "@rescui/colors": "0.2.11-RUI-262-Migrate-to-GH-Actions-Release-dummy-8695a904.19+8695a904",
31
+ "@rescui/icons": "1.6.1-RUI-262-Migrate-to-GH-Actions-Release-dummy-8695a904.3+8695a904",
32
+ "@rescui/scripts": "0.5.1",
33
+ "@rescui/typography": "0.24.1-RUI-262-Migrate-to-GH-Actions-Release-dummy-8695a904.19+8695a904",
34
+ "@rescui/visual-regression": "0.1.2"
35
35
  },
36
36
  "scripts": {
37
37
  "build": "rescui-scripts build && yarn run build-pcss-api",
38
38
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
39
39
  },
40
40
  "nx": {},
41
- "gitHead": "54f2d2d607806ac5698ae6e63575559f13422edc"
41
+ "gitHead": "8695a9042a55369f8df8f03ffd61c988cd3d3df4"
42
42
  }
package/lib/dropdown-menu.d.ts DELETED
@@ -1,34 +0,0 @@
1
- import React from 'react';
2
- import { DropdownProps } from '@rescui/dropdown';
3
- import { MenuItemIconPlacement } from '@rescui/menu';
4
- declare type DropdownMenuSize = 's' | 'm' | 'l';
5
- export interface DropdownMenuProps extends Omit<DropdownProps, 'maxWidth' | 'minWidth' | 'maxHeight' | 'leastMaxHeight' | 'className'> {
6
- maxVisibleItems?: number;
7
- iconPlacement?: MenuItemIconPlacement;
8
- itemTag?: React.ElementType;
9
- tag?: React.ElementType;
10
- size?: DropdownMenuSize;
11
- wrapItemsWithLi?: boolean;
12
- activateFirstItemOnOpen?: boolean;
13
- /**
14
- * See [MDN spec](https://developer.mozilla.org/en-US/docs/Web/CSS/max-width).
15
- * `trigger` is a special value that substitutes with trigger's width calculated on every dropdown position update
16
- * @type 'trigger' | MinWidthProperty<string | number>;
17
- * @default 316px
18
- * */
19
- minWidth?: DropdownProps['minWidth'];
20
- /**
21
- * See [MDN spec](https://developer.mozilla.org/en-US/docs/Web/CSS/min-width).
22
- * `trigger` is a special value that substitutes with trigger's width calculated on every dropdown position update
23
- * @type 'trigger' | MaxWidthProperty<string | number>;
24
- * @default "389px"(s); "494px"(m,l)
25
- * */
26
- maxWidth?: DropdownProps['maxWidth'];
27
- /**
28
- * Automatically resize icons according to the size of the menu item.
29
- * */
30
- resizeIcons?: boolean;
31
- className?: string;
32
- }
33
- export declare const DropdownMenu: React.FC<DropdownMenuProps>;
34
- export default DropdownMenu;
package/lib/dropdown-menu.js DELETED
@@ -1,91 +0,0 @@
1
- "use client";
2
- import React, { useRef, useState } from 'react';
3
- import { useThemeWithUndefined } from '@rescui/ui-contexts';
4
- import { Dropdown } from '@rescui/dropdown';
5
- import { Menu } from '@rescui/menu';
6
- import cn from 'classnames';
7
- import { MenuWrapper } from './menu-wrapper.js';
8
- import styles from './dropdown-menu.p.module.css.js';
9
- const ITEM_HEIGHT_BY_SIZE = {
10
- s: 32,
11
- m: 40,
12
- l: 52
13
- };
14
- const SIZE_TO_CLASS = {
15
- s: styles.sizeS,
16
- m: styles.sizeM,
17
- l: styles.sizeL
18
- };
19
-
20
- const DropdownMenu = _ref => {
21
- let {
22
- maxVisibleItems = 5,
23
- size = 'm',
24
- children,
25
- iconPlacement,
26
- itemTag,
27
- tag,
28
- theme: themeFromProps,
29
- mode = 'classic',
30
- activateFirstItemOnOpen = false,
31
- resizeIcons = true,
32
- wrapItemsWithLi,
33
- className,
34
- ...restProps
35
- } = _ref;
36
- const menuWrapperRef = useRef(null);
37
- const [height, setHeight] = useState(0);
38
- let itemHeightFromCss = null;
39
-
40
- if (menuWrapperRef.current) {
41
- // In theory this part of the code might cause issues with SSR.
42
- // But in this specific context, because of checking ref "menuWrapperRef",
43
- // we are sure that the value will still be "null" on the first render.
44
- // Therefore, the first render on the client will be the same as on the server.
45
- // Also, there will be no layout shifts on the following renders because
46
- // it's a dropdown-content and in most cases it opens only on-demand
47
- const menuWrapperStyles = getComputedStyle(menuWrapperRef.current);
48
- itemHeightFromCss = parseInt(menuWrapperStyles.getPropertyValue('--_rs-dropdown-menu-item-height'), 10) || null;
49
- }
50
-
51
- const itemHeight = itemHeightFromCss || ITEM_HEIGHT_BY_SIZE[size]; // a little buffer of 10% here
52
-
53
- const isMoreThanPlusOne = height > (Math.ceil(maxVisibleItems) + 1.1) * itemHeight; // half of item added to show that there is more items even if scroll bar hidden
54
- // in case there are only 1 more item than maxVisibleItems, show it without truncating
55
-
56
- const maxHeight = (Math.ceil(maxVisibleItems) + (isMoreThanPlusOne ? 0.5 : 1.5)) * itemHeight;
57
- const {
58
- maxHeight: cleanMaxHeight,
59
- leastMaxHeight,
60
- ...cleanedRestProps
61
- } = restProps; // cast to make runtime omit
62
-
63
- const theme = useThemeWithUndefined(themeFromProps);
64
- return /*#__PURE__*/React.createElement(Dropdown, { ...cleanedRestProps,
65
- closeOnTab: true,
66
- mode: mode,
67
- theme: theme,
68
- leastMaxHeight: itemHeight,
69
- maxHeight: maxHeight,
70
- className: cn(SIZE_TO_CLASS[size], styles.dropdownMenu, className)
71
- }, /*#__PURE__*/React.createElement(MenuWrapper, {
72
- ref: menuWrapperRef,
73
- onHeightUpdate: setHeight
74
- }, /*#__PURE__*/React.createElement(Menu, {
75
- size: size,
76
- iconPlacement: iconPlacement,
77
- itemTag: itemTag,
78
- tag: tag,
79
- mode: mode === 'rock' ? 'rock' : 'classic',
80
- "data-test": "dropdown-menu",
81
- "data-rs-internal": 'dropdown-menu__menu',
82
- className: styles.menu,
83
- enableKeyboardNavigation: true,
84
- returnFocusOnUnmount: true,
85
- activateFirstItem: activateFirstItemOnOpen,
86
- wrapItemsWithLi: wrapItemsWithLi,
87
- resizeIcons: resizeIcons
88
- }, children)));
89
- };
90
-
91
- export { DropdownMenu, DropdownMenu as default };
package/lib/dropdown-menu.p.module.css.js DELETED
@@ -1,8 +0,0 @@
1
- var styles = {
2
- "sizeS": "_sizeS_zhy223_8",
3
- "sizeM": "_sizeM_zhy223_11",
4
- "sizeL": "_sizeL_zhy223_14",
5
- "dropdownMenu": "_dropdownMenu_zhy223_18",
6
- "menu": "_menu_zhy223_23"
7
- };
8
- export { styles as default };
package/lib/index.css DELETED
@@ -1,31 +0,0 @@
1
- ._sizeS_zhy223_8{
2
- --_rs-dropdown-menu-min-width:316px;
3
- --_rs-dropdown-menu-max-width:389px;
4
- }
5
- ._sizeS_zhy223_8 [data-rs-internal='dropdown-menu__menu-wrapper']{
6
- --_rs-dropdown-menu-item-height:32px;
7
- }
8
- ._sizeM_zhy223_11{
9
- --_rs-dropdown-menu-min-width:316px;
10
- --_rs-dropdown-menu-max-width:494px;
11
- }
12
- ._sizeM_zhy223_11 [data-rs-internal='dropdown-menu__menu-wrapper']{
13
- --_rs-dropdown-menu-item-height:40px;
14
- }
15
- ._sizeL_zhy223_14{
16
- --_rs-dropdown-menu-min-width:316px;
17
- --_rs-dropdown-menu-max-width:494px;
18
- }
19
- ._sizeL_zhy223_14 [data-rs-internal='dropdown-menu__menu-wrapper']{
20
- --_rs-dropdown-menu-item-height:52px;
21
- }
22
- ._dropdownMenu_zhy223_18{
23
- min-width:var(--_rs-dropdown-menu-min-width);
24
- max-width:var(--_rs-dropdown-menu-max-width);
25
- }
26
- ._menu_zhy223_23{
27
- margin:0;
28
- padding:0;
29
-
30
- list-style:none;
31
- }
package/lib/index.d.ts DELETED
@@ -1,3 +0,0 @@
1
- export { default as DropdownMenu } from './dropdown-menu';
2
- export type { DropdownMenuProps } from './dropdown-menu';
3
- export { MenuItem } from '@rescui/menu';
package/lib/index.js DELETED
@@ -1,3 +0,0 @@
1
- import './index.css';
2
- export { DropdownMenu } from './dropdown-menu.js';
3
- export { MenuItem } from '@rescui/menu';
package/lib/menu-wrapper.d.ts DELETED
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- export declare type MenuWrapperProps = {
3
- children?: React.ReactNode;
4
- onHeightUpdate?: (newHeight: number) => void;
5
- };
6
- export declare const MenuWrapper: React.ForwardRefExoticComponent<MenuWrapperProps & React.RefAttributes<HTMLDivElement>>;
package/lib/menu-wrapper.js DELETED
@@ -1,15 +0,0 @@
1
- import React from 'react';
2
- import { useResizeObserver } from '@rescui/use-resize-observer';
3
- const MenuWrapper = /*#__PURE__*/React.forwardRef((_ref, ref) => {
4
- let {
5
- children,
6
- onHeightUpdate
7
- } = _ref;
8
- useResizeObserver(ref, entry => onHeightUpdate(entry.target.offsetHeight));
9
- return /*#__PURE__*/React.createElement("div", {
10
- ref: ref,
11
- "data-rs-internal": 'dropdown-menu__menu-wrapper'
12
- }, children);
13
- });
14
- MenuWrapper.displayName = 'MenuWrapper';
15
- export { MenuWrapper };
package/lib/public-api.p.css DELETED
@@ -1,256 +0,0 @@
1
- @define-mixin rs-dropdown-menu-size-s{
2
- &[class]{
3
- --_rs-dropdown-menu-min-width:316px;
4
- --_rs-dropdown-menu-max-width:389px;
5
- }
6
- &[class] [data-rs-internal='dropdown-menu__menu-wrapper']{
7
- --_rs-dropdown-menu-item-height:32px;
8
- }
9
- & [data-rs-internal="dropdown-menu__menu"] [data-rs-internal="menu__menu-item"]{
10
- --_rs-menu-mi-icon-offset:8px;
11
- --_rs-menu-mi-icon-size:20px;
12
- --_rs-menu-mi-vertical-padding:6px;
13
- --_rs-menu-mi-horizontal-padding:8px;
14
- --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
15
- --_rs-typography-text-transform:initial;
16
- --_rs-typography-font-variant-numeric:initial;
17
- --_rs-typography-font-family:var(
18
- --rs-font-family-ui,
19
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
20
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
21
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
22
- );
23
- --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
24
- --_rs-typography-font-weight:var(
25
- --rs-font-weight-regular,
26
- 400
27
- );
28
- --_rs-typography-line-height:var(
29
- --rs-text-3-line-height,
30
- 20px
31
- );
32
- --_rs-typography-base-color:var(
33
- --_rs-typography-hardness-color,
34
- var(
35
- --rs-color-average,
36
- rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
37
- )
38
- );
39
- --_rs-typography-text-auto-offset:8px;
40
- --_rs-typography-ul-list-li-padding-left:28px;
41
- --_rs-typography-ol-list-li-padding-left:21px;
42
- --_rs-typography-list-li-margin-top-from-text:8px;
43
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
44
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
45
- --_rs-typography-link-border-bottom-width-from-text:1px;
46
- }
47
- & [data-rs-internal="dropdown-menu__menu"] [data-rs-internal="menu__group-header"]{
48
- --_rs-menu-gh-vertical-padding:6px;
49
- --_rs-menu-gh-horizontal-padding:8px;
50
- --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
51
- --_rs-typography-text-transform:initial;
52
- --_rs-typography-font-variant-numeric:initial;
53
- --_rs-typography-font-family:var(
54
- --rs-font-family-ui,
55
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
56
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
57
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
58
- );
59
- --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
60
- --_rs-typography-font-weight:var(
61
- --rs-font-weight-semi-bold,
62
- 600
63
- );
64
- --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
65
- --_rs-typography-base-color:var(
66
- --_rs-typography-heading-hardness-color,
67
- var(
68
- --rs-color-hard,
69
- rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
70
- )
71
- );
72
- --_rs-typography-text-auto-offset:0;
73
- --_rs-typography-ul-list-li-padding-left:initial;
74
- --_rs-typography-ol-list-li-padding-left:initial;
75
- --_rs-typography-list-li-margin-top-from-text:initial;
76
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
77
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
78
- --_rs-typography-link-border-bottom-width-from-text:2px;
79
- }
80
- }
81
- @define-mixin rs-dropdown-menu-size-m{
82
- &[class]{
83
- --_rs-dropdown-menu-min-width:316px;
84
- --_rs-dropdown-menu-max-width:494px;
85
- }
86
- &[class] [data-rs-internal='dropdown-menu__menu-wrapper']{
87
- --_rs-dropdown-menu-item-height:40px;
88
- }
89
- & [data-rs-internal="dropdown-menu__menu"] [data-rs-internal="menu__menu-item"]{
90
- --_rs-menu-mi-icon-offset:8px;
91
- --_rs-menu-mi-icon-size:24px;
92
- --_rs-menu-mi-vertical-padding:8px;
93
- --_rs-menu-mi-horizontal-padding:16px;
94
- --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
95
- --_rs-typography-text-transform:initial;
96
- --_rs-typography-font-variant-numeric:initial;
97
- --_rs-typography-font-family:var(
98
- --rs-font-family-ui,
99
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
100
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
101
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
102
- );
103
- --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
104
- --_rs-typography-font-weight:var(
105
- --rs-font-weight-regular,
106
- 400
107
- );
108
- --_rs-typography-line-height:var(
109
- --rs-text-2-line-height,
110
- 24px
111
- );
112
- --_rs-typography-base-color:var(
113
- --_rs-typography-hardness-color,
114
- var(
115
- --rs-color-average,
116
- rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
117
- )
118
- );
119
- --_rs-typography-text-auto-offset:16px;
120
- --_rs-typography-ul-list-li-padding-left:22px;
121
- --_rs-typography-ol-list-li-padding-left:26px;
122
- --_rs-typography-list-li-margin-top-from-text:var(
123
- --_rs-typography-text-2-sm-list-li-margin-top-from-text,
124
- 16px
125
- );
126
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
127
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
128
- --_rs-typography-link-border-bottom-width-from-text:1px;
129
- }
130
- @media screen and (max-width: 640px){
131
- & [data-rs-internal="dropdown-menu__menu"] [data-rs-internal="menu__menu-item"]{
132
- --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
133
- }
134
- }
135
- & [data-rs-internal="dropdown-menu__menu"] [data-rs-internal="menu__group-header"]{
136
- --_rs-menu-gh-vertical-padding:8px;
137
- --_rs-menu-gh-horizontal-padding:16px;
138
- --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
139
- --_rs-typography-text-transform:initial;
140
- --_rs-typography-font-variant-numeric:initial;
141
- --_rs-typography-font-family:var(
142
- --rs-font-family-ui,
143
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
144
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
145
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
146
- );
147
- --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
148
- --_rs-typography-font-weight:var(
149
- --rs-font-weight-semi-bold,
150
- 600
151
- );
152
- --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
153
- --_rs-typography-base-color:var(
154
- --_rs-typography-heading-hardness-color,
155
- var(
156
- --rs-color-hard,
157
- rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
158
- )
159
- );
160
- --_rs-typography-text-auto-offset:0;
161
- --_rs-typography-ul-list-li-padding-left:initial;
162
- --_rs-typography-ol-list-li-padding-left:initial;
163
- --_rs-typography-list-li-margin-top-from-text:initial;
164
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
165
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
166
- --_rs-typography-link-border-bottom-width-from-text:2px;
167
- }
168
- }
169
- @define-mixin rs-dropdown-menu-size-l{
170
- &[class]{
171
- --_rs-dropdown-menu-min-width:316px;
172
- --_rs-dropdown-menu-max-width:494px;
173
- }
174
- &[class] [data-rs-internal='dropdown-menu__menu-wrapper']{
175
- --_rs-dropdown-menu-item-height:52px;
176
- }
177
- & [data-rs-internal="dropdown-menu__menu"] [data-rs-internal="menu__menu-item"]{
178
- --_rs-menu-mi-icon-offset:16px;
179
- --_rs-menu-mi-icon-size:28px;
180
- --_rs-menu-mi-vertical-padding:12px;
181
- --_rs-menu-mi-horizontal-padding:16px;
182
- --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
183
- --_rs-typography-text-transform:initial;
184
- --_rs-typography-font-variant-numeric:initial;
185
- --_rs-typography-font-family:var(
186
- --rs-font-family-ui,
187
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
188
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
189
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
190
- );
191
- --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
192
- --_rs-typography-font-weight:var(
193
- --rs-font-weight-regular,
194
- 400
195
- );
196
- --_rs-typography-line-height:var(
197
- --rs-text-1-line-height,
198
- 28px
199
- );
200
- --_rs-typography-base-color:var(
201
- --_rs-typography-hardness-color,
202
- var(
203
- --rs-color-average,
204
- rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
205
- )
206
- );
207
- --_rs-typography-text-auto-offset:32px;
208
- --_rs-typography-ul-list-li-padding-left:26px;
209
- --_rs-typography-ol-list-li-padding-left:32px;
210
- --_rs-typography-list-li-margin-top-from-text:var(
211
- --_rs-typography-text-1-sm-list-li-margin-top-from-text,
212
- 24px
213
- );
214
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
215
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
216
- --_rs-typography-link-border-bottom-width-from-text:1px;
217
- }
218
- @media screen and (max-width: 640px){
219
- & [data-rs-internal="dropdown-menu__menu"] [data-rs-internal="menu__menu-item"]{
220
- --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
221
- }
222
- }
223
- & [data-rs-internal="dropdown-menu__menu"] [data-rs-internal="menu__group-header"]{
224
- --_rs-menu-gh-vertical-padding:12px;
225
- --_rs-menu-gh-horizontal-padding:16px;
226
- --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
227
- --_rs-typography-text-transform:initial;
228
- --_rs-typography-font-variant-numeric:initial;
229
- --_rs-typography-font-family:var(
230
- --rs-font-family-ui,
231
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
232
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
233
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
234
- );
235
- --_rs-typography-font-size:var(--rs-h3-font-size, 20px);
236
- --_rs-typography-font-weight:var(
237
- --rs-font-weight-semi-bold,
238
- 600
239
- );
240
- --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
241
- --_rs-typography-base-color:var(
242
- --_rs-typography-heading-hardness-color,
243
- var(
244
- --rs-color-hard,
245
- rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
246
- )
247
- );
248
- --_rs-typography-text-auto-offset:0;
249
- --_rs-typography-ul-list-li-padding-left:initial;
250
- --_rs-typography-ol-list-li-padding-left:initial;
251
- --_rs-typography-list-li-margin-top-from-text:initial;
252
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
253
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
254
- --_rs-typography-link-border-bottom-width-from-text:2px;
255
- }
256
- }
package/lib/public-api.pcss DELETED
@@ -1,256 +0,0 @@
1
- @define-mixin rs-dropdown-menu-size-s{
2
- &[class]{
3
- --_rs-dropdown-menu-min-width:316px;
4
- --_rs-dropdown-menu-max-width:389px;
5
- }
6
- &[class] [data-rs-internal='dropdown-menu__menu-wrapper']{
7
- --_rs-dropdown-menu-item-height:32px;
8
- }
9
- & [data-rs-internal="dropdown-menu__menu"] [data-rs-internal="menu__menu-item"]{
10
- --_rs-menu-mi-icon-offset:8px;
11
- --_rs-menu-mi-icon-size:20px;
12
- --_rs-menu-mi-vertical-padding:6px;
13
- --_rs-menu-mi-horizontal-padding:8px;
14
- --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
15
- --_rs-typography-text-transform:initial;
16
- --_rs-typography-font-variant-numeric:initial;
17
- --_rs-typography-font-family:var(
18
- --rs-font-family-ui,
19
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
20
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
21
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
22
- );
23
- --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
24
- --_rs-typography-font-weight:var(
25
- --rs-font-weight-regular,
26
- 400
27
- );
28
- --_rs-typography-line-height:var(
29
- --rs-text-3-line-height,
30
- 20px
31
- );
32
- --_rs-typography-base-color:var(
33
- --_rs-typography-hardness-color,
34
- var(
35
- --rs-color-average,
36
- rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
37
- )
38
- );
39
- --_rs-typography-text-auto-offset:8px;
40
- --_rs-typography-ul-list-li-padding-left:28px;
41
- --_rs-typography-ol-list-li-padding-left:21px;
42
- --_rs-typography-list-li-margin-top-from-text:8px;
43
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
44
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
45
- --_rs-typography-link-border-bottom-width-from-text:1px;
46
- }
47
- & [data-rs-internal="dropdown-menu__menu"] [data-rs-internal="menu__group-header"]{
48
- --_rs-menu-gh-vertical-padding:6px;
49
- --_rs-menu-gh-horizontal-padding:8px;
50
- --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
51
- --_rs-typography-text-transform:initial;
52
- --_rs-typography-font-variant-numeric:initial;
53
- --_rs-typography-font-family:var(
54
- --rs-font-family-ui,
55
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
56
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
57
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
58
- );
59
- --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
60
- --_rs-typography-font-weight:var(
61
- --rs-font-weight-semi-bold,
62
- 600
63
- );
64
- --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
65
- --_rs-typography-base-color:var(
66
- --_rs-typography-heading-hardness-color,
67
- var(
68
- --rs-color-hard,
69
- rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
70
- )
71
- );
72
- --_rs-typography-text-auto-offset:0;
73
- --_rs-typography-ul-list-li-padding-left:initial;
74
- --_rs-typography-ol-list-li-padding-left:initial;
75
- --_rs-typography-list-li-margin-top-from-text:initial;
76
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
77
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
78
- --_rs-typography-link-border-bottom-width-from-text:2px;
79
- }
80
- }
81
- @define-mixin rs-dropdown-menu-size-m{
82
- &[class]{
83
- --_rs-dropdown-menu-min-width:316px;
84
- --_rs-dropdown-menu-max-width:494px;
85
- }
86
- &[class] [data-rs-internal='dropdown-menu__menu-wrapper']{
87
- --_rs-dropdown-menu-item-height:40px;
88
- }
89
- & [data-rs-internal="dropdown-menu__menu"] [data-rs-internal="menu__menu-item"]{
90
- --_rs-menu-mi-icon-offset:8px;
91
- --_rs-menu-mi-icon-size:24px;
92
- --_rs-menu-mi-vertical-padding:8px;
93
- --_rs-menu-mi-horizontal-padding:16px;
94
- --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
95
- --_rs-typography-text-transform:initial;
96
- --_rs-typography-font-variant-numeric:initial;
97
- --_rs-typography-font-family:var(
98
- --rs-font-family-ui,
99
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
100
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
101
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
102
- );
103
- --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
104
- --_rs-typography-font-weight:var(
105
- --rs-font-weight-regular,
106
- 400
107
- );
108
- --_rs-typography-line-height:var(
109
- --rs-text-2-line-height,
110
- 24px
111
- );
112
- --_rs-typography-base-color:var(
113
- --_rs-typography-hardness-color,
114
- var(
115
- --rs-color-average,
116
- rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
117
- )
118
- );
119
- --_rs-typography-text-auto-offset:16px;
120
- --_rs-typography-ul-list-li-padding-left:22px;
121
- --_rs-typography-ol-list-li-padding-left:26px;
122
- --_rs-typography-list-li-margin-top-from-text:var(
123
- --_rs-typography-text-2-sm-list-li-margin-top-from-text,
124
- 16px
125
- );
126
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
127
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
128
- --_rs-typography-link-border-bottom-width-from-text:1px;
129
- }
130
- @media screen and (max-width: 640px){
131
- & [data-rs-internal="dropdown-menu__menu"] [data-rs-internal="menu__menu-item"]{
132
- --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
133
- }
134
- }
135
- & [data-rs-internal="dropdown-menu__menu"] [data-rs-internal="menu__group-header"]{
136
- --_rs-menu-gh-vertical-padding:8px;
137
- --_rs-menu-gh-horizontal-padding:16px;
138
- --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
139
- --_rs-typography-text-transform:initial;
140
- --_rs-typography-font-variant-numeric:initial;
141
- --_rs-typography-font-family:var(
142
- --rs-font-family-ui,
143
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
144
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
145
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
146
- );
147
- --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
148
- --_rs-typography-font-weight:var(
149
- --rs-font-weight-semi-bold,
150
- 600
151
- );
152
- --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
153
- --_rs-typography-base-color:var(
154
- --_rs-typography-heading-hardness-color,
155
- var(
156
- --rs-color-hard,
157
- rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
158
- )
159
- );
160
- --_rs-typography-text-auto-offset:0;
161
- --_rs-typography-ul-list-li-padding-left:initial;
162
- --_rs-typography-ol-list-li-padding-left:initial;
163
- --_rs-typography-list-li-margin-top-from-text:initial;
164
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
165
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
166
- --_rs-typography-link-border-bottom-width-from-text:2px;
167
- }
168
- }
169
- @define-mixin rs-dropdown-menu-size-l{
170
- &[class]{
171
- --_rs-dropdown-menu-min-width:316px;
172
- --_rs-dropdown-menu-max-width:494px;
173
- }
174
- &[class] [data-rs-internal='dropdown-menu__menu-wrapper']{
175
- --_rs-dropdown-menu-item-height:52px;
176
- }
177
- & [data-rs-internal="dropdown-menu__menu"] [data-rs-internal="menu__menu-item"]{
178
- --_rs-menu-mi-icon-offset:16px;
179
- --_rs-menu-mi-icon-size:28px;
180
- --_rs-menu-mi-vertical-padding:12px;
181
- --_rs-menu-mi-horizontal-padding:16px;
182
- --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
183
- --_rs-typography-text-transform:initial;
184
- --_rs-typography-font-variant-numeric:initial;
185
- --_rs-typography-font-family:var(
186
- --rs-font-family-ui,
187
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
188
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
189
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
190
- );
191
- --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
192
- --_rs-typography-font-weight:var(
193
- --rs-font-weight-regular,
194
- 400
195
- );
196
- --_rs-typography-line-height:var(
197
- --rs-text-1-line-height,
198
- 28px
199
- );
200
- --_rs-typography-base-color:var(
201
- --_rs-typography-hardness-color,
202
- var(
203
- --rs-color-average,
204
- rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
205
- )
206
- );
207
- --_rs-typography-text-auto-offset:32px;
208
- --_rs-typography-ul-list-li-padding-left:26px;
209
- --_rs-typography-ol-list-li-padding-left:32px;
210
- --_rs-typography-list-li-margin-top-from-text:var(
211
- --_rs-typography-text-1-sm-list-li-margin-top-from-text,
212
- 24px
213
- );
214
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
215
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
216
- --_rs-typography-link-border-bottom-width-from-text:1px;
217
- }
218
- @media screen and (max-width: 640px){
219
- & [data-rs-internal="dropdown-menu__menu"] [data-rs-internal="menu__menu-item"]{
220
- --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
221
- }
222
- }
223
- & [data-rs-internal="dropdown-menu__menu"] [data-rs-internal="menu__group-header"]{
224
- --_rs-menu-gh-vertical-padding:12px;
225
- --_rs-menu-gh-horizontal-padding:16px;
226
- --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
227
- --_rs-typography-text-transform:initial;
228
- --_rs-typography-font-variant-numeric:initial;
229
- --_rs-typography-font-family:var(
230
- --rs-font-family-ui,
231
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
232
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
233
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
234
- );
235
- --_rs-typography-font-size:var(--rs-h3-font-size, 20px);
236
- --_rs-typography-font-weight:var(
237
- --rs-font-weight-semi-bold,
238
- 600
239
- );
240
- --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
241
- --_rs-typography-base-color:var(
242
- --_rs-typography-heading-hardness-color,
243
- var(
244
- --rs-color-hard,
245
- rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
246
- )
247
- );
248
- --_rs-typography-text-auto-offset:0;
249
- --_rs-typography-ul-list-li-padding-left:initial;
250
- --_rs-typography-ol-list-li-padding-left:initial;
251
- --_rs-typography-list-li-margin-top-from-text:initial;
252
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
253
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
254
- --_rs-typography-link-border-bottom-width-from-text:2px;
255
- }
256
- }