@i-cell/ids-styles 0.0.24 → 0.0.25

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 (7) hide show
  1. package/dist/components.css +197 -160
  2. package/dist/components.min.css +1 -1
  3. package/dist/components.plugin.js +197 -144
  4. package/dist/tooltip/tooltip.css +197 -160
  5. package/dist/tooltip/tooltip.min.css +1 -1
  6. package/dist/tooltip/tooltip.plugin.js +197 -144
  7. package/package.json +1 -1
package/dist/tooltip/tooltip.plugin.js CHANGED
@@ -2,7 +2,7 @@
2
2
  module.exports = function TooltipPlugin() {
3
3
  return function ({ addComponents }) {
4
4
  const cssObj = {
5
- '.ids-tooltip': { position: 'fixed', display: 'block' },
5
+ '.ids-tooltip': { display: 'block' },
6
6
  '.ids-tooltip>.ids-tooltip__content': {
7
7
  position: 'relative',
8
8
  display: 'inline-flex',
@@ -10,7 +10,6 @@ module.exports = function TooltipPlugin() {
10
10
  alignItems: 'center',
11
11
  width: 'max-content',
12
12
  },
13
- '.ids-tooltip>.ids-tooltip__content::after': { position: 'absolute', content: '" "', transform: 'rotate(-45deg)' },
14
13
  '.ids-tooltip.ids-tooltip-compact>.ids-tooltip__content': {
15
14
  maxWidth: 'var(--ids-comp-tooltip-size-max-width-compact)',
16
15
  padding: 'var(--ids-comp-tooltip-size-padding-y-compact) var(--ids-comp-tooltip-size-padding-x-compact)',
@@ -21,61 +20,29 @@ module.exports = function TooltipPlugin() {
21
20
  letterSpacing: 'var(--ids-comp-tooltip-label-typography-letter-spacing-compact)',
22
21
  lineHeight: 'var(--ids-comp-tooltip-label-typography-line-height-compact)',
23
22
  },
24
- '.ids-tooltip.ids-tooltip-compact>.ids-tooltip__content::after': {
25
- width: 'var(--ids-comp-tooltip-size-caret-size-compact)',
26
- height: 'var(--ids-comp-tooltip-size-caret-size-compact)',
27
- },
28
23
  '.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-north': {
29
24
  paddingBottom: 'calc(var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624)',
30
25
  },
31
- '.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-north>.ids-tooltip__content::after': {
32
- bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-compact)/2)',
33
- },
34
26
  '.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-northeast': {
35
- marginLeft: 'calc(-10px - (var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624))',
36
27
  paddingBottom: 'calc(var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624)',
37
28
  },
38
- '.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-northeast>.ids-tooltip__content::after': {
39
- bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-compact)/2)',
40
- },
41
29
  '.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-east': {
42
30
  paddingLeft: 'calc(var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624)',
43
31
  },
44
- '.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-east>.ids-tooltip__content::after': {
45
- left: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-compact)/2)',
46
- },
47
32
  '.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-southeast': {
48
33
  paddingTop: 'calc(var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624)',
49
- marginLeft: 'calc(-10px - var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624)',
50
- },
51
- '.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-southeast>.ids-tooltip__content::after': {
52
- top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-compact)/2)',
53
34
  },
54
35
  '.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-south': {
55
36
  paddingTop: 'calc(var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624)',
56
37
  },
57
- '.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-south>.ids-tooltip__content::after': {
58
- top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-compact)/2)',
59
- },
60
38
  '.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-southwest': {
61
39
  paddingTop: 'calc(var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624)',
62
- marginLeft: 'calc(10px + var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624)',
63
- },
64
- '.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-southwest>.ids-tooltip__content::after': {
65
- top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-compact)/2)',
66
40
  },
67
41
  '.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-west': {
68
42
  paddingRight: 'calc(var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624)',
69
43
  },
70
- '.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-west>.ids-tooltip__content::after': {
71
- right: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-compact)/2)',
72
- },
73
44
  '.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-northwest': {
74
45
  paddingBottom: 'calc(var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624)',
75
- marginLeft: 'calc(10px + var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624)',
76
- },
77
- '.ids-tooltip.ids-tooltip-compact.ids-tooltip-position-northwest>.ids-tooltip__content::after': {
78
- bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-compact)/2)',
79
46
  },
80
47
  '.ids-tooltip.ids-tooltip-comfortable>.ids-tooltip__content': {
81
48
  maxWidth: 'var(--ids-comp-tooltip-size-max-width-comfortable)',
@@ -87,61 +54,29 @@ module.exports = function TooltipPlugin() {
87
54
  letterSpacing: 'var(--ids-comp-tooltip-label-typography-letter-spacing-comfortable)',
88
55
  lineHeight: 'var(--ids-comp-tooltip-label-typography-line-height-comfortable)',
89
56
  },
90
- '.ids-tooltip.ids-tooltip-comfortable>.ids-tooltip__content::after': {
91
- width: 'var(--ids-comp-tooltip-size-caret-size-comfortable)',
92
- height: 'var(--ids-comp-tooltip-size-caret-size-comfortable)',
93
- },
94
57
  '.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-north': {
95
58
  paddingBottom: 'calc(var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624)',
96
59
  },
97
- '.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-north>.ids-tooltip__content::after': {
98
- bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable)/2)',
99
- },
100
60
  '.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-northeast': {
101
- marginLeft: 'calc(-10px - (var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624))',
102
61
  paddingBottom: 'calc(var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624)',
103
62
  },
104
- '.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-northeast>.ids-tooltip__content::after': {
105
- bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable)/2)',
106
- },
107
63
  '.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-east': {
108
64
  paddingLeft: 'calc(var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624)',
109
65
  },
110
- '.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-east>.ids-tooltip__content::after': {
111
- left: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable)/2)',
112
- },
113
66
  '.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-southeast': {
114
67
  paddingTop: 'calc(var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624)',
115
- marginLeft: 'calc(-10px - var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624)',
116
- },
117
- '.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-southeast>.ids-tooltip__content::after': {
118
- top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable)/2)',
119
68
  },
120
69
  '.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-south': {
121
70
  paddingTop: 'calc(var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624)',
122
71
  },
123
- '.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-south>.ids-tooltip__content::after': {
124
- top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable)/2)',
125
- },
126
72
  '.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-southwest': {
127
73
  paddingTop: 'calc(var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624)',
128
- marginLeft: 'calc(10px + var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624)',
129
- },
130
- '.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-southwest>.ids-tooltip__content::after': {
131
- top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable)/2)',
132
74
  },
133
75
  '.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-west': {
134
76
  paddingRight: 'calc(var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624)',
135
77
  },
136
- '.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-west>.ids-tooltip__content::after': {
137
- right: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable)/2)',
138
- },
139
78
  '.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-northwest': {
140
79
  paddingBottom: 'calc(var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624)',
141
- marginLeft: 'calc(10px + var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624)',
142
- },
143
- '.ids-tooltip.ids-tooltip-comfortable.ids-tooltip-position-northwest>.ids-tooltip__content::after': {
144
- bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable)/2)',
145
80
  },
146
81
  '.ids-tooltip.ids-tooltip-spacious>.ids-tooltip__content': {
147
82
  maxWidth: 'var(--ids-comp-tooltip-size-max-width-spacious)',
@@ -153,61 +88,29 @@ module.exports = function TooltipPlugin() {
153
88
  letterSpacing: 'var(--ids-comp-tooltip-label-typography-letter-spacing-spacious)',
154
89
  lineHeight: 'var(--ids-comp-tooltip-label-typography-line-height-spacious)',
155
90
  },
156
- '.ids-tooltip.ids-tooltip-spacious>.ids-tooltip__content::after': {
157
- width: 'var(--ids-comp-tooltip-size-caret-size-spacious)',
158
- height: 'var(--ids-comp-tooltip-size-caret-size-spacious)',
159
- },
160
91
  '.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-north': {
161
92
  paddingBottom: 'calc(var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624)',
162
93
  },
163
- '.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-north>.ids-tooltip__content::after': {
164
- bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious)/2)',
165
- },
166
94
  '.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-northeast': {
167
- marginLeft: 'calc(-10px - (var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624))',
168
95
  paddingBottom: 'calc(var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624)',
169
96
  },
170
- '.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-northeast>.ids-tooltip__content::after': {
171
- bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious)/2)',
172
- },
173
97
  '.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-east': {
174
98
  paddingLeft: 'calc(var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624)',
175
99
  },
176
- '.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-east>.ids-tooltip__content::after': {
177
- left: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious)/2)',
178
- },
179
100
  '.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-southeast': {
180
101
  paddingTop: 'calc(var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624)',
181
- marginLeft: 'calc(-10px - var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624)',
182
- },
183
- '.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-southeast>.ids-tooltip__content::after': {
184
- top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious)/2)',
185
102
  },
186
103
  '.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-south': {
187
104
  paddingTop: 'calc(var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624)',
188
105
  },
189
- '.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-south>.ids-tooltip__content::after': {
190
- top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious)/2)',
191
- },
192
106
  '.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-southwest': {
193
107
  paddingTop: 'calc(var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624)',
194
- marginLeft: 'calc(10px + var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624)',
195
- },
196
- '.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-southwest>.ids-tooltip__content::after': {
197
- top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious)/2)',
198
108
  },
199
109
  '.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-west': {
200
110
  paddingRight: 'calc(var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624)',
201
111
  },
202
- '.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-west>.ids-tooltip__content::after': {
203
- right: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious)/2)',
204
- },
205
112
  '.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-northwest': {
206
113
  paddingBottom: 'calc(var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624)',
207
- marginLeft: 'calc(10px + var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624)',
208
- },
209
- '.ids-tooltip.ids-tooltip-spacious.ids-tooltip-position-northwest>.ids-tooltip__content::after': {
210
- bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious)/2)',
211
114
  },
212
115
  '.ids-tooltip.ids-tooltip-dense>.ids-tooltip__content': {
213
116
  maxWidth: 'var(--ids-comp-tooltip-size-max-width-dense)',
@@ -219,88 +122,238 @@ module.exports = function TooltipPlugin() {
219
122
  letterSpacing: 'var(--ids-comp-tooltip-label-typography-letter-spacing-dense)',
220
123
  lineHeight: 'var(--ids-comp-tooltip-label-typography-line-height-dense)',
221
124
  },
222
- '.ids-tooltip.ids-tooltip-dense>.ids-tooltip__content::after': {
223
- width: 'var(--ids-comp-tooltip-size-caret-size-dense)',
224
- height: 'var(--ids-comp-tooltip-size-caret-size-dense)',
225
- },
226
125
  '.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-north': {
227
126
  paddingBottom: 'calc(var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624)',
228
127
  },
229
- '.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-north>.ids-tooltip__content::after': {
230
- bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-dense)/2)',
231
- },
232
128
  '.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-northeast': {
233
- marginLeft: 'calc(-10px - (var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624))',
234
129
  paddingBottom: 'calc(var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624)',
235
130
  },
236
- '.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-northeast>.ids-tooltip__content::after': {
237
- bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-dense)/2)',
238
- },
239
131
  '.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-east': {
240
132
  paddingLeft: 'calc(var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624)',
241
133
  },
242
- '.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-east>.ids-tooltip__content::after': {
243
- left: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-dense)/2)',
244
- },
245
134
  '.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-southeast': {
246
135
  paddingTop: 'calc(var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624)',
247
- marginLeft: 'calc(-10px - var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624)',
248
- },
249
- '.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-southeast>.ids-tooltip__content::after': {
250
- top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-dense)/2)',
251
136
  },
252
137
  '.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-south': {
253
138
  paddingTop: 'calc(var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624)',
254
139
  },
255
- '.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-south>.ids-tooltip__content::after': {
256
- top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-dense)/2)',
257
- },
258
140
  '.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-southwest': {
259
141
  paddingTop: 'calc(var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624)',
260
- marginLeft: 'calc(10px + var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624)',
261
- },
262
- '.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-southwest>.ids-tooltip__content::after': {
263
- top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-dense)/2)',
264
142
  },
265
143
  '.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-west': {
266
144
  paddingRight: 'calc(var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624)',
267
145
  },
268
- '.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-west>.ids-tooltip__content::after': {
269
- right: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-dense)/2)',
270
- },
271
146
  '.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-northwest': {
272
147
  paddingBottom: 'calc(var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624)',
273
- marginLeft: 'calc(10px + var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624)',
274
- },
275
- '.ids-tooltip.ids-tooltip-dense.ids-tooltip-position-northwest>.ids-tooltip__content::after': {
276
- bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-dense)/2)',
277
148
  },
278
149
  '.ids-tooltip.ids-tooltip-light>.ids-tooltip__content': {
279
150
  backgroundColor: 'var(--ids-comp-tooltip-color-bg-light-default)',
280
151
  color: 'var(--ids-comp-tooltip-color-fg-light-default)',
281
152
  },
282
- '.ids-tooltip.ids-tooltip-light>.ids-tooltip__content::after': { background: 'var(--ids-comp-tooltip-color-bg-light-default)' },
283
153
  '.ids-tooltip.ids-tooltip-dark>.ids-tooltip__content': {
284
154
  backgroundColor: 'var(--ids-comp-tooltip-color-bg-dark-default)',
285
155
  color: 'var(--ids-comp-tooltip-color-fg-dark-default)',
286
156
  },
287
- '.ids-tooltip.ids-tooltip-dark>.ids-tooltip__content::after': { background: 'var(--ids-comp-tooltip-color-bg-dark-default)' },
288
- '.ids-tooltip.ids-tooltip-position-north,.ids-tooltip.ids-tooltip-position-south': { textAlign: 'center' },
289
- '.ids-tooltip.ids-tooltip-position-north>.ids-tooltip__content::after,.ids-tooltip.ids-tooltip-position-south>.ids-tooltip__content::after':
157
+ '.ids-tooltip.ids-tooltip-text-align-center>.ids-tooltip__content': { textAlign: 'center' },
158
+ '.ids-tooltip.ids-tooltip-text-align-right>.ids-tooltip__content': { textAlign: 'right' },
159
+ '.ids-tooltip.ids-tooltip-text-align-left>.ids-tooltip__content': { textAlign: 'left' },
160
+ '.ids-tooltip.ids-tooltip-text-align-auto.ids-tooltip-position-north,.ids-tooltip.ids-tooltip-text-align-auto.ids-tooltip-position-south':
161
+ { textAlign: 'center' },
162
+ '.ids-tooltip.ids-tooltip-text-align-auto.ids-tooltip-position-east,.ids-tooltip.ids-tooltip-text-align-auto.ids-tooltip-position-northeast,.ids-tooltip.ids-tooltip-text-align-auto.ids-tooltip-position-southeast':
163
+ { textAlign: 'left' },
164
+ '.ids-tooltip.ids-tooltip-text-align-auto.ids-tooltip-position-west .ids-tooltip.ids-tooltip-text-align-auto.ids-tooltip-position-northwest,.ids-tooltip.ids-tooltip-text-align-auto.ids-tooltip-position-southwest':
165
+ { textAlign: 'right' },
166
+ '.ids-tooltip.ids-tooltip-pointered>.ids-tooltip__content::after': {
167
+ position: 'absolute',
168
+ content: '" "',
169
+ transform: 'rotate(-45deg)',
170
+ },
171
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-position-north>.ids-tooltip__content::after,.ids-tooltip.ids-tooltip-pointered.ids-tooltip-position-south>.ids-tooltip__content::after':
290
172
  { left: 'auto', right: 'auto' },
291
- '.ids-tooltip.ids-tooltip-position-east>.ids-tooltip__content::after,.ids-tooltip.ids-tooltip-position-west>.ids-tooltip__content::after':
173
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-position-east>.ids-tooltip__content::after,.ids-tooltip.ids-tooltip-pointered.ids-tooltip-position-west>.ids-tooltip__content::after':
292
174
  { top: 'auto', bottom: 'auto' },
293
- '.ids-tooltip.ids-tooltip-position-northeast,.ids-tooltip.ids-tooltip-position-southeast': { textAlign: 'left' },
294
- '.ids-tooltip.ids-tooltip-position-northeast>.ids-tooltip__content::after,.ids-tooltip.ids-tooltip-position-southeast>.ids-tooltip__content::after':
175
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-position-northeast>.ids-tooltip__content::after,.ids-tooltip.ids-tooltip-pointered.ids-tooltip-position-southeast>.ids-tooltip__content::after':
295
176
  { left: '10px' },
296
- '.ids-tooltip.ids-tooltip-position-northwest,.ids-tooltip.ids-tooltip-position-southwest': { textAlign: 'right' },
297
- '.ids-tooltip.ids-tooltip-position-northwest>.ids-tooltip__content::after,.ids-tooltip.ids-tooltip-position-southwest>.ids-tooltip__content::after':
177
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-position-northwest>.ids-tooltip__content::after,.ids-tooltip.ids-tooltip-pointered.ids-tooltip-position-southwest>.ids-tooltip__content::after':
298
178
  { right: '10px' },
299
- '.ids-tooltip.ids-tooltip-position-east': { textAlign: 'left' },
300
- '.ids-tooltip.ids-tooltip-position-west': { textAlign: 'right' },
301
- '.ids-tooltip.ids-tooltip-text-align>.ids-tooltip__content-center': { textAlign: 'center' },
302
- '.ids-tooltip.ids-tooltip-text-align>.ids-tooltip__content-right': { textAlign: 'right' },
303
- '.ids-tooltip.ids-tooltip-text-align>.ids-tooltip__content-left': { textAlign: 'left' },
179
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact>.ids-tooltip__content::after': {
180
+ width: 'var(--ids-comp-tooltip-size-caret-size-compact)',
181
+ height: 'var(--ids-comp-tooltip-size-caret-size-compact)',
182
+ },
183
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-north>.ids-tooltip__content::after': {
184
+ bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-compact)/2)',
185
+ },
186
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-northeast': {
187
+ marginLeft: 'calc(-10px - (var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624))',
188
+ },
189
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-northeast>.ids-tooltip__content::after': {
190
+ bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-compact)/2)',
191
+ },
192
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-east>.ids-tooltip__content::after': {
193
+ left: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-compact)/2)',
194
+ },
195
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-southeast': {
196
+ marginLeft: 'calc(-10px - var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624)',
197
+ },
198
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-southeast>.ids-tooltip__content::after': {
199
+ top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-compact)/2)',
200
+ },
201
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-south>.ids-tooltip__content::after': {
202
+ top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-compact)/2)',
203
+ },
204
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-southwest': {
205
+ marginRight: 'calc(-10px - var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624)',
206
+ },
207
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-southwest>.ids-tooltip__content::after': {
208
+ top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-compact)/2)',
209
+ },
210
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-west': {
211
+ paddingRight: 'calc(var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624)',
212
+ },
213
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-west>.ids-tooltip__content::after': {
214
+ right: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-compact)/2)',
215
+ },
216
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-northwest': {
217
+ marginRight: 'calc(-10px - var(--ids-comp-tooltip-size-caret-size-compact)/1.4142135624)',
218
+ },
219
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-compact.ids-tooltip-position-northwest>.ids-tooltip__content::after': {
220
+ bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-compact)/2)',
221
+ },
222
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable>.ids-tooltip__content::after': {
223
+ width: 'var(--ids-comp-tooltip-size-caret-size-comfortable)',
224
+ height: 'var(--ids-comp-tooltip-size-caret-size-comfortable)',
225
+ },
226
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-north>.ids-tooltip__content::after': {
227
+ bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable)/2)',
228
+ },
229
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-northeast': {
230
+ marginLeft: 'calc(-10px - (var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624))',
231
+ },
232
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-northeast>.ids-tooltip__content::after': {
233
+ bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable)/2)',
234
+ },
235
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-east>.ids-tooltip__content::after': {
236
+ left: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable)/2)',
237
+ },
238
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-southeast': {
239
+ marginLeft: 'calc(-10px - var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624)',
240
+ },
241
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-southeast>.ids-tooltip__content::after': {
242
+ top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable)/2)',
243
+ },
244
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-south>.ids-tooltip__content::after': {
245
+ top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable)/2)',
246
+ },
247
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-southwest': {
248
+ marginRight: 'calc(-10px - var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624)',
249
+ },
250
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-southwest>.ids-tooltip__content::after': {
251
+ top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable)/2)',
252
+ },
253
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-west': {
254
+ paddingRight: 'calc(var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624)',
255
+ },
256
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-west>.ids-tooltip__content::after': {
257
+ right: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable)/2)',
258
+ },
259
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-northwest': {
260
+ marginRight: 'calc(-10px - var(--ids-comp-tooltip-size-caret-size-comfortable)/1.4142135624)',
261
+ },
262
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-comfortable.ids-tooltip-position-northwest>.ids-tooltip__content::after': {
263
+ bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-comfortable)/2)',
264
+ },
265
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious>.ids-tooltip__content::after': {
266
+ width: 'var(--ids-comp-tooltip-size-caret-size-spacious)',
267
+ height: 'var(--ids-comp-tooltip-size-caret-size-spacious)',
268
+ },
269
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-north>.ids-tooltip__content::after': {
270
+ bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious)/2)',
271
+ },
272
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-northeast': {
273
+ marginLeft: 'calc(-10px - (var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624))',
274
+ },
275
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-northeast>.ids-tooltip__content::after': {
276
+ bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious)/2)',
277
+ },
278
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-east>.ids-tooltip__content::after': {
279
+ left: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious)/2)',
280
+ },
281
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-southeast': {
282
+ marginLeft: 'calc(-10px - var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624)',
283
+ },
284
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-southeast>.ids-tooltip__content::after': {
285
+ top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious)/2)',
286
+ },
287
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-south>.ids-tooltip__content::after': {
288
+ top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious)/2)',
289
+ },
290
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-southwest': {
291
+ marginRight: 'calc(-10px - var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624)',
292
+ },
293
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-southwest>.ids-tooltip__content::after': {
294
+ top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious)/2)',
295
+ },
296
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-west': {
297
+ paddingRight: 'calc(var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624)',
298
+ },
299
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-west>.ids-tooltip__content::after': {
300
+ right: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious)/2)',
301
+ },
302
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-northwest': {
303
+ marginRight: 'calc(-10px - var(--ids-comp-tooltip-size-caret-size-spacious)/1.4142135624)',
304
+ },
305
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-spacious.ids-tooltip-position-northwest>.ids-tooltip__content::after': {
306
+ bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-spacious)/2)',
307
+ },
308
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense>.ids-tooltip__content::after': {
309
+ width: 'var(--ids-comp-tooltip-size-caret-size-dense)',
310
+ height: 'var(--ids-comp-tooltip-size-caret-size-dense)',
311
+ },
312
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-north>.ids-tooltip__content::after': {
313
+ bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-dense)/2)',
314
+ },
315
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-northeast': {
316
+ marginLeft: 'calc(-10px - (var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624))',
317
+ },
318
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-northeast>.ids-tooltip__content::after': {
319
+ bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-dense)/2)',
320
+ },
321
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-east>.ids-tooltip__content::after': {
322
+ left: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-dense)/2)',
323
+ },
324
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-southeast': {
325
+ marginLeft: 'calc(-10px - var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624)',
326
+ },
327
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-southeast>.ids-tooltip__content::after': {
328
+ top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-dense)/2)',
329
+ },
330
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-south>.ids-tooltip__content::after': {
331
+ top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-dense)/2)',
332
+ },
333
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-southwest': {
334
+ marginRight: 'calc(-10px - var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624)',
335
+ },
336
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-southwest>.ids-tooltip__content::after': {
337
+ top: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-dense)/2)',
338
+ },
339
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-west': {
340
+ paddingRight: 'calc(var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624)',
341
+ },
342
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-west>.ids-tooltip__content::after': {
343
+ right: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-dense)/2)',
344
+ },
345
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-northwest': {
346
+ marginRight: 'calc(-10px - var(--ids-comp-tooltip-size-caret-size-dense)/1.4142135624)',
347
+ },
348
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dense.ids-tooltip-position-northwest>.ids-tooltip__content::after': {
349
+ bottom: 'calc(0px - var(--ids-comp-tooltip-size-caret-size-dense)/2)',
350
+ },
351
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-light>.ids-tooltip__content::after': {
352
+ background: 'var(--ids-comp-tooltip-color-bg-light-default)',
353
+ },
354
+ '.ids-tooltip.ids-tooltip-pointered.ids-tooltip-dark>.ids-tooltip__content::after': {
355
+ background: 'var(--ids-comp-tooltip-color-bg-dark-default)',
356
+ },
304
357
  };
305
358
 
306
359
  addComponents(cssObj);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@i-cell/ids-styles",
3
- "version": "0.0.24",
3
+ "version": "0.0.25",
4
4
  "private": false,
5
5
  "description": "Stylesheets for i-Cell Design System UI Kit components (currently Vue and Angular)",
6
6
  "scripts": {