@rescui/tag 0.13.8 → 0.13.10

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 (14) hide show
  1. package/lib/_virtual/index.css.js +12 -12
  2. package/lib/index.css +78 -78
  3. package/lib/index.d.ts +8 -8
  4. package/lib/parts/base-tag.d.ts +37 -36
  5. package/lib/parts/base-tag.p.module.css.js +9 -9
  6. package/lib/parts/presets.d.ts +194 -194
  7. package/lib/parts/presets.js +40 -40
  8. package/lib/parts/removable-tag.d.ts +16 -16
  9. package/lib/parts/removable-tag.p.module.css.js +12 -12
  10. package/lib/parts/sticky-tag.d.ts +50 -50
  11. package/lib/parts/sticky-tag.p.module.css.js +11 -11
  12. package/lib/parts/tag.p.module.css.js +1 -1
  13. package/lib/tag.d.ts +37 -37
  14. package/package.json +6 -6
package/lib/parts/presets.d.ts CHANGED
@@ -1,194 +1,194 @@
1
- export declare type Preset = {
2
- /** Tag text color */
3
- color?: string;
4
- /** Tag background color */
5
- backgroundColor?: string;
6
- /** Tag border color */
7
- borderColor?: string;
8
- };
9
- declare const presetsLight: {
10
- /**
11
- * Primary background
12
- */
13
- 'classic-light': {
14
- color: "#FFFFFF";
15
- backgroundColor: "var(--rs-color-primary-light-theme, #6B57FF)";
16
- };
17
- /**
18
- * Contrast background
19
- */
20
- 'rock-light': {
21
- color: "#FFFFFF";
22
- backgroundColor: "#19191C";
23
- };
24
- /**
25
- * Grey background
26
- */
27
- 'filled-light': {
28
- color: "rgba(25,25,28,0.7)";
29
- backgroundColor: "rgba(25,25,28,0.1)";
30
- };
31
- /**
32
- * Transparent with border
33
- */
34
- 'outline-light': {
35
- color: "#19191C";
36
- borderColor: "#19191C";
37
- };
38
- };
39
- declare const presetsDark: {
40
- /**
41
- * Primary background
42
- */
43
- 'classic-dark': {
44
- color: "#FFFFFF";
45
- backgroundColor: "var(--rs-color-primary-dark-theme, #8473FF)";
46
- };
47
- /**
48
- * Contrast background
49
- */
50
- 'rock-dark': {
51
- color: "#19191C";
52
- backgroundColor: "#FFFFFF";
53
- };
54
- /**
55
- * Grey background
56
- */
57
- 'filled-dark': {
58
- color: "rgba(255,255,255,0.7)";
59
- backgroundColor: "rgba(255,255,255,0.1)";
60
- };
61
- /**
62
- * Transparent with border
63
- */
64
- 'outline-dark': {
65
- color: "#FFFFFF";
66
- borderColor: "#FFFFFF";
67
- };
68
- };
69
- export declare type PresetsLight = typeof presetsLight;
70
- export declare type PresetsDark = typeof presetsDark;
71
- export declare const presets: {
72
- /**
73
- * Primary background
74
- * @deprecated use 'classic-light' instead
75
- */
76
- classicLight: {
77
- color: "#FFFFFF";
78
- backgroundColor: "var(--rs-color-primary-light-theme, #6B57FF)";
79
- };
80
- /**
81
- * Contrast background
82
- * @deprecated use 'rock-light' instead
83
- */
84
- rockLight: {
85
- color: "#FFFFFF";
86
- backgroundColor: "#19191C";
87
- };
88
- /**
89
- * Grey background
90
- * @deprecated use 'filled-light' instead
91
- */
92
- filledLight: {
93
- color: "rgba(25,25,28,0.7)";
94
- backgroundColor: "rgba(25,25,28,0.1)";
95
- };
96
- /**
97
- * Transparent with border
98
- * @deprecated use 'outline-light' instead
99
- */
100
- outlineLight: {
101
- color: "#19191C";
102
- borderColor: "#19191C";
103
- };
104
- /**
105
- * Primary background
106
- * @deprecated use 'classic-dark' instead
107
- */
108
- classicDark: {
109
- color: "#FFFFFF";
110
- backgroundColor: "var(--rs-color-primary-dark-theme, #8473FF)";
111
- };
112
- /**
113
- * Contrast background
114
- * @deprecated use 'rock-dark' instead
115
- */
116
- rockDark: {
117
- color: "#19191C";
118
- backgroundColor: "#FFFFFF";
119
- };
120
- /**
121
- * Grey background
122
- * @deprecated use 'filled-dark' instead
123
- */
124
- filledDark: {
125
- color: "rgba(255,255,255,0.7)";
126
- backgroundColor: "rgba(255,255,255,0.1)";
127
- };
128
- /**
129
- * Transparent with border
130
- * @deprecated use 'outline-dark' instead
131
- */
132
- outlineDark: {
133
- color: "#FFFFFF";
134
- borderColor: "#FFFFFF";
135
- };
136
- /**
137
- * Primary background
138
- */
139
- 'classic-dark': {
140
- color: "#FFFFFF";
141
- backgroundColor: "var(--rs-color-primary-dark-theme, #8473FF)";
142
- };
143
- /**
144
- * Contrast background
145
- */
146
- 'rock-dark': {
147
- color: "#19191C";
148
- backgroundColor: "#FFFFFF";
149
- };
150
- /**
151
- * Grey background
152
- */
153
- 'filled-dark': {
154
- color: "rgba(255,255,255,0.7)";
155
- backgroundColor: "rgba(255,255,255,0.1)";
156
- };
157
- /**
158
- * Transparent with border
159
- */
160
- 'outline-dark': {
161
- color: "#FFFFFF";
162
- borderColor: "#FFFFFF";
163
- };
164
- /**
165
- * Primary background
166
- */
167
- 'classic-light': {
168
- color: "#FFFFFF";
169
- backgroundColor: "var(--rs-color-primary-light-theme, #6B57FF)";
170
- };
171
- /**
172
- * Contrast background
173
- */
174
- 'rock-light': {
175
- color: "#FFFFFF";
176
- backgroundColor: "#19191C";
177
- };
178
- /**
179
- * Grey background
180
- */
181
- 'filled-light': {
182
- color: "rgba(25,25,28,0.7)";
183
- backgroundColor: "rgba(25,25,28,0.1)";
184
- };
185
- /**
186
- * Transparent with border
187
- */
188
- 'outline-light': {
189
- color: "#19191C";
190
- borderColor: "#19191C";
191
- };
192
- };
193
- export declare type Presets = typeof presets;
194
- export {};
1
+ export type Preset = {
2
+ /** Tag text color */
3
+ color?: string;
4
+ /** Tag background color */
5
+ backgroundColor?: string;
6
+ /** Tag border color */
7
+ borderColor?: string;
8
+ };
9
+ declare const presetsLight: {
10
+ /**
11
+ * Primary background
12
+ */
13
+ 'classic-light': {
14
+ color: "#FFFFFF";
15
+ backgroundColor: "var(--rs-color-primary-light-theme, #6B57FF)";
16
+ };
17
+ /**
18
+ * Contrast background
19
+ */
20
+ 'rock-light': {
21
+ color: "#FFFFFF";
22
+ backgroundColor: "#19191C";
23
+ };
24
+ /**
25
+ * Grey background
26
+ */
27
+ 'filled-light': {
28
+ color: "rgba(25,25,28,0.7)";
29
+ backgroundColor: "rgba(25,25,28,0.1)";
30
+ };
31
+ /**
32
+ * Transparent with border
33
+ */
34
+ 'outline-light': {
35
+ color: "#19191C";
36
+ borderColor: "#19191C";
37
+ };
38
+ };
39
+ declare const presetsDark: {
40
+ /**
41
+ * Primary background
42
+ */
43
+ 'classic-dark': {
44
+ color: "#FFFFFF";
45
+ backgroundColor: "var(--rs-color-primary-dark-theme, #8473FF)";
46
+ };
47
+ /**
48
+ * Contrast background
49
+ */
50
+ 'rock-dark': {
51
+ color: "#19191C";
52
+ backgroundColor: "#FFFFFF";
53
+ };
54
+ /**
55
+ * Grey background
56
+ */
57
+ 'filled-dark': {
58
+ color: "rgba(255,255,255,0.7)";
59
+ backgroundColor: "rgba(255,255,255,0.1)";
60
+ };
61
+ /**
62
+ * Transparent with border
63
+ */
64
+ 'outline-dark': {
65
+ color: "#FFFFFF";
66
+ borderColor: "#FFFFFF";
67
+ };
68
+ };
69
+ export type PresetsLight = typeof presetsLight;
70
+ export type PresetsDark = typeof presetsDark;
71
+ export declare const presets: {
72
+ /**
73
+ * Primary background
74
+ * @deprecated use 'classic-light' instead
75
+ */
76
+ classicLight: {
77
+ color: "#FFFFFF";
78
+ backgroundColor: "var(--rs-color-primary-light-theme, #6B57FF)";
79
+ };
80
+ /**
81
+ * Contrast background
82
+ * @deprecated use 'rock-light' instead
83
+ */
84
+ rockLight: {
85
+ color: "#FFFFFF";
86
+ backgroundColor: "#19191C";
87
+ };
88
+ /**
89
+ * Grey background
90
+ * @deprecated use 'filled-light' instead
91
+ */
92
+ filledLight: {
93
+ color: "rgba(25,25,28,0.7)";
94
+ backgroundColor: "rgba(25,25,28,0.1)";
95
+ };
96
+ /**
97
+ * Transparent with border
98
+ * @deprecated use 'outline-light' instead
99
+ */
100
+ outlineLight: {
101
+ color: "#19191C";
102
+ borderColor: "#19191C";
103
+ };
104
+ /**
105
+ * Primary background
106
+ * @deprecated use 'classic-dark' instead
107
+ */
108
+ classicDark: {
109
+ color: "#FFFFFF";
110
+ backgroundColor: "var(--rs-color-primary-dark-theme, #8473FF)";
111
+ };
112
+ /**
113
+ * Contrast background
114
+ * @deprecated use 'rock-dark' instead
115
+ */
116
+ rockDark: {
117
+ color: "#19191C";
118
+ backgroundColor: "#FFFFFF";
119
+ };
120
+ /**
121
+ * Grey background
122
+ * @deprecated use 'filled-dark' instead
123
+ */
124
+ filledDark: {
125
+ color: "rgba(255,255,255,0.7)";
126
+ backgroundColor: "rgba(255,255,255,0.1)";
127
+ };
128
+ /**
129
+ * Transparent with border
130
+ * @deprecated use 'outline-dark' instead
131
+ */
132
+ outlineDark: {
133
+ color: "#FFFFFF";
134
+ borderColor: "#FFFFFF";
135
+ };
136
+ /**
137
+ * Primary background
138
+ */
139
+ 'classic-dark': {
140
+ color: "#FFFFFF";
141
+ backgroundColor: "var(--rs-color-primary-dark-theme, #8473FF)";
142
+ };
143
+ /**
144
+ * Contrast background
145
+ */
146
+ 'rock-dark': {
147
+ color: "#19191C";
148
+ backgroundColor: "#FFFFFF";
149
+ };
150
+ /**
151
+ * Grey background
152
+ */
153
+ 'filled-dark': {
154
+ color: "rgba(255,255,255,0.7)";
155
+ backgroundColor: "rgba(255,255,255,0.1)";
156
+ };
157
+ /**
158
+ * Transparent with border
159
+ */
160
+ 'outline-dark': {
161
+ color: "#FFFFFF";
162
+ borderColor: "#FFFFFF";
163
+ };
164
+ /**
165
+ * Primary background
166
+ */
167
+ 'classic-light': {
168
+ color: "#FFFFFF";
169
+ backgroundColor: "var(--rs-color-primary-light-theme, #6B57FF)";
170
+ };
171
+ /**
172
+ * Contrast background
173
+ */
174
+ 'rock-light': {
175
+ color: "#FFFFFF";
176
+ backgroundColor: "#19191C";
177
+ };
178
+ /**
179
+ * Grey background
180
+ */
181
+ 'filled-light': {
182
+ color: "rgba(25,25,28,0.7)";
183
+ backgroundColor: "rgba(25,25,28,0.1)";
184
+ };
185
+ /**
186
+ * Transparent with border
187
+ */
188
+ 'outline-light': {
189
+ color: "#19191C";
190
+ borderColor: "#19191C";
191
+ };
192
+ };
193
+ export type Presets = typeof presets;
194
+ export {};
package/lib/parts/presets.js CHANGED
@@ -1,31 +1,31 @@
1
1
  import { RS_COLOR_WHITE, RS_COLOR_PRIMARY_LIGHT_THEME, RS_COLOR_BLACK, RS_COLOR_BLACK_T70, RS_COLOR_BLACK_T10, RS_COLOR_PRIMARY_DARK_THEME, RS_COLOR_WHITE_T70, RS_COLOR_WHITE_T10 } from '@rescui/colors';
2
2
  const presetsLight = {
3
- /**
4
- * Primary background
3
+ /**
4
+ * Primary background
5
5
  */
6
6
  'classic-light': {
7
7
  color: RS_COLOR_WHITE,
8
8
  backgroundColor: `var(--rs-color-primary-light-theme, ${RS_COLOR_PRIMARY_LIGHT_THEME})`
9
9
  },
10
10
 
11
- /**
12
- * Contrast background
11
+ /**
12
+ * Contrast background
13
13
  */
14
14
  'rock-light': {
15
15
  color: RS_COLOR_WHITE,
16
16
  backgroundColor: RS_COLOR_BLACK
17
17
  },
18
18
 
19
- /**
20
- * Grey background
19
+ /**
20
+ * Grey background
21
21
  */
22
22
  'filled-light': {
23
23
  color: RS_COLOR_BLACK_T70,
24
24
  backgroundColor: RS_COLOR_BLACK_T10
25
25
  },
26
26
 
27
- /**
28
- * Transparent with border
27
+ /**
28
+ * Transparent with border
29
29
  */
30
30
  'outline-light': {
31
31
  color: RS_COLOR_BLACK,
@@ -33,32 +33,32 @@ const presetsLight = {
33
33
  }
34
34
  };
35
35
  const presetsDark = {
36
- /**
37
- * Primary background
36
+ /**
37
+ * Primary background
38
38
  */
39
39
  'classic-dark': {
40
40
  color: RS_COLOR_WHITE,
41
41
  backgroundColor: `var(--rs-color-primary-dark-theme, ${RS_COLOR_PRIMARY_DARK_THEME})`
42
42
  },
43
43
 
44
- /**
45
- * Contrast background
44
+ /**
45
+ * Contrast background
46
46
  */
47
47
  'rock-dark': {
48
48
  color: RS_COLOR_BLACK,
49
49
  backgroundColor: RS_COLOR_WHITE
50
50
  },
51
51
 
52
- /**
53
- * Grey background
52
+ /**
53
+ * Grey background
54
54
  */
55
55
  'filled-dark': {
56
56
  color: RS_COLOR_WHITE_T70,
57
57
  backgroundColor: RS_COLOR_WHITE_T10
58
58
  },
59
59
 
60
- /**
61
- * Transparent with border
60
+ /**
61
+ * Transparent with border
62
62
  */
63
63
  'outline-dark': {
64
64
  color: RS_COLOR_WHITE,
@@ -68,51 +68,51 @@ const presetsDark = {
68
68
  const presets = { ...presetsLight,
69
69
  ...presetsDark,
70
70
 
71
- /**
72
- * Primary background
73
- * @deprecated use 'classic-light' instead
71
+ /**
72
+ * Primary background
73
+ * @deprecated use 'classic-light' instead
74
74
  */
75
75
  classicLight: presetsLight['classic-light'],
76
76
 
77
- /**
78
- * Contrast background
79
- * @deprecated use 'rock-light' instead
77
+ /**
78
+ * Contrast background
79
+ * @deprecated use 'rock-light' instead
80
80
  */
81
81
  rockLight: presetsLight['rock-light'],
82
82
 
83
- /**
84
- * Grey background
85
- * @deprecated use 'filled-light' instead
83
+ /**
84
+ * Grey background
85
+ * @deprecated use 'filled-light' instead
86
86
  */
87
87
  filledLight: presetsLight['filled-light'],
88
88
 
89
- /**
90
- * Transparent with border
91
- * @deprecated use 'outline-light' instead
89
+ /**
90
+ * Transparent with border
91
+ * @deprecated use 'outline-light' instead
92
92
  */
93
93
  outlineLight: presetsLight['outline-light'],
94
94
 
95
- /**
96
- * Primary background
97
- * @deprecated use 'classic-dark' instead
95
+ /**
96
+ * Primary background
97
+ * @deprecated use 'classic-dark' instead
98
98
  */
99
99
  classicDark: presetsDark['classic-dark'],
100
100
 
101
- /**
102
- * Contrast background
103
- * @deprecated use 'rock-dark' instead
101
+ /**
102
+ * Contrast background
103
+ * @deprecated use 'rock-dark' instead
104
104
  */
105
105
  rockDark: presetsDark['rock-dark'],
106
106
 
107
- /**
108
- * Grey background
109
- * @deprecated use 'filled-dark' instead
107
+ /**
108
+ * Grey background
109
+ * @deprecated use 'filled-dark' instead
110
110
  */
111
111
  filledDark: presetsDark['filled-dark'],
112
112
 
113
- /**
114
- * Transparent with border
115
- * @deprecated use 'outline-dark' instead
113
+ /**
114
+ * Transparent with border
115
+ * @deprecated use 'outline-dark' instead
116
116
  */
117
117
  outlineDark: presetsDark['outline-dark']
118
118
  };
package/lib/parts/removable-tag.d.ts CHANGED
@@ -1,16 +1,16 @@
1
- import React from 'react';
2
- import { Theme } from '@rescui/ui-contexts';
3
- export declare type RemovableTagSize = 'xs' | 's' | 'm' | 'l';
4
- export declare type RemovableTagProps = {
5
- className?: string;
6
- children: React.ReactNode;
7
- disabled?: boolean;
8
- size?: RemovableTagSize;
9
- theme?: Theme;
10
- /** Additional left icon */
11
- icon?: React.ReactNode;
12
- onRemoveClick: () => void;
13
- /** @ignore */
14
- wrap?: boolean;
15
- } & Omit<React.HTMLProps<HTMLSpanElement>, 'size' | 'wrap'>;
16
- export declare const RemovableTag: React.ForwardRefExoticComponent<Omit<RemovableTagProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
1
+ import React from 'react';
2
+ import { Theme } from '@rescui/ui-contexts';
3
+ export type RemovableTagSize = 'xs' | 's' | 'm' | 'l';
4
+ export type RemovableTagProps = {
5
+ className?: string;
6
+ children: React.ReactNode;
7
+ disabled?: boolean;
8
+ size?: RemovableTagSize;
9
+ theme?: Theme;
10
+ /** Additional left icon */
11
+ icon?: React.ReactNode;
12
+ onRemoveClick: () => void;
13
+ /** @ignore */
14
+ wrap?: boolean;
15
+ } & Omit<React.HTMLProps<HTMLSpanElement>, 'size' | 'wrap'>;
16
+ export declare const RemovableTag: React.ForwardRefExoticComponent<Omit<RemovableTagProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
package/lib/parts/removable-tag.p.module.css.js CHANGED
@@ -1,15 +1,15 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_15t77iz_7",
3
- "themeDark": "_themeDark_15t77iz_10",
4
- "sizeXs": "_sizeXs_15t77iz_14",
5
- "sizeS": "_sizeS_15t77iz_17",
6
- "sizeM": "_sizeM_15t77iz_20",
7
- "sizeL": "_sizeL_15t77iz_23",
8
- "wrapper": "_wrapper_15t77iz_27",
9
- "icon": "_icon_15t77iz_49",
10
- "disabled": "_disabled_15t77iz_62",
11
- "main": "_main_15t77iz_67",
12
- "wrap": "_wrap_15t77iz_27",
13
- "close": "_close_15t77iz_86"
2
+ "themeLight": "_themeLight_8amqmr_7",
3
+ "themeDark": "_themeDark_8amqmr_10",
4
+ "sizeXs": "_sizeXs_8amqmr_14",
5
+ "sizeS": "_sizeS_8amqmr_17",
6
+ "sizeM": "_sizeM_8amqmr_20",
7
+ "sizeL": "_sizeL_8amqmr_23",
8
+ "wrapper": "_wrapper_8amqmr_27",
9
+ "icon": "_icon_8amqmr_49",
10
+ "disabled": "_disabled_8amqmr_62",
11
+ "main": "_main_8amqmr_67",
12
+ "wrap": "_wrap_8amqmr_27",
13
+ "close": "_close_8amqmr_86"
14
14
  };
15
15
  export { styles as default };