@trendyol/baklava 2.0.0-beta.12 → 2.0.0-beta.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/baklava.js +1 -1
- package/dist/chunk-2OZ27HBE.js +7 -0
- package/dist/chunk-2OZ27HBE.js.map +7 -0
- package/dist/chunk-4HPQWL76.js +7 -0
- package/dist/{chunk-EOV5UNUT.js.map → chunk-4HPQWL76.js.map} +4 -4
- package/dist/chunk-6TYTDGI6.js +17 -0
- package/dist/chunk-6TYTDGI6.js.map +7 -0
- package/dist/{chunk-T7GSZTD6.js → chunk-7SB56BMG.js} +7 -7
- package/dist/chunk-7SB56BMG.js.map +7 -0
- package/dist/chunk-F7EPILE3.js +64 -0
- package/dist/chunk-F7EPILE3.js.map +7 -0
- package/dist/{chunk-HNGCDZW6.js → chunk-L4EJFUQV.js} +2 -2
- package/dist/{chunk-HNGCDZW6.js.map → chunk-L4EJFUQV.js.map} +3 -3
- package/dist/chunk-OLHTJRSI.js +21 -0
- package/dist/chunk-OLHTJRSI.js.map +7 -0
- package/dist/{chunk-KXC4PRYS.js → chunk-WP2DP4K4.js} +16 -16
- package/dist/chunk-WP2DP4K4.js.map +7 -0
- package/dist/components/badge/bl-badge.js +1 -1
- package/dist/components/button/bl-button.js +1 -1
- package/dist/components/icon/bl-icon.js +1 -1
- package/dist/components/icon/icon-list.js.map +2 -2
- package/dist/components/input/bl-input.js +1 -1
- package/dist/components/tooltip/bl-tooltip.js +2 -0
- package/dist/components/tooltip/bl-tooltip.js.map +7 -0
- package/dist/custom-elements.json +82 -359
- package/dist/themes/default.css +1 -1
- package/dist/themes/default.css.map +2 -2
- package/package.json +13 -11
- package/dist/chunk-DGA6AHIJ.js +0 -31
- package/dist/chunk-DGA6AHIJ.js.map +0 -7
- package/dist/chunk-EOV5UNUT.js +0 -7
- package/dist/chunk-KXC4PRYS.js.map +0 -7
- package/dist/chunk-T7GSZTD6.js.map +0 -7
|
@@ -12,41 +12,19 @@
|
|
|
12
12
|
"name": "BlBadge",
|
|
13
13
|
"cssProperties": [
|
|
14
14
|
{
|
|
15
|
-
"description": "Sets the background color of badge. Default value is
|
|
15
|
+
"description": "Sets the background color of badge. Default value is `--bl-color-accent-primary-background`",
|
|
16
16
|
"name": "--bl-badge-bg-color"
|
|
17
17
|
},
|
|
18
18
|
{
|
|
19
|
-
"description": "Sets the color of badge. Default value is
|
|
19
|
+
"description": "Sets the color of badge. Default value is `--bl-color-primary`",
|
|
20
20
|
"name": "--bl-badge-color"
|
|
21
21
|
}
|
|
22
22
|
],
|
|
23
|
-
"members": [
|
|
24
|
-
{
|
|
25
|
-
"kind": "field",
|
|
26
|
-
"name": "size",
|
|
27
|
-
"type": {
|
|
28
|
-
"text": "string"
|
|
29
|
-
},
|
|
30
|
-
"default": "'medium'",
|
|
31
|
-
"description": "Sets the badge size",
|
|
32
|
-
"attribute": "size",
|
|
33
|
-
"reflects": true
|
|
34
|
-
},
|
|
35
|
-
{
|
|
36
|
-
"kind": "field",
|
|
37
|
-
"name": "icon",
|
|
38
|
-
"type": {
|
|
39
|
-
"text": "string"
|
|
40
|
-
},
|
|
41
|
-
"description": "Sets the name of the icon",
|
|
42
|
-
"attribute": "icon"
|
|
43
|
-
}
|
|
44
|
-
],
|
|
45
23
|
"attributes": [
|
|
46
24
|
{
|
|
47
25
|
"name": "size",
|
|
48
26
|
"type": {
|
|
49
|
-
"text": "
|
|
27
|
+
"text": "BadgeSize"
|
|
50
28
|
},
|
|
51
29
|
"default": "'medium'",
|
|
52
30
|
"description": "Sets the badge size",
|
|
@@ -55,7 +33,7 @@
|
|
|
55
33
|
{
|
|
56
34
|
"name": "icon",
|
|
57
35
|
"type": {
|
|
58
|
-
"text": "string"
|
|
36
|
+
"text": "string | undefined"
|
|
59
37
|
},
|
|
60
38
|
"description": "Sets the name of the icon",
|
|
61
39
|
"fieldName": "icon"
|
|
@@ -103,152 +81,12 @@
|
|
|
103
81
|
"name": "--bl-button-display"
|
|
104
82
|
}
|
|
105
83
|
],
|
|
106
|
-
"members": [
|
|
107
|
-
{
|
|
108
|
-
"kind": "field",
|
|
109
|
-
"name": "primary",
|
|
110
|
-
"type": {
|
|
111
|
-
"text": "boolean"
|
|
112
|
-
},
|
|
113
|
-
"default": "false",
|
|
114
|
-
"description": "Sets variant to primary",
|
|
115
|
-
"attribute": "primary",
|
|
116
|
-
"reflects": true
|
|
117
|
-
},
|
|
118
|
-
{
|
|
119
|
-
"kind": "field",
|
|
120
|
-
"name": "secondary",
|
|
121
|
-
"type": {
|
|
122
|
-
"text": "boolean"
|
|
123
|
-
},
|
|
124
|
-
"default": "false",
|
|
125
|
-
"description": "Sets variant to secondary",
|
|
126
|
-
"attribute": "secondary",
|
|
127
|
-
"reflects": true
|
|
128
|
-
},
|
|
129
|
-
{
|
|
130
|
-
"kind": "field",
|
|
131
|
-
"name": "success",
|
|
132
|
-
"type": {
|
|
133
|
-
"text": "boolean"
|
|
134
|
-
},
|
|
135
|
-
"default": "false",
|
|
136
|
-
"description": "Sets variant to success",
|
|
137
|
-
"attribute": "success",
|
|
138
|
-
"reflects": true
|
|
139
|
-
},
|
|
140
|
-
{
|
|
141
|
-
"kind": "field",
|
|
142
|
-
"name": "danger",
|
|
143
|
-
"type": {
|
|
144
|
-
"text": "boolean"
|
|
145
|
-
},
|
|
146
|
-
"default": "false",
|
|
147
|
-
"description": "Sets variant to danger",
|
|
148
|
-
"attribute": "danger",
|
|
149
|
-
"reflects": true
|
|
150
|
-
},
|
|
151
|
-
{
|
|
152
|
-
"kind": "field",
|
|
153
|
-
"name": "outline",
|
|
154
|
-
"type": {
|
|
155
|
-
"text": "boolean"
|
|
156
|
-
},
|
|
157
|
-
"default": "false",
|
|
158
|
-
"description": "Sets button version to outline",
|
|
159
|
-
"attribute": "outline",
|
|
160
|
-
"reflects": true
|
|
161
|
-
},
|
|
162
|
-
{
|
|
163
|
-
"kind": "field",
|
|
164
|
-
"name": "text",
|
|
165
|
-
"type": {
|
|
166
|
-
"text": "boolean"
|
|
167
|
-
},
|
|
168
|
-
"default": "false",
|
|
169
|
-
"description": "Sets the button version to text",
|
|
170
|
-
"attribute": "text",
|
|
171
|
-
"reflects": true
|
|
172
|
-
},
|
|
173
|
-
{
|
|
174
|
-
"kind": "field",
|
|
175
|
-
"name": "size",
|
|
176
|
-
"type": {
|
|
177
|
-
"text": "string"
|
|
178
|
-
},
|
|
179
|
-
"default": "'medium'",
|
|
180
|
-
"description": "Sets the button size",
|
|
181
|
-
"attribute": "size",
|
|
182
|
-
"reflects": true
|
|
183
|
-
},
|
|
184
|
-
{
|
|
185
|
-
"kind": "field",
|
|
186
|
-
"name": "label",
|
|
187
|
-
"type": {
|
|
188
|
-
"text": "string"
|
|
189
|
-
},
|
|
190
|
-
"description": "Sets the accessibility text for the button. Use it with icon-only buttons.",
|
|
191
|
-
"attribute": "label"
|
|
192
|
-
},
|
|
193
|
-
{
|
|
194
|
-
"kind": "field",
|
|
195
|
-
"name": "disabled",
|
|
196
|
-
"type": {
|
|
197
|
-
"text": "boolean"
|
|
198
|
-
},
|
|
199
|
-
"default": "false",
|
|
200
|
-
"description": "Disables the button",
|
|
201
|
-
"attribute": "disabled",
|
|
202
|
-
"reflects": true
|
|
203
|
-
},
|
|
204
|
-
{
|
|
205
|
-
"kind": "field",
|
|
206
|
-
"name": "href",
|
|
207
|
-
"type": {
|
|
208
|
-
"text": "string"
|
|
209
|
-
},
|
|
210
|
-
"description": "Sets link of the button",
|
|
211
|
-
"attribute": "href"
|
|
212
|
-
},
|
|
213
|
-
{
|
|
214
|
-
"kind": "field",
|
|
215
|
-
"name": "icon",
|
|
216
|
-
"type": {
|
|
217
|
-
"text": "string"
|
|
218
|
-
},
|
|
219
|
-
"description": "Sets the name of the icon",
|
|
220
|
-
"attribute": "icon"
|
|
221
|
-
},
|
|
222
|
-
{
|
|
223
|
-
"kind": "field",
|
|
224
|
-
"name": "target",
|
|
225
|
-
"type": {
|
|
226
|
-
"text": "string"
|
|
227
|
-
},
|
|
228
|
-
"default": "'_self'",
|
|
229
|
-
"description": "Sets button target (should be defined with href)",
|
|
230
|
-
"attribute": "target"
|
|
231
|
-
},
|
|
232
|
-
{
|
|
233
|
-
"kind": "field",
|
|
234
|
-
"name": "_hasIconSlot"
|
|
235
|
-
},
|
|
236
|
-
{
|
|
237
|
-
"kind": "field",
|
|
238
|
-
"name": "_hasDefaultSlot"
|
|
239
|
-
}
|
|
240
|
-
],
|
|
241
84
|
"events": [
|
|
242
|
-
{
|
|
243
|
-
"name": "name",
|
|
244
|
-
"type": {
|
|
245
|
-
"text": "CustomEvent"
|
|
246
|
-
}
|
|
247
|
-
},
|
|
248
85
|
{
|
|
249
86
|
"type": {
|
|
250
|
-
"text": "CustomEvent"
|
|
87
|
+
"text": "CustomEvent<string>"
|
|
251
88
|
},
|
|
89
|
+
"description": "Fires when button clicked",
|
|
252
90
|
"name": "bl-click"
|
|
253
91
|
}
|
|
254
92
|
],
|
|
@@ -405,38 +243,17 @@
|
|
|
405
243
|
"name": "color"
|
|
406
244
|
}
|
|
407
245
|
],
|
|
408
|
-
"members": [
|
|
409
|
-
{
|
|
410
|
-
"kind": "field",
|
|
411
|
-
"name": "name",
|
|
412
|
-
"type": {
|
|
413
|
-
"text": "string"
|
|
414
|
-
},
|
|
415
|
-
"description": "Name of the icon to show",
|
|
416
|
-
"attribute": "name"
|
|
417
|
-
},
|
|
418
|
-
{
|
|
419
|
-
"kind": "method",
|
|
420
|
-
"name": "load"
|
|
421
|
-
}
|
|
422
|
-
],
|
|
423
246
|
"events": [
|
|
424
|
-
{
|
|
425
|
-
"name": "name",
|
|
426
|
-
"type": {
|
|
427
|
-
"text": "CustomEvent"
|
|
428
|
-
}
|
|
429
|
-
},
|
|
430
247
|
{
|
|
431
248
|
"type": {
|
|
432
|
-
"text": "CustomEvent"
|
|
249
|
+
"text": "CustomEvent<string>"
|
|
433
250
|
},
|
|
434
251
|
"description": "Fires when SVG icon loaded",
|
|
435
252
|
"name": "bl-load"
|
|
436
253
|
},
|
|
437
254
|
{
|
|
438
255
|
"type": {
|
|
439
|
-
"text": "CustomEvent"
|
|
256
|
+
"text": "CustomEvent<string>"
|
|
440
257
|
},
|
|
441
258
|
"description": "Fires when SVG icon failed to load",
|
|
442
259
|
"name": "bl-error"
|
|
@@ -488,183 +305,20 @@
|
|
|
488
305
|
"kind": "class",
|
|
489
306
|
"description": "",
|
|
490
307
|
"name": "BlInput",
|
|
491
|
-
"members": [
|
|
492
|
-
{
|
|
493
|
-
"kind": "field",
|
|
494
|
-
"name": "type",
|
|
495
|
-
"type": {
|
|
496
|
-
"text": "'text' | 'number'"
|
|
497
|
-
},
|
|
498
|
-
"default": "'text'",
|
|
499
|
-
"description": "Type of the input. It's used to set `type` attribute of native input inside. Only `text` and `number` is supported for now.",
|
|
500
|
-
"attribute": "type"
|
|
501
|
-
},
|
|
502
|
-
{
|
|
503
|
-
"kind": "field",
|
|
504
|
-
"name": "label",
|
|
505
|
-
"type": {
|
|
506
|
-
"text": "string | undefined"
|
|
507
|
-
},
|
|
508
|
-
"description": "Sets label of the input",
|
|
509
|
-
"attribute": "label"
|
|
510
|
-
},
|
|
511
|
-
{
|
|
512
|
-
"kind": "field",
|
|
513
|
-
"name": "placeholder",
|
|
514
|
-
"type": {
|
|
515
|
-
"text": "string | undefined"
|
|
516
|
-
},
|
|
517
|
-
"description": "Sets placeholder of the input",
|
|
518
|
-
"attribute": "placeholder"
|
|
519
|
-
},
|
|
520
|
-
{
|
|
521
|
-
"kind": "field",
|
|
522
|
-
"name": "value",
|
|
523
|
-
"type": {
|
|
524
|
-
"text": "string | undefined"
|
|
525
|
-
},
|
|
526
|
-
"description": "Sets initial value of the input",
|
|
527
|
-
"attribute": "value"
|
|
528
|
-
},
|
|
529
|
-
{
|
|
530
|
-
"kind": "field",
|
|
531
|
-
"name": "required",
|
|
532
|
-
"type": {
|
|
533
|
-
"text": "boolean"
|
|
534
|
-
},
|
|
535
|
-
"default": "false",
|
|
536
|
-
"description": "Makes input a mandatory field",
|
|
537
|
-
"attribute": "required"
|
|
538
|
-
},
|
|
539
|
-
{
|
|
540
|
-
"kind": "field",
|
|
541
|
-
"name": "minlength",
|
|
542
|
-
"type": {
|
|
543
|
-
"text": "number | undefined"
|
|
544
|
-
},
|
|
545
|
-
"description": "Sets minimum length of the input",
|
|
546
|
-
"attribute": "minlength"
|
|
547
|
-
},
|
|
548
|
-
{
|
|
549
|
-
"kind": "field",
|
|
550
|
-
"name": "maxlength",
|
|
551
|
-
"type": {
|
|
552
|
-
"text": "number | undefined"
|
|
553
|
-
},
|
|
554
|
-
"description": "Sets maximum length of the input",
|
|
555
|
-
"attribute": "maxlength"
|
|
556
|
-
},
|
|
557
|
-
{
|
|
558
|
-
"kind": "field",
|
|
559
|
-
"name": "min",
|
|
560
|
-
"type": {
|
|
561
|
-
"text": "number | undefined"
|
|
562
|
-
},
|
|
563
|
-
"description": "Sets the smallest number can be entered to a `number` input",
|
|
564
|
-
"attribute": "min"
|
|
565
|
-
},
|
|
566
|
-
{
|
|
567
|
-
"kind": "field",
|
|
568
|
-
"name": "max",
|
|
569
|
-
"type": {
|
|
570
|
-
"text": "number | undefined"
|
|
571
|
-
},
|
|
572
|
-
"description": "Sets the biggest number can be entered to a `number` input",
|
|
573
|
-
"attribute": "max"
|
|
574
|
-
},
|
|
575
|
-
{
|
|
576
|
-
"kind": "field",
|
|
577
|
-
"name": "icon",
|
|
578
|
-
"type": {
|
|
579
|
-
"text": "string | undefined"
|
|
580
|
-
},
|
|
581
|
-
"description": "Sets the custom icon name. `bl-icon` component is used to show an icon",
|
|
582
|
-
"attribute": "icon"
|
|
583
|
-
},
|
|
584
|
-
{
|
|
585
|
-
"kind": "field",
|
|
586
|
-
"name": "size",
|
|
587
|
-
"type": {
|
|
588
|
-
"text": "InputSize | undefined"
|
|
589
|
-
},
|
|
590
|
-
"default": "'medium'",
|
|
591
|
-
"description": "Sets input size.",
|
|
592
|
-
"attribute": "size",
|
|
593
|
-
"reflects": true
|
|
594
|
-
},
|
|
595
|
-
{
|
|
596
|
-
"kind": "field",
|
|
597
|
-
"name": "disabled",
|
|
598
|
-
"type": {
|
|
599
|
-
"text": "boolean"
|
|
600
|
-
},
|
|
601
|
-
"default": "false",
|
|
602
|
-
"description": "Disables the input",
|
|
603
|
-
"attribute": "disabled",
|
|
604
|
-
"reflects": true
|
|
605
|
-
},
|
|
606
|
-
{
|
|
607
|
-
"kind": "field",
|
|
608
|
-
"name": "labelFixed",
|
|
609
|
-
"type": {
|
|
610
|
-
"text": "boolean"
|
|
611
|
-
},
|
|
612
|
-
"default": "false",
|
|
613
|
-
"description": "Makes label as fixed positioned",
|
|
614
|
-
"attribute": "label-fixed"
|
|
615
|
-
},
|
|
616
|
-
{
|
|
617
|
-
"kind": "field",
|
|
618
|
-
"name": "customInvalidText",
|
|
619
|
-
"type": {
|
|
620
|
-
"text": "string | undefined"
|
|
621
|
-
},
|
|
622
|
-
"description": "Set custom error message",
|
|
623
|
-
"attribute": "invalid-text"
|
|
624
|
-
},
|
|
625
|
-
{
|
|
626
|
-
"kind": "field",
|
|
627
|
-
"name": "helpText",
|
|
628
|
-
"type": {
|
|
629
|
-
"text": "string | undefined"
|
|
630
|
-
},
|
|
631
|
-
"description": "Adds help text",
|
|
632
|
-
"attribute": "help-text"
|
|
633
|
-
},
|
|
634
|
-
{
|
|
635
|
-
"kind": "field",
|
|
636
|
-
"name": "validity",
|
|
637
|
-
"type": {
|
|
638
|
-
"text": "ValidityState"
|
|
639
|
-
},
|
|
640
|
-
"description": "Current validity state of input"
|
|
641
|
-
},
|
|
642
|
-
{
|
|
643
|
-
"kind": "method",
|
|
644
|
-
"name": "reportValidity",
|
|
645
|
-
"description": "Runs input validation"
|
|
646
|
-
}
|
|
647
|
-
],
|
|
648
308
|
"events": [
|
|
649
309
|
{
|
|
650
|
-
"name": "name",
|
|
651
310
|
"type": {
|
|
652
|
-
"text": "CustomEvent"
|
|
653
|
-
}
|
|
311
|
+
"text": "CustomEvent<string>"
|
|
312
|
+
},
|
|
313
|
+
"description": "Fires when an alteration to the element's value is committed by the user. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value.",
|
|
314
|
+
"name": "bl-change"
|
|
654
315
|
},
|
|
655
316
|
{
|
|
656
317
|
"type": {
|
|
657
|
-
"text": "CustomEvent"
|
|
318
|
+
"text": "CustomEvent<string>"
|
|
658
319
|
},
|
|
659
320
|
"description": "Fires when the value of an input element has been changed.",
|
|
660
321
|
"name": "bl-input"
|
|
661
|
-
},
|
|
662
|
-
{
|
|
663
|
-
"type": {
|
|
664
|
-
"text": "CustomEvent"
|
|
665
|
-
},
|
|
666
|
-
"description": "Fires when an alteration to the element's value is committed by the user. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value.",
|
|
667
|
-
"name": "bl-change"
|
|
668
322
|
}
|
|
669
323
|
],
|
|
670
324
|
"attributes": [
|
|
@@ -821,6 +475,75 @@
|
|
|
821
475
|
}
|
|
822
476
|
}
|
|
823
477
|
]
|
|
478
|
+
},
|
|
479
|
+
{
|
|
480
|
+
"kind": "javascript-module",
|
|
481
|
+
"path": "src/components/tooltip/bl-tooltip.ts",
|
|
482
|
+
"declarations": [
|
|
483
|
+
{
|
|
484
|
+
"kind": "class",
|
|
485
|
+
"description": "",
|
|
486
|
+
"name": "BlTooltip",
|
|
487
|
+
"cssProperties": [
|
|
488
|
+
{
|
|
489
|
+
"description": "Sets the position. Default value is 'absolute'",
|
|
490
|
+
"name": "--bl-tooltip-position"
|
|
491
|
+
}
|
|
492
|
+
],
|
|
493
|
+
"events": [
|
|
494
|
+
{
|
|
495
|
+
"type": {
|
|
496
|
+
"text": "CustomEvent<string>"
|
|
497
|
+
},
|
|
498
|
+
"description": "Fires when hovering over a trigger",
|
|
499
|
+
"name": "bl-tooltip-show"
|
|
500
|
+
},
|
|
501
|
+
{
|
|
502
|
+
"type": {
|
|
503
|
+
"text": "CustomEvent<string>"
|
|
504
|
+
},
|
|
505
|
+
"description": "Fires when leaving over from trigger",
|
|
506
|
+
"name": "bl-tooltip-hide"
|
|
507
|
+
}
|
|
508
|
+
],
|
|
509
|
+
"attributes": [
|
|
510
|
+
{
|
|
511
|
+
"name": "placement",
|
|
512
|
+
"type": {
|
|
513
|
+
"text": "string"
|
|
514
|
+
},
|
|
515
|
+
"default": "'top'",
|
|
516
|
+
"description": "Sets the tooltip placement",
|
|
517
|
+
"fieldName": "placement"
|
|
518
|
+
}
|
|
519
|
+
],
|
|
520
|
+
"superclass": {
|
|
521
|
+
"name": "LitElement",
|
|
522
|
+
"package": "lit"
|
|
523
|
+
},
|
|
524
|
+
"tagName": "bl-tooltip",
|
|
525
|
+
"summary": "Baklava Tooltip component",
|
|
526
|
+
"customElement": true
|
|
527
|
+
}
|
|
528
|
+
],
|
|
529
|
+
"exports": [
|
|
530
|
+
{
|
|
531
|
+
"kind": "js",
|
|
532
|
+
"name": "default",
|
|
533
|
+
"declaration": {
|
|
534
|
+
"name": "BlTooltip",
|
|
535
|
+
"module": "src/components/tooltip/bl-tooltip.ts"
|
|
536
|
+
}
|
|
537
|
+
},
|
|
538
|
+
{
|
|
539
|
+
"kind": "custom-element-definition",
|
|
540
|
+
"name": "bl-tooltip",
|
|
541
|
+
"declaration": {
|
|
542
|
+
"name": "BlTooltip",
|
|
543
|
+
"module": "src/components/tooltip/bl-tooltip.ts"
|
|
544
|
+
}
|
|
545
|
+
}
|
|
546
|
+
]
|
|
824
547
|
}
|
|
825
548
|
]
|
|
826
549
|
}
|
package/dist/themes/default.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@font-face{font-family:RubikVariable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../assets/rubik-cyrillic-variable-wghtOnly-normal.woff2) format("woff2");unicode-range:U+
|
|
1
|
+
@font-face{font-family:RubikVariable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../assets/rubik-cyrillic-variable-wghtOnly-normal.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:RubikVariable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../assets/rubik-cyrillic-ext-variable-wghtOnly-normal.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:RubikVariable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../assets/rubik-hebrew-variable-wghtOnly-normal.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:RubikVariable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../assets/rubik-latin-variable-wghtOnly-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:RubikVariable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../assets/rubik-latin-ext-variable-wghtOnly-normal.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--bl-color-primary: #f27a1a;--bl-color-primary-hover: #ef6114;--bl-color-secondary: #273142;--bl-color-secondary-hover: #0f131a;--bl-color-tertiary: #f1f2f7;--bl-color-tertiary-hover: #d5d9e1;--bl-color-success: #0bc15c;--bl-color-success-hover: #09a44e;--bl-color-danger: #ff5043;--bl-color-danger-hover: #ff3028;--bl-color-warning: #ffb600;--bl-color-warning-hover: #ff9800;--bl-color-alternative: #5794ff;--bl-color-alternative-hover: #3469ff;--bl-color-featured: #8c4eff;--bl-color-featured-hover: #5e2eff;--bl-color-primary-background: #fff;--bl-color-accent-primary-background: #fef2e8;--bl-color-secondary-background: #f1f2f7;--bl-color-tertiary-background: #f7f7fa;--bl-color-success-background: #e7f9ef;--bl-color-danger-background: #ffeeec;--bl-color-warning-background: #fff8e6;--bl-color-alternative-background: #eef4ff;--bl-color-featured-background: #f4edff;--bl-color-content-primary: #273142;--bl-color-content-secondary: #6e7787;--bl-color-content-tertiary: #95a1b5;--bl-color-content-passive: #afbbca;--bl-color-border: #d5d9e1;--bl-size-4xs: .125rem;--bl-size-3xs: .25rem;--bl-size-2xs: .5rem;--bl-size-xs: .75rem;--bl-size-s: .875rem;--bl-size-m: 1rem;--bl-size-l: 1.25rem;--bl-size-xl: 1.5rem;--bl-size-2xl: 2rem;--bl-size-3xl: 2.5rem;--bl-size-4xl: 3rem;--bl-size-5xl: 4rem;--bl-size-6xl: 5rem;--bl-font-family: "RubikVariable", sans-serif;--bl-font-weight-light: 300;--bl-font-weight-regular: 400;--bl-font-weight-medium: 500;--bl-font-weight-semibold: 600;--bl-font-weight-bold: 700;--bl-font-size-2xs: .5rem;--bl-font-size-xs: .625rem;--bl-font-size-s: .75rem;--bl-font-size-m: .875rem;--bl-font-size-l: 1rem;--bl-font-size-xl: 1.25rem;--bl-font-size-2xl: 1.5rem;--bl-font-size-3xl: 1.75rem;--bl-font-size-4xl: 2rem;--bl-font-size-5xl: 3rem;--bl-font-size-6xl: 4rem;--bl-font-display-1: var(--bl-font-weight-bold) var(--bl-font-size-6xl) var(--bl-font-family);--bl-font-display-2: var(--bl-font-size-5xl) var(--bl-font-family);--bl-font-display-2-light: var(--bl-font-weight-light) var(--bl-font-display-2);--bl-font-display-2-regular: var(--bl-font-weight-regular) var(--bl-font-display-2);--bl-font-display-2-medium: var(--bl-font-weight-medium) var(--bl-font-display-2);--bl-font-display-2-semibold: var(--bl-font-weight-semibold) var(--bl-font-display-2);--bl-font-display-2-bold: var(--bl-font-weight-bold) var(--bl-font-display-2);--bl-font-title-1: var(--bl-font-size-xl) var(--bl-font-family);--bl-font-title-1-regular: var(--bl-font-weight-regular) var(--bl-font-title-1);--bl-font-title-1-medium: var(--bl-font-weight-medium) var(--bl-font-title-1);--bl-font-title-1-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-1);--bl-font-title-1-bold: var(--bl-font-weight-bold) var(--bl-font-title-1);--bl-font-title-2: var(--bl-font-size-l) var(--bl-font-family);--bl-font-title-2-regular: var(--bl-font-weight-regular) var(--bl-font-title-2);--bl-font-title-2-medium: var(--bl-font-weight-medium) var(--bl-font-title-2);--bl-font-title-2-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-2);--bl-font-title-2-bold: var(--bl-font-weight-bold) var(--bl-font-title-2);--bl-font-title-3: var(--bl-font-size-m) var(--bl-font-family);--bl-font-title-3-regular: var(--bl-font-weight-regular) var(--bl-font-title-3);--bl-font-title-3-medium: var(--bl-font-weight-medium) var(--bl-font-title-3);--bl-font-title-3-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-3);--bl-font-title-3-bold: var(--bl-font-weight-bold) var(--bl-font-title-3);--bl-font-title-4: var(--bl-font-size-s) var(--bl-font-family);--bl-font-title-4-regular: var(--bl-font-weight-regular) var(--bl-font-title-4);--bl-font-title-4-medium: var(--bl-font-weight-medium) var(--bl-font-title-4);--bl-font-title-4-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-4);--bl-font-title-4-bold: var(--bl-font-weight-bold) var(--bl-font-title-4);--bl-font-form-label: var(--bl-font-weight-medium) var(--bl-font-size-xs) var(--bl-font-family);--bl-font-caption-small-text: var(--bl-font-weight-bold) var(--bl-font-size-2xs) var(--bl-font-family);--bl-font-caption-text: var(--bl-font-weight-regular) var(--bl-font-size-s) var(--bl-font-family);--bl-font-caption-medium: var(--bl-font-weight-medium) var(--bl-font-size-s) var(--bl-font-family);--bl-font-caption-long-text: var(--bl-font-weight-regular) var(--bl-font-size-s) var(--bl-font-family)}:not(:defined){visibility:hidden}
|
|
2
2
|
/*# sourceMappingURL=default.css.map */
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../node_modules/@fontsource/rubik/variable.css", "../../src/themes/default.css"],
|
|
4
|
-
"sourcesContent": ["/* rubik-cyrillic-variable-wghtOnly-normal */\n@font-face {\n font-family: 'RubikVariable';\n font-style: normal;\n font-display: swap;\n font-weight: 300 900;\n src: url('./files/rubik-cyrillic-variable-wghtOnly-normal.woff2') format('woff2');\n unicode-range: U+
|
|
5
|
-
"mappings": "AACA,WACE,0BACA,kBACA,kBACA,oBACA,iFACA,
|
|
4
|
+
"sourcesContent": ["/* rubik-cyrillic-variable-wghtOnly-normal */\n@font-face {\n font-family: 'RubikVariable';\n font-style: normal;\n font-display: swap;\n font-weight: 300 900;\n src: url('./files/rubik-cyrillic-variable-wghtOnly-normal.woff2') format('woff2');\n unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;\n} \n/* rubik-cyrillic-ext-variable-wghtOnly-normal */\n@font-face {\n font-family: 'RubikVariable';\n font-style: normal;\n font-display: swap;\n font-weight: 300 900;\n src: url('./files/rubik-cyrillic-ext-variable-wghtOnly-normal.woff2') format('woff2');\n unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;\n} \n/* rubik-hebrew-variable-wghtOnly-normal */\n@font-face {\n font-family: 'RubikVariable';\n font-style: normal;\n font-display: swap;\n font-weight: 300 900;\n src: url('./files/rubik-hebrew-variable-wghtOnly-normal.woff2') format('woff2');\n unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;\n} \n/* rubik-latin-variable-wghtOnly-normal */\n@font-face {\n font-family: 'RubikVariable';\n font-style: normal;\n font-display: swap;\n font-weight: 300 900;\n src: url('./files/rubik-latin-variable-wghtOnly-normal.woff2') format('woff2');\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n} \n/* rubik-latin-ext-variable-wghtOnly-normal */\n@font-face {\n font-family: 'RubikVariable';\n font-style: normal;\n font-display: swap;\n font-weight: 300 900;\n src: url('./files/rubik-latin-ext-variable-wghtOnly-normal.woff2') format('woff2');\n unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n} \n", "@import '@fontsource/rubik/variable.css';\n\n:root {\n /* Colors */\n --bl-color-primary: #f27a1a;\n --bl-color-primary-hover: #ef6114;\n --bl-color-secondary: #273142;\n --bl-color-secondary-hover: #0f131a;\n --bl-color-tertiary: #f1f2f7;\n --bl-color-tertiary-hover: #d5d9e1;\n --bl-color-success: #0bc15c;\n --bl-color-success-hover: #09a44e;\n --bl-color-danger: #ff5043;\n --bl-color-danger-hover: #ff3028;\n --bl-color-warning: #ffb600;\n --bl-color-warning-hover: #ff9800;\n --bl-color-alternative: #5794ff;\n --bl-color-alternative-hover: #3469ff;\n --bl-color-featured: #8c4eff;\n --bl-color-featured-hover: #5e2eff;\n\n /* Background Colors */\n --bl-color-primary-background: #fff;\n --bl-color-accent-primary-background: #fef2e8;\n --bl-color-secondary-background: #f1f2f7;\n --bl-color-tertiary-background: #f7f7fa;\n --bl-color-success-background: #e7f9ef;\n --bl-color-danger-background: #ffeeec;\n --bl-color-warning-background: #fff8e6;\n --bl-color-alternative-background: #eef4ff;\n --bl-color-featured-background: #f4edff;\n\n /* Content Colors */\n --bl-color-content-primary: #273142;\n --bl-color-content-secondary: #6e7787;\n --bl-color-content-tertiary: #95a1b5;\n --bl-color-content-passive: #afbbca;\n --bl-color-border: #d5d9e1;\n\n /* Size and Spacing */\n --bl-size-4xs: 0.125rem; /* 2px */\n --bl-size-3xs: 0.25rem; /* 4px */\n --bl-size-2xs: 0.5rem; /* 8px */\n --bl-size-xs: 0.75rem; /* 12px */\n --bl-size-s: 0.875rem; /* 14px */\n --bl-size-m: 1rem; /* 16px */\n --bl-size-l: 1.25rem; /* 20px */\n --bl-size-xl: 1.5rem; /* 24px */\n --bl-size-2xl: 2rem; /* 32px */\n --bl-size-3xl: 2.5rem; /* 40px */\n --bl-size-4xl: 3rem; /* 48px */\n --bl-size-5xl: 4rem; /* 64px */\n --bl-size-6xl: 5rem; /* 80px */\n\n /* Typography */\n --bl-font-family: 'RubikVariable', sans-serif;\n\n /* Font weights */\n --bl-font-weight-light: 300;\n --bl-font-weight-regular: 400;\n --bl-font-weight-medium: 500;\n --bl-font-weight-semibold: 600;\n --bl-font-weight-bold: 700;\n\n /* Font sizes */\n --bl-font-size-2xs: 0.5rem; /* 8px */\n --bl-font-size-xs: 0.625rem; /* 10px */\n --bl-font-size-s: 0.75rem; /* 12px */\n --bl-font-size-m: 0.875rem; /* 14px */\n --bl-font-size-l: 1rem; /* 16px */\n --bl-font-size-xl: 1.25rem; /* 20px */\n --bl-font-size-2xl: 1.5rem; /* 24px */\n --bl-font-size-3xl: 1.75rem; /* 28px */\n --bl-font-size-4xl: 2rem; /* 32px */\n --bl-font-size-5xl: 3rem; /* 48px */\n --bl-font-size-6xl: 4rem; /* 64px */\n\n /* Font Style: Display 1 */\n --bl-font-display-1: var(--bl-font-weight-bold) var(--bl-font-size-6xl) var(--bl-font-family);\n\n /* Font Style: Display 2 */\n --bl-font-display-2: var(--bl-font-size-5xl) var(--bl-font-family);\n --bl-font-display-2-light: var(--bl-font-weight-light) var(--bl-font-display-2);\n --bl-font-display-2-regular: var(--bl-font-weight-regular) var(--bl-font-display-2);\n --bl-font-display-2-medium: var(--bl-font-weight-medium) var(--bl-font-display-2);\n --bl-font-display-2-semibold: var(--bl-font-weight-semibold) var(--bl-font-display-2);\n --bl-font-display-2-bold: var(--bl-font-weight-bold) var(--bl-font-display-2);\n\n /* Font Style: Title 1 */\n --bl-font-title-1: var(--bl-font-size-xl) var(--bl-font-family);\n --bl-font-title-1-regular: var(--bl-font-weight-regular) var(--bl-font-title-1);\n --bl-font-title-1-medium: var(--bl-font-weight-medium) var(--bl-font-title-1);\n --bl-font-title-1-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-1);\n --bl-font-title-1-bold: var(--bl-font-weight-bold) var(--bl-font-title-1);\n\n /* Font Style: Title 2 */\n --bl-font-title-2: var(--bl-font-size-l) var(--bl-font-family);\n --bl-font-title-2-regular: var(--bl-font-weight-regular) var(--bl-font-title-2);\n --bl-font-title-2-medium: var(--bl-font-weight-medium) var(--bl-font-title-2);\n --bl-font-title-2-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-2);\n --bl-font-title-2-bold: var(--bl-font-weight-bold) var(--bl-font-title-2);\n\n /* Font Style: Title 3 */\n --bl-font-title-3: var(--bl-font-size-m) var(--bl-font-family);\n --bl-font-title-3-regular: var(--bl-font-weight-regular) var(--bl-font-title-3);\n --bl-font-title-3-medium: var(--bl-font-weight-medium) var(--bl-font-title-3);\n --bl-font-title-3-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-3);\n --bl-font-title-3-bold: var(--bl-font-weight-bold) var(--bl-font-title-3);\n\n /* Font Style: Title 4 */\n --bl-font-title-4: var(--bl-font-size-s) var(--bl-font-family);\n --bl-font-title-4-regular: var(--bl-font-weight-regular) var(--bl-font-title-4);\n --bl-font-title-4-medium: var(--bl-font-weight-medium) var(--bl-font-title-4);\n --bl-font-title-4-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-4);\n --bl-font-title-4-bold: var(--bl-font-weight-bold) var(--bl-font-title-4);\n\n /* Font Style: Form Label */\n --bl-font-form-label: var(--bl-font-weight-medium) var(--bl-font-size-xs) var(--bl-font-family);\n\n /* Font Style: Caption */\n --bl-font-caption-small-text: var(--bl-font-weight-bold) var(--bl-font-size-2xs)\n var(--bl-font-family);\n --bl-font-caption-text: var(--bl-font-weight-regular) var(--bl-font-size-s) var(--bl-font-family);\n --bl-font-caption-medium: var(--bl-font-weight-medium) var(--bl-font-size-s) var(--bl-font-family);\n --bl-font-caption-long-text: var(--bl-font-weight-regular) var(--bl-font-size-s)\n var(--bl-font-family);\n}\n\n/* Prevent FOUCE */\n:not(:defined) {\n visibility: hidden;\n}\n"],
|
|
5
|
+
"mappings": "AACA,WACE,0BACA,kBACA,kBACA,oBACA,iFACA,yDAGF,WACE,0BACA,kBACA,kBACA,oBACA,qFACA,iFAGF,WACE,0BACA,kBACA,kBACA,oBACA,+EACA,gEAGF,WACE,0BACA,kBACA,kBACA,oBACA,8EACA,yJAGF,WACE,0BACA,kBACA,kBACA,oBACA,kFACA,2GCzCF,MAEE,4BACA,kCACA,8BACA,oCACA,6BACA,mCACA,4BACA,kCACA,2BACA,iCACA,4BACA,kCACA,gCACA,sCACA,6BACA,mCAGA,oCACA,8CACA,yCACA,wCACA,uCACA,sCACA,uCACA,2CACA,wCAGA,oCACA,sCACA,qCACA,oCACA,2BAGA,uBACA,sBACA,qBACA,qBACA,qBACA,kBACA,qBACA,qBACA,oBACA,sBACA,oBACA,oBACA,oBAGA,8CAGA,4BACA,8BACA,6BACA,+BACA,2BAGA,0BACA,2BACA,yBACA,0BACA,uBACA,2BACA,2BACA,4BACA,yBACA,yBACA,yBAGA,8FAGA,mEACA,gFACA,oFACA,kFACA,sFACA,8EAGA,gEACA,gFACA,8EACA,kFACA,0EAGA,+DACA,gFACA,8EACA,kFACA,0EAGA,+DACA,gFACA,8EACA,kFACA,0EAGA,+DACA,gFACA,8EACA,kFACA,0EAGA,gGAGA,uGAEA,kGACA,mGACA,uGAKF,eACE",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@trendyol/baklava",
|
|
3
|
-
"version": "2.0.0-beta.
|
|
3
|
+
"version": "2.0.0-beta.15",
|
|
4
4
|
"description": "Trendyol Baklava Design System",
|
|
5
5
|
"main": "dist/baklava.js",
|
|
6
6
|
"module": "dist/baklava.js",
|
|
@@ -42,6 +42,7 @@
|
|
|
42
42
|
"reboot": "npm run clean && npm install && npm start",
|
|
43
43
|
"pretest": "npm run build",
|
|
44
44
|
"test": "web-test-runner --coverage",
|
|
45
|
+
"test:dev": "web-test-runner --coverage --dev",
|
|
45
46
|
"test:component": "npm run test -- --group",
|
|
46
47
|
"test:watch": "web-test-runner --coverage --watch",
|
|
47
48
|
"test:debug": "web-test-runner --coverage --watch --debug",
|
|
@@ -53,7 +54,9 @@
|
|
|
53
54
|
"lit"
|
|
54
55
|
],
|
|
55
56
|
"dependencies": {
|
|
57
|
+
"@floating-ui/dom": "^0.5.4",
|
|
56
58
|
"@fontsource/rubik": "^4.5.9",
|
|
59
|
+
"@rollup/plugin-replace": "^4.0.0",
|
|
57
60
|
"@types/estree": "0.0.47",
|
|
58
61
|
"lit": "^2.2.3"
|
|
59
62
|
},
|
|
@@ -65,25 +68,24 @@
|
|
|
65
68
|
"@commitlint/config-conventional": "^16.2.4",
|
|
66
69
|
"@commitlint/prompt-cli": "^16.2.4",
|
|
67
70
|
"@custom-elements-manifest/analyzer": "^0.6.3",
|
|
68
|
-
"@open-wc/testing": "^3.
|
|
69
|
-
"@storybook/addon-a11y": "6.5.
|
|
70
|
-
"@storybook/addon-actions": "6.5.
|
|
71
|
-
"@storybook/addon-essentials": "6.5.
|
|
72
|
-
"@storybook/addon-links": "6.5.
|
|
73
|
-
"@storybook/addon-storysource": "6.5.
|
|
71
|
+
"@open-wc/testing": "^3.1.6",
|
|
72
|
+
"@storybook/addon-a11y": "6.5.9",
|
|
73
|
+
"@storybook/addon-actions": "6.5.9",
|
|
74
|
+
"@storybook/addon-essentials": "6.5.9",
|
|
75
|
+
"@storybook/addon-links": "6.5.9",
|
|
76
|
+
"@storybook/addon-storysource": "6.5.9",
|
|
74
77
|
"@storybook/storybook-deployer": "^2.8.11",
|
|
75
|
-
"@storybook/web-components": "6.5.
|
|
78
|
+
"@storybook/web-components": "6.5.9",
|
|
76
79
|
"@typescript-eslint/eslint-plugin": "^5.18.0",
|
|
77
80
|
"@typescript-eslint/parser": "^5.18.0",
|
|
78
81
|
"@web/dev-server-esbuild": "0.2.16",
|
|
79
|
-
"@web/dev-server-import-maps": "^0.0.6",
|
|
80
82
|
"@web/dev-server-rollup": "^0.3.17",
|
|
81
83
|
"@web/test-runner": "^0.13.15",
|
|
82
84
|
"@web/test-runner-playwright": "^0.8.6",
|
|
83
85
|
"@web/test-runner-puppeteer": "^0.10.5",
|
|
84
86
|
"@webcomponents/webcomponentsjs": "^2.5.0",
|
|
85
87
|
"del": "^6.1.0",
|
|
86
|
-
"esbuild": "^0.14.
|
|
88
|
+
"esbuild": "^0.14.50",
|
|
87
89
|
"esbuild-plugin-lit-css": "^2.0.0",
|
|
88
90
|
"eslint": "^8.12.0",
|
|
89
91
|
"eslint-config-prettier": "^8.5.0",
|
|
@@ -99,7 +101,7 @@
|
|
|
99
101
|
"prettier": "^2.0.4",
|
|
100
102
|
"rimraf": "^3.0.2",
|
|
101
103
|
"rollup-plugin-lit-css": "^4.0.0",
|
|
102
|
-
"storybook": "6.5.
|
|
104
|
+
"storybook": "6.5.9",
|
|
103
105
|
"stylelint": "^14.6.1",
|
|
104
106
|
"stylelint-config-prettier": "^9.0.3",
|
|
105
107
|
"stylelint-config-standard": "^25.0.0",
|