@liner-fe/prism 1.13.14 → 1.13.16

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 (6) hide show
  1. package/lib/components/Popover/index.d.ts +2 -0
  2. package/lib/index.css +95 -83
  3. package/lib/index.css.map +2 -2
  4. package/lib/index.mjs +95 -86
  5. package/lib/index.mjs.map +3 -3
  6. package/package.json +1 -1
package/lib/components/Popover/index.d.ts CHANGED
@@ -28,8 +28,10 @@ export interface PopoverContentProps extends HTMLAttributes<HTMLDivElement> {
28
28
  position?: 'top' | 'right' | 'bottom' | 'left';
29
29
  align?: 'start' | 'center' | 'end';
30
30
  confirmText?: string;
31
+ isOverlay?: boolean;
31
32
  onConfirm?: () => void;
32
33
  onClose?: () => void;
34
+ onPointerDownOutside?: () => void;
33
35
  }
34
36
  export declare const Popover: (({ isOpen, children, onChange }: PopoverRootProps) => import("react/jsx-runtime").JSX.Element) & {
35
37
  Trigger: ({ by }: PopoverTriggerProps) => import("react/jsx-runtime").JSX.Element;
package/lib/index.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /* esbuild-sass-plugin:css-chunk:src/components/Button/style.module.scss */
2
- ._button_1a2uc_1 {
2
+ ._button_13vhi_1 {
3
3
  position: relative;
4
4
  display: flex;
5
5
  align-items: center;
@@ -13,238 +13,240 @@
13
13
  overflow: hidden;
14
14
  cursor: pointer;
15
15
  }
16
- ._button_1a2uc_1:disabled {
16
+ ._button_13vhi_1:disabled {
17
17
  background: var(--neutral-fill-mid);
18
18
  color: var(--neutral-label-tertiary);
19
19
  cursor: not-allowed;
20
20
  }
21
- ._button_1a2uc_1:disabled span svg path:not([fill=white]) {
21
+ ._button_13vhi_1:disabled span svg path:not([fill=white]) {
22
22
  fill: var(--neutral-label-tertiary);
23
23
  }
24
- ._button_1a2uc_1:disabled span svg path[fill=white] {
24
+ ._button_13vhi_1:disabled span svg path[fill=white] {
25
25
  fill: var(--inverse-label-primary);
26
26
  }
27
- ._default_1a2uc_27 {
27
+ ._default_13vhi_27 {
28
28
  color: var(--inverse-label-primary);
29
29
  background: var(--lp-pri-achromatic-white);
30
30
  }
31
- ._default_1a2uc_27 svg path {
31
+ ._default_13vhi_27 svg path {
32
32
  fill: var(--inverse-label-primary);
33
33
  }
34
- ._text_1a2uc_35 {
34
+ ._text_13vhi_35 {
35
35
  background: none;
36
36
  color: var(--inverse-label-static-primary);
37
37
  }
38
- ._text_1a2uc_35:not(:disabled):hover {
38
+ ._text_13vhi_35:not(:disabled):hover {
39
39
  text-decoration: underline;
40
40
  text-underline-offset: 0.2rem;
41
41
  }
42
- ._primary_1a2uc_44 {
42
+ ._primary_13vhi_44 {
43
43
  color: var(--inverse-label-static-primary);
44
44
  background: var(--brand-container-mid);
45
45
  }
46
- ._primary_1a2uc_44:not(:disabled):hover {
46
+ ._primary_13vhi_44:not(:disabled):hover {
47
47
  background: var(--brand-container-mid-hover);
48
48
  }
49
- ._primary_1a2uc_44 span svg path:not([fill=white]) {
49
+ ._primary_13vhi_44 span svg path:not([fill=white]) {
50
50
  fill: var(--inverse-label-static-primary);
51
51
  }
52
- ._primary_1a2uc_44 span svg path[fill=white] {
52
+ ._primary_13vhi_44 span svg path[fill=white] {
53
53
  fill: var(--inverse-label-primary);
54
54
  }
55
- ._secondary_1a2uc_58 {
55
+ ._secondary_13vhi_58 {
56
56
  color: var(--inverse-label-primary);
57
57
  background: var(--inverse-container-high);
58
58
  }
59
- ._secondary_1a2uc_58:not(:disabled):hover {
59
+ ._secondary_13vhi_58:not(:disabled):hover {
60
60
  background: var(--inverse-container-high-hover);
61
61
  }
62
- ._secondary_1a2uc_58 span svg path:not([fill=white]) {
62
+ ._secondary_13vhi_58 span svg path:not([fill=white]) {
63
63
  fill: var(--inverse-label-primary);
64
64
  }
65
- ._secondary_1a2uc_58 span svg path[fill=white] {
65
+ ._secondary_13vhi_58 span svg path[fill=white] {
66
66
  fill: var(--inverse-label-primary);
67
67
  }
68
- ._tertiary_1a2uc_72 {
68
+ ._tertiary_13vhi_72 {
69
69
  color: var(--neutral-label-primary);
70
70
  background: var(--neutral-fill-mid);
71
71
  }
72
- ._tertiary_1a2uc_72:not(:disabled):hover {
72
+ ._tertiary_13vhi_72:not(:disabled):hover {
73
73
  background: var(--neutral-fill-mid-hover);
74
74
  }
75
- ._tertiary_1a2uc_72 span svg path:not([fill=white]) {
75
+ ._tertiary_13vhi_72 span svg path:not([fill=white]) {
76
76
  fill: var(--neutral-label-primary);
77
77
  }
78
- ._tertiary_1a2uc_72 span svg path[fill=white] {
78
+ ._tertiary_13vhi_72 span svg path[fill=white] {
79
79
  fill: var(--inverse-label-primary);
80
80
  }
81
- ._quaternary_1a2uc_86 {
81
+ ._quaternary_13vhi_86 {
82
82
  color: var(--neutral-label-primary);
83
83
  border: 1px solid var(--neutral-border-overlay-normal);
84
84
  background: var(--neutral-fill-lowest);
85
85
  }
86
- ._quaternary_1a2uc_86:not(:disabled):hover {
86
+ ._quaternary_13vhi_86:not(:disabled):hover {
87
87
  background: var(--neutral-fill-lowest-hover);
88
88
  }
89
- ._quaternary_1a2uc_86 span svg path:not([fill=white]) {
89
+ ._quaternary_13vhi_86 span svg path:not([fill=white]) {
90
90
  fill: var(--neutral-label-primary);
91
91
  }
92
- ._quaternary_1a2uc_86 span svg path[fill=white] {
92
+ ._quaternary_13vhi_86 span svg path[fill=white] {
93
93
  fill: var(--inverse-label-primary);
94
94
  }
95
- ._quaternary_1a2uc_86:disabled {
95
+ ._quaternary_13vhi_86:disabled {
96
96
  background: var(--neutral-fill-lowest);
97
97
  color: var(--neutral-label-tertiary);
98
98
  opacity: 0.4;
99
99
  }
100
- ._quaternary_1a2uc_86:disabled svg path {
100
+ ._quaternary_13vhi_86:disabled svg path {
101
101
  fill: var(--neutral-label-tertiary);
102
102
  }
103
- ._error_1a2uc_109 {
103
+ ._error_13vhi_109 {
104
104
  color: var(--inverse-label-static-primary);
105
105
  background: var(--function-container-negative);
106
106
  }
107
- ._error_1a2uc_109:not(:disabled):hover {
107
+ ._error_13vhi_109:not(:disabled):hover {
108
108
  background: var(--function-container-negative-hover);
109
109
  }
110
- ._error_1a2uc_109 span svg path:not([fill=white]) {
110
+ ._error_13vhi_109 span svg path:not([fill=white]) {
111
111
  fill: var(--inverse-label-static-primary);
112
112
  }
113
- ._error_1a2uc_109 span svg path[fill=white] {
113
+ ._error_13vhi_109 span svg path[fill=white] {
114
114
  fill: var(--inverse-label-primary);
115
115
  }
116
- ._inverse_1a2uc_123 {
116
+ ._inverse_13vhi_123 {
117
117
  background: var(--neutral-container-static-lowest);
118
118
  color: var(--neutral-label-static-primary);
119
119
  }
120
- ._inverse_1a2uc_123:not(:disabled):hover {
120
+ ._inverse_13vhi_123:not(:disabled):hover {
121
121
  background: var(--neutral-container-static-lowest-hover);
122
122
  }
123
- ._inverse_1a2uc_123 span svg path:not([fill=white]) {
123
+ ._inverse_13vhi_123 span svg path:not([fill=white]) {
124
124
  fill: var(--neutral-label-static-primary);
125
125
  }
126
- ._inverse_1a2uc_123 span svg path[fill=white] {
126
+ ._inverse_13vhi_123 span svg path[fill=white] {
127
127
  fill: var(--inverse-label-primary);
128
128
  }
129
- ._inverse_1a2uc_123:disabled {
129
+ ._inverse_13vhi_123:disabled {
130
130
  background: var(--neutral-fill-mid);
131
131
  color: var(--neutral-label-tertiary);
132
132
  opacity: 0.4;
133
133
  }
134
- ._inverse_1a2uc_123:disabled svg path {
134
+ ._inverse_13vhi_123:disabled svg path {
135
135
  fill: var(--neutral-label-tertiary);
136
136
  }
137
- ._ghost_1a2uc_145._primary_1a2uc_44 {
137
+ ._ghost_13vhi_145._primary_13vhi_44 {
138
138
  background: var(--neutral-fill-lowest);
139
139
  color: var(--neutral-label-primary);
140
140
  }
141
- ._ghost_1a2uc_145._primary_1a2uc_44:not(:disabled):hover {
141
+ ._ghost_13vhi_145._primary_13vhi_44:not(:disabled):hover {
142
142
  background: var(--neutral-fill-lowest-hover);
143
143
  }
144
- ._ghost_1a2uc_145._primary_1a2uc_44 span svg path:not([fill=white]) {
144
+ ._ghost_13vhi_145._primary_13vhi_44 span svg path:not([fill=white]) {
145
145
  fill: var(--neutral-label-primary);
146
146
  }
147
- ._ghost_1a2uc_145._primary_1a2uc_44 span svg path[fill=white] {
147
+ ._ghost_13vhi_145._primary_13vhi_44 span svg path[fill=white] {
148
148
  fill: var(--inverse-label-primary);
149
149
  }
150
- ._ghost_1a2uc_145._primary_1a2uc_44:disabled {
150
+ ._ghost_13vhi_145._primary_13vhi_44:disabled {
151
151
  background: var(--neutral-fill-lowest);
152
152
  color: var(--neutral-label-tertiary);
153
153
  }
154
- ._ghost_1a2uc_145._primary_1a2uc_44:disabled span svg path:not([fill=white]) {
154
+ ._ghost_13vhi_145._primary_13vhi_44:disabled span svg path:not([fill=white]) {
155
155
  fill: var(--neutral-label-tertiary);
156
156
  }
157
- ._ghost_1a2uc_145._primary_1a2uc_44:disabled span svg path[fill=white] {
157
+ ._ghost_13vhi_145._primary_13vhi_44:disabled span svg path[fill=white] {
158
158
  fill: var(--inverse-label-primary);
159
159
  }
160
- ._ghost_1a2uc_145._secondary_1a2uc_58 {
160
+ ._ghost_13vhi_145._secondary_13vhi_58 {
161
161
  background: var(--neutral-fill-lowest);
162
162
  color: var(--neutral-label-secondary);
163
163
  }
164
- ._ghost_1a2uc_145._secondary_1a2uc_58:not(:disabled):hover {
164
+ ._ghost_13vhi_145._secondary_13vhi_58:not(:disabled):hover {
165
165
  background: var(--neutral-fill-lowest-hover);
166
166
  }
167
- ._ghost_1a2uc_145._secondary_1a2uc_58 span svg path:not([fill=white]) {
167
+ ._ghost_13vhi_145._secondary_13vhi_58 span svg path:not([fill=white]) {
168
168
  fill: var(--neutral-label-secondary);
169
169
  }
170
- ._ghost_1a2uc_145._secondary_1a2uc_58 span svg path[fill=white] {
170
+ ._ghost_13vhi_145._secondary_13vhi_58 span svg path[fill=white] {
171
171
  fill: var(--inverse-label-primary);
172
172
  }
173
- ._ghost_1a2uc_145._secondary_1a2uc_58:disabled {
173
+ ._ghost_13vhi_145._secondary_13vhi_58:disabled {
174
174
  background: var(--neutral-fill-lowest);
175
175
  color: var(--neutral-label-tertiary);
176
176
  }
177
- ._ghost_1a2uc_145._secondary_1a2uc_58:disabled span svg path:not([fill=white]) {
177
+ ._ghost_13vhi_145._secondary_13vhi_58:disabled span svg path:not([fill=white]) {
178
178
  fill: var(--neutral-label-tertiary);
179
179
  }
180
- ._ghost_1a2uc_145._secondary_1a2uc_58:disabled span svg path[fill=white] {
180
+ ._ghost_13vhi_145._secondary_13vhi_58:disabled span svg path[fill=white] {
181
181
  fill: var(--inverse-label-primary);
182
182
  }
183
- ._cta_1a2uc_192 {
183
+ ._cta_13vhi_192 {
184
184
  border-radius: var(--lp-sys-radius-m);
185
185
  width: fit-content;
186
186
  height: 52px;
187
187
  gap: 8px;
188
188
  }
189
- ._l_1a2uc_199 {
189
+ ._l_13vhi_199 {
190
190
  border-radius: var(--lp-sys-radius-s);
191
191
  width: fit-content;
192
192
  height: 44px;
193
193
  }
194
- ._m_1a2uc_205 {
194
+ ._m_13vhi_205 {
195
195
  border-radius: var(--lp-sys-radius-s);
196
196
  width: fit-content;
197
197
  height: 36px;
198
198
  }
199
- ._s_1a2uc_58 {
199
+ ._s_13vhi_58 {
200
200
  border-radius: var(--lp-sys-radius-s);
201
201
  width: fit-content;
202
202
  height: 28px;
203
203
  }
204
- ._align-center_1a2uc_217 {
204
+ ._align-center_13vhi_217 > span {
205
+ width: 100%;
205
206
  justify-content: center;
206
207
  }
207
- ._align-space-between_1a2uc_221 {
208
+ ._align-space-between_13vhi_222 > span {
209
+ width: 100%;
208
210
  justify-content: space-between;
209
211
  }
210
- ._neutral-primary_1a2uc_225 {
212
+ ._neutral-primary_13vhi_227 {
211
213
  color: var(--neutral-label-secondary);
212
214
  opacity: 0.8;
213
215
  }
214
- ._inverse-primary_1a2uc_230 {
216
+ ._inverse-primary_13vhi_232 {
215
217
  color: var(--inverse-label-primary);
216
218
  }
217
- ._inverse-static-primary_1a2uc_234 {
219
+ ._inverse-static-primary_13vhi_236 {
218
220
  color: var(--inverse-label-static-primary);
219
221
  }
220
- ._content_1a2uc_238 {
222
+ ._content_13vhi_240 {
221
223
  line-height: 0;
222
224
  padding: 0px var(--lp-sys-padding-component-100);
223
225
  }
224
- ._full_1a2uc_243 {
226
+ ._full_13vhi_245 {
225
227
  width: 100%;
226
228
  }
227
- ._fit-content_1a2uc_247 {
229
+ ._fit-content_13vhi_249 {
228
230
  width: fit-content;
229
231
  }
230
- ._children_1a2uc_251 {
232
+ ._children_13vhi_253 {
231
233
  display: flex;
232
234
  align-items: center;
233
235
  justify-content: center;
234
236
  }
235
- ._cta-children_1a2uc_257 {
237
+ ._cta-children_13vhi_259 {
236
238
  padding: 0 var(--lp-sys-gap-positive-300);
237
239
  gap: var(--lp-sys-gap-positive-100);
238
240
  }
239
- ._l-children_1a2uc_262 {
241
+ ._l-children_13vhi_264 {
240
242
  padding: 0 var(--lp-sys-gap-positive-200);
241
243
  gap: var(--lp-sys-gap-positive-50);
242
244
  }
243
- ._m-children_1a2uc_267 {
245
+ ._m-children_13vhi_269 {
244
246
  padding: 0 var(--lp-sys-gap-positive-150);
245
247
  gap: var(--lp-sys-gap-positive-50);
246
248
  }
247
- ._s-children_1a2uc_272 {
249
+ ._s-children_13vhi_274 {
248
250
  padding: 0 var(--lp-sys-gap-positive-150);
249
251
  gap: var(--lp-sys-gap-positive-50);
250
252
  }
@@ -584,7 +586,7 @@
584
586
  }
585
587
 
586
588
  /* esbuild-sass-plugin:css-chunk:src/components/Popover/style.module.scss */
587
- ._content_120k7_1 {
589
+ ._content_1mo1r_1 {
588
590
  border-radius: var(--lp-sys-radius-m);
589
591
  width: 280px;
590
592
  box-shadow:
@@ -592,36 +594,37 @@
592
594
  0px 1px 8px 0px rgba(0, 0, 0, 0.06),
593
595
  0px 0px 1px 0px rgba(0, 0, 0, 0.06);
594
596
  }
595
- ._anchor_120k7_7._primary_120k7_7 {
597
+ ._anchor_1mo1r_7._primary_1mo1r_7 {
596
598
  background: none;
597
599
  }
598
- ._anchor_120k7_7._primary_120k7_7 > path {
600
+ ._anchor_1mo1r_7._primary_1mo1r_7 > path {
599
601
  fill: var(--brand-container-mid);
600
602
  }
601
- ._anchor_120k7_7._secondary_120k7_13 {
603
+ ._anchor_1mo1r_7._secondary_1mo1r_13 {
602
604
  background: none;
603
605
  }
604
- ._anchor_120k7_7._secondary_120k7_13 > path {
606
+ ._anchor_1mo1r_7._secondary_1mo1r_13 > path {
605
607
  fill: var(--inverse-container-static-high);
606
608
  }
607
- ._primary_120k7_7 {
609
+ ._primary_1mo1r_7 {
608
610
  background: var(--brand-container-mid);
609
611
  }
610
- ._secondary_120k7_13 {
612
+ ._secondary_1mo1r_13 {
611
613
  background: var(--inverse-container-static-high);
612
614
  }
613
- ._contentContainer_120k7_28 {
615
+ ._contentContainer_1mo1r_28 {
614
616
  padding: var(--lp-sys-padding-component-400);
615
617
  display: flex;
616
618
  flex-direction: column;
617
619
  gap: 5px;
620
+ z-index: 2;
618
621
  }
619
- ._heading_120k7_35 {
622
+ ._heading_1mo1r_36 {
620
623
  display: flex;
621
624
  align-items: flex-start;
622
625
  gap: 6px;
623
626
  }
624
- ._tag_120k7_41 {
627
+ ._tag_1mo1r_42 {
625
628
  margin: 0;
626
629
  display: flex;
627
630
  align-items: center;
@@ -631,24 +634,24 @@
631
634
  color: var(--neutral-label-static-primary);
632
635
  border-radius: var(--lp-sys-radius-xs);
633
636
  }
634
- ._title_120k7_52 {
637
+ ._title_1mo1r_53 {
635
638
  margin: 0;
636
639
  color: var(--inverse-label-static-primary);
637
640
  }
638
- ._description_120k7_57 {
641
+ ._description_1mo1r_58 {
639
642
  margin: 0;
640
643
  color: var(--inverse-label-static-secondary);
641
644
  line-height: 18px;
642
645
  }
643
- ._footer_120k7_63 {
646
+ ._footer_1mo1r_64 {
644
647
  display: flex;
645
648
  justify-content: flex-end;
646
649
  width: 100%;
647
650
  }
648
- ._arrow_120k7_69 {
651
+ ._arrow_1mo1r_70 {
649
652
  position: absolute;
650
653
  }
651
- ._closeButton_120k7_73 {
654
+ ._closeButton_1mo1r_74 {
652
655
  background: transparent;
653
656
  border: none;
654
657
  padding: 0px;
@@ -656,9 +659,18 @@
656
659
  top: 12px;
657
660
  right: 12px;
658
661
  }
659
- ._closeButton_120k7_73:hover {
662
+ ._closeButton_1mo1r_74:hover {
660
663
  cursor: pointer;
661
664
  }
665
+ ._overlay_1mo1r_86 {
666
+ position: fixed;
667
+ top: 0;
668
+ left: 0;
669
+ width: 100%;
670
+ height: 100%;
671
+ background: rgba(255, 255, 255, 0.7490196078);
672
+ z-index: 0;
673
+ }
662
674
 
663
675
  /* esbuild-sass-plugin:css-chunk:src/components/Tooltip/style.module.scss */
664
676
  ._tooltip_1v61q_1 {