lism-css 0.9.2 → 0.9.4

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 (110) hide show
  1. package/dist/components/Box/Box.stories.d.ts +7 -0
  2. package/dist/components/Center/Center.stories.d.ts +8 -0
  3. package/dist/components/Cluster/Cluster.stories.d.ts +7 -0
  4. package/dist/components/Columns/Columns.stories.d.ts +8 -0
  5. package/dist/components/Container/Container.stories.d.ts +8 -0
  6. package/dist/components/Dummy/getContent.d.ts +1 -2
  7. package/dist/components/Dummy/getContent.js +6 -7
  8. package/dist/components/Flex/Flex.stories.d.ts +9 -0
  9. package/dist/components/Flow/Flow.stories.d.ts +9 -0
  10. package/dist/components/FluidCols/FluidCols.stories.d.ts +7 -0
  11. package/dist/components/Frame/Frame.stories.d.ts +7 -0
  12. package/dist/components/Grid/Grid.stories.d.ts +8 -0
  13. package/dist/components/Layer/Layer.stories.d.ts +8 -0
  14. package/dist/components/LinkBox/LinkBox.stories.d.ts +7 -0
  15. package/dist/components/Lism/Lism.d.ts +7 -4
  16. package/dist/components/Lism/Lism.stories.d.ts +1 -650
  17. package/dist/components/SideMain/SideMain.stories.d.ts +9 -0
  18. package/dist/components/Stack/Stack.stories.d.ts +8 -0
  19. package/dist/components/SwitchCols/SwitchCols.stories.d.ts +9 -0
  20. package/dist/components/Wrapper/Wrapper.stories.d.ts +10 -0
  21. package/dist/components/atomic/Decorator/Decorator.stories.d.ts +10 -0
  22. package/dist/components/atomic/Decorator/getProps.d.ts +5 -6
  23. package/dist/components/atomic/Divider/Divider.stories.d.ts +8 -0
  24. package/dist/components/atomic/Divider/getProps.d.ts +2 -2
  25. package/dist/components/atomic/Icon/Icon.d.ts +6 -2
  26. package/dist/components/atomic/Icon/Icon.stories.d.ts +15 -0
  27. package/dist/components/atomic/Icon/getProps.d.ts +11 -7
  28. package/dist/components/atomic/Icon/index.d.ts +1 -0
  29. package/dist/components/atomic/Media/Media.d.ts +6 -2
  30. package/dist/components/atomic/Media/Media.stories.d.ts +9 -0
  31. package/dist/components/atomic/Media/getProps.d.ts +6 -6
  32. package/dist/components/atomic/Spacer/Spacer.stories.d.ts +9 -0
  33. package/dist/components/atomic/Spacer/getProps.d.ts +2 -2
  34. package/dist/components/setMaybeTransformStyles.d.ts +2 -2
  35. package/dist/css/base.css +1 -1
  36. package/dist/css/main.css +1 -1
  37. package/dist/css/main_no_layer.css +1 -1
  38. package/dist/lib/getLayoutProps.d.ts +4 -3
  39. package/dist/lib/getLismProps.d.ts +10 -9
  40. package/dist/lib/getLismProps.js +69 -73
  41. package/dist/lib/getMaybeTokenValue.d.ts +2 -2
  42. package/dist/lib/types/LayoutProps.d.ts +26 -26
  43. package/dist/lib/types/ResponsiveProps.d.ts +1 -1
  44. package/dist/lib/types.d.ts +2 -2
  45. package/package.json +16 -10
  46. package/packages/astro/Box/Box.astro +2 -3
  47. package/packages/astro/Center/Center.astro +3 -0
  48. package/packages/astro/Cluster/Cluster.astro +3 -0
  49. package/packages/astro/Columns/Columns.astro +3 -0
  50. package/packages/astro/Container/Container.astro +4 -2
  51. package/packages/astro/Decorator/Decorator.astro +3 -4
  52. package/packages/astro/Divider/Divider.astro +3 -4
  53. package/packages/astro/Dummy/Dummy.astro +8 -4
  54. package/packages/astro/Flex/Flex.astro +3 -0
  55. package/packages/astro/Flow/Flow.astro +3 -0
  56. package/packages/astro/FluidCols/FluidCols.astro +3 -0
  57. package/packages/astro/Frame/Frame.astro +3 -0
  58. package/packages/astro/Grid/Grid.astro +3 -0
  59. package/packages/astro/HTML/a.astro +5 -1
  60. package/packages/astro/HTML/button.astro +5 -1
  61. package/packages/astro/HTML/div.astro +5 -1
  62. package/packages/astro/HTML/h.astro +6 -0
  63. package/packages/astro/HTML/img.astro +5 -1
  64. package/packages/astro/HTML/li.astro +5 -1
  65. package/packages/astro/HTML/ol.astro +5 -1
  66. package/packages/astro/HTML/p.astro +5 -1
  67. package/packages/astro/HTML/span.astro +5 -1
  68. package/packages/astro/HTML/ul.astro +5 -1
  69. package/packages/astro/Icon/Icon.astro +7 -12
  70. package/packages/astro/Layer/Layer.astro +4 -1
  71. package/packages/astro/LinkBox/LinkBox.astro +4 -3
  72. package/packages/astro/Lism/Lism.astro +4 -5
  73. package/packages/astro/Media/Media.astro +7 -3
  74. package/packages/astro/SideMain/SideMain.astro +3 -0
  75. package/packages/astro/Spacer/Spacer.astro +3 -4
  76. package/packages/astro/Stack/Stack.astro +3 -0
  77. package/packages/astro/SwitchCols/SwitchCols.astro +3 -0
  78. package/packages/astro/Wrapper/Wrapper.astro +5 -0
  79. package/packages/astro/env.d.ts +10 -0
  80. package/packages/astro/tsconfig.json +12 -0
  81. package/packages/astro/types.ts +51 -0
  82. package/src/scss/base/tokens/_shadow.scss +1 -0
  83. package/packages/astro/OverlayLink/OverlayLink.astro +0 -10
  84. package/packages/astro/OverlayLink/index.js +0 -1
  85. package/packages/astro/helper.js +0 -6
  86. /package/packages/astro/Box/{index.js → index.ts} +0 -0
  87. /package/packages/astro/Center/{index.js → index.ts} +0 -0
  88. /package/packages/astro/Cluster/{index.js → index.ts} +0 -0
  89. /package/packages/astro/Columns/{index.js → index.ts} +0 -0
  90. /package/packages/astro/Container/{index.js → index.ts} +0 -0
  91. /package/packages/astro/Decorator/{index.js → index.ts} +0 -0
  92. /package/packages/astro/Divider/{index.js → index.ts} +0 -0
  93. /package/packages/astro/Dummy/{index.js → index.ts} +0 -0
  94. /package/packages/astro/Flex/{index.js → index.ts} +0 -0
  95. /package/packages/astro/Flow/{index.js → index.ts} +0 -0
  96. /package/packages/astro/FluidCols/{index.js → index.ts} +0 -0
  97. /package/packages/astro/Frame/{index.js → index.ts} +0 -0
  98. /package/packages/astro/Grid/{index.js → index.ts} +0 -0
  99. /package/packages/astro/HTML/{index.js → index.ts} +0 -0
  100. /package/packages/astro/Icon/{index.js → index.ts} +0 -0
  101. /package/packages/astro/Layer/{index.js → index.ts} +0 -0
  102. /package/packages/astro/LinkBox/{index.js → index.ts} +0 -0
  103. /package/packages/astro/Lism/{index.js → index.ts} +0 -0
  104. /package/packages/astro/Media/{index.js → index.ts} +0 -0
  105. /package/packages/astro/SideMain/{index.js → index.ts} +0 -0
  106. /package/packages/astro/Spacer/{index.js → index.ts} +0 -0
  107. /package/packages/astro/Stack/{index.js → index.ts} +0 -0
  108. /package/packages/astro/SwitchCols/{index.js → index.ts} +0 -0
  109. /package/packages/astro/Wrapper/{index.js → index.ts} +0 -0
  110. /package/packages/astro/{index.js → index.ts} +0 -0
@@ -4,656 +4,7 @@ declare const meta: {
4
4
  title: string;
5
5
  component: typeof Lism;
6
6
  tags: string[];
7
- argTypes: {
8
- as: {
9
- control: "text";
10
- table: {
11
- category: string;
12
- };
13
- };
14
- lismClass: {
15
- control: "text";
16
- table: {
17
- category: string;
18
- };
19
- };
20
- variant: {
21
- control: "text";
22
- table: {
23
- category: string;
24
- };
25
- };
26
- layout: {
27
- control: "select";
28
- table: {
29
- category: string;
30
- };
31
- };
32
- fz: {
33
- control: "object";
34
- table: {
35
- category: string;
36
- subcategory: string;
37
- };
38
- };
39
- fw: {
40
- control: "text";
41
- table: {
42
- category: string;
43
- subcategory: string;
44
- };
45
- };
46
- ff: {
47
- control: "text";
48
- table: {
49
- category: string;
50
- subcategory: string;
51
- };
52
- };
53
- lh: {
54
- control: "text";
55
- table: {
56
- category: string;
57
- subcategory: string;
58
- };
59
- };
60
- lts: {
61
- control: "text";
62
- table: {
63
- category: string;
64
- subcategory: string;
65
- };
66
- };
67
- ta: {
68
- control: "select";
69
- options: string[];
70
- table: {
71
- category: string;
72
- subcategory: string;
73
- };
74
- };
75
- c: {
76
- control: "text";
77
- table: {
78
- category: string;
79
- subcategory: string;
80
- };
81
- };
82
- bgc: {
83
- control: "text";
84
- table: {
85
- category: string;
86
- subcategory: string;
87
- };
88
- };
89
- keycolor: {
90
- control: "text";
91
- table: {
92
- category: string;
93
- subcategory: string;
94
- };
95
- };
96
- p: {
97
- control: "object";
98
- table: {
99
- category: string;
100
- subcategory: string;
101
- };
102
- };
103
- px: {
104
- control: "object";
105
- table: {
106
- category: string;
107
- subcategory: string;
108
- };
109
- };
110
- py: {
111
- control: "object";
112
- table: {
113
- category: string;
114
- subcategory: string;
115
- };
116
- };
117
- 'px-s': {
118
- control: "object";
119
- table: {
120
- category: string;
121
- subcategory: string;
122
- };
123
- };
124
- 'px-e': {
125
- control: "object";
126
- table: {
127
- category: string;
128
- subcategory: string;
129
- };
130
- };
131
- 'py-s': {
132
- control: "object";
133
- table: {
134
- category: string;
135
- subcategory: string;
136
- };
137
- };
138
- 'py-e': {
139
- control: "object";
140
- table: {
141
- category: string;
142
- subcategory: string;
143
- };
144
- };
145
- pl: {
146
- control: "object";
147
- table: {
148
- category: string;
149
- subcategory: string;
150
- };
151
- };
152
- pr: {
153
- control: "object";
154
- table: {
155
- category: string;
156
- subcategory: string;
157
- };
158
- };
159
- pt: {
160
- control: "object";
161
- table: {
162
- category: string;
163
- subcategory: string;
164
- };
165
- };
166
- pb: {
167
- control: "object";
168
- table: {
169
- category: string;
170
- subcategory: string;
171
- };
172
- };
173
- m: {
174
- control: "object";
175
- table: {
176
- category: string;
177
- subcategory: string;
178
- };
179
- };
180
- mx: {
181
- control: "object";
182
- table: {
183
- category: string;
184
- subcategory: string;
185
- };
186
- };
187
- my: {
188
- control: "object";
189
- table: {
190
- category: string;
191
- subcategory: string;
192
- };
193
- };
194
- 'mx-s': {
195
- control: "object";
196
- table: {
197
- category: string;
198
- subcategory: string;
199
- };
200
- };
201
- 'mx-e': {
202
- control: "object";
203
- table: {
204
- category: string;
205
- subcategory: string;
206
- };
207
- };
208
- 'my-s': {
209
- control: "object";
210
- table: {
211
- category: string;
212
- subcategory: string;
213
- };
214
- };
215
- 'my-e': {
216
- control: "object";
217
- table: {
218
- category: string;
219
- subcategory: string;
220
- };
221
- };
222
- ml: {
223
- control: "object";
224
- table: {
225
- category: string;
226
- subcategory: string;
227
- };
228
- };
229
- mr: {
230
- control: "object";
231
- table: {
232
- category: string;
233
- subcategory: string;
234
- };
235
- };
236
- mt: {
237
- control: "object";
238
- table: {
239
- category: string;
240
- subcategory: string;
241
- };
242
- };
243
- mb: {
244
- control: "object";
245
- table: {
246
- category: string;
247
- subcategory: string;
248
- };
249
- };
250
- w: {
251
- control: "object";
252
- table: {
253
- category: string;
254
- subcategory: string;
255
- };
256
- };
257
- h: {
258
- control: "object";
259
- table: {
260
- category: string;
261
- subcategory: string;
262
- };
263
- };
264
- 'min-w': {
265
- control: "object";
266
- table: {
267
- category: string;
268
- subcategory: string;
269
- };
270
- };
271
- 'max-w': {
272
- control: "object";
273
- table: {
274
- category: string;
275
- subcategory: string;
276
- };
277
- };
278
- 'min-h': {
279
- control: "object";
280
- table: {
281
- category: string;
282
- subcategory: string;
283
- };
284
- };
285
- 'max-h': {
286
- control: "object";
287
- table: {
288
- category: string;
289
- subcategory: string;
290
- };
291
- };
292
- ar: {
293
- control: "object";
294
- table: {
295
- category: string;
296
- subcategory: string;
297
- };
298
- };
299
- d: {
300
- control: "object";
301
- table: {
302
- category: string;
303
- subcategory: string;
304
- };
305
- };
306
- o: {
307
- control: "text";
308
- table: {
309
- category: string;
310
- subcategory: string;
311
- };
312
- };
313
- v: {
314
- control: "text";
315
- table: {
316
- category: string;
317
- subcategory: string;
318
- };
319
- };
320
- ov: {
321
- control: "select";
322
- table: {
323
- category: string;
324
- subcategory: string;
325
- };
326
- };
327
- bg: {
328
- control: "object";
329
- table: {
330
- category: string;
331
- subcategory: string;
332
- };
333
- };
334
- bd: {
335
- control: "boolean";
336
- table: {
337
- category: string;
338
- subcategory: string;
339
- };
340
- };
341
- bdc: {
342
- control: "text";
343
- table: {
344
- category: string;
345
- subcategory: string;
346
- };
347
- };
348
- bdw: {
349
- control: "object";
350
- table: {
351
- category: string;
352
- subcategory: string;
353
- };
354
- };
355
- bds: {
356
- control: "select";
357
- options: string[];
358
- table: {
359
- category: string;
360
- subcategory: string;
361
- };
362
- };
363
- bdrs: {
364
- control: "object";
365
- table: {
366
- category: string;
367
- subcategory: string;
368
- };
369
- };
370
- bxsh: {
371
- control: "object";
372
- table: {
373
- category: string;
374
- subcategory: string;
375
- };
376
- };
377
- fxw: {
378
- control: "object";
379
- table: {
380
- category: string;
381
- subcategory: string;
382
- };
383
- };
384
- fxd: {
385
- control: "object";
386
- table: {
387
- category: string;
388
- subcategory: string;
389
- };
390
- };
391
- fx: {
392
- control: "object";
393
- table: {
394
- category: string;
395
- subcategory: string;
396
- };
397
- };
398
- fxg: {
399
- control: "text";
400
- table: {
401
- category: string;
402
- subcategory: string;
403
- };
404
- };
405
- fxsh: {
406
- control: "text";
407
- table: {
408
- category: string;
409
- subcategory: string;
410
- };
411
- };
412
- fxb: {
413
- control: "object";
414
- table: {
415
- category: string;
416
- subcategory: string;
417
- };
418
- };
419
- gt: {
420
- control: "object";
421
- table: {
422
- category: string;
423
- subcategory: string;
424
- };
425
- };
426
- gta: {
427
- control: "object";
428
- table: {
429
- category: string;
430
- subcategory: string;
431
- };
432
- };
433
- gtc: {
434
- control: "object";
435
- table: {
436
- category: string;
437
- subcategory: string;
438
- };
439
- };
440
- gtr: {
441
- control: "object";
442
- table: {
443
- category: string;
444
- subcategory: string;
445
- };
446
- };
447
- gaf: {
448
- control: "object";
449
- table: {
450
- category: string;
451
- subcategory: string;
452
- };
453
- };
454
- ga: {
455
- control: "object";
456
- table: {
457
- category: string;
458
- subcategory: string;
459
- };
460
- };
461
- gc: {
462
- control: "object";
463
- table: {
464
- category: string;
465
- subcategory: string;
466
- };
467
- };
468
- gr: {
469
- control: "object";
470
- table: {
471
- category: string;
472
- subcategory: string;
473
- };
474
- };
475
- g: {
476
- control: "object";
477
- table: {
478
- category: string;
479
- subcategory: string;
480
- };
481
- };
482
- 'g-x': {
483
- control: "object";
484
- table: {
485
- category: string;
486
- subcategory: string;
487
- };
488
- };
489
- 'g-y': {
490
- control: "object";
491
- table: {
492
- category: string;
493
- subcategory: string;
494
- };
495
- };
496
- ai: {
497
- control: "object";
498
- table: {
499
- category: string;
500
- subcategory: string;
501
- };
502
- };
503
- ac: {
504
- control: "object";
505
- table: {
506
- category: string;
507
- subcategory: string;
508
- };
509
- };
510
- ji: {
511
- control: "object";
512
- table: {
513
- category: string;
514
- subcategory: string;
515
- };
516
- };
517
- jc: {
518
- control: "object";
519
- table: {
520
- category: string;
521
- subcategory: string;
522
- };
523
- };
524
- pi: {
525
- control: "text";
526
- table: {
527
- category: string;
528
- subcategory: string;
529
- };
530
- };
531
- pc: {
532
- control: "text";
533
- table: {
534
- category: string;
535
- subcategory: string;
536
- };
537
- };
538
- aslf: {
539
- control: "text";
540
- table: {
541
- category: string;
542
- subcategory: string;
543
- };
544
- };
545
- jslf: {
546
- control: "text";
547
- table: {
548
- category: string;
549
- subcategory: string;
550
- };
551
- };
552
- order: {
553
- control: "text";
554
- table: {
555
- category: string;
556
- subcategory: string;
557
- };
558
- };
559
- pos: {
560
- control: "text";
561
- table: {
562
- category: string;
563
- subcategory: string;
564
- };
565
- };
566
- z: {
567
- control: "text";
568
- table: {
569
- category: string;
570
- subcategory: string;
571
- };
572
- };
573
- t: {
574
- control: "text";
575
- table: {
576
- category: string;
577
- subcategory: string;
578
- };
579
- };
580
- l: {
581
- control: "text";
582
- table: {
583
- category: string;
584
- subcategory: string;
585
- };
586
- };
587
- r: {
588
- control: "text";
589
- table: {
590
- category: string;
591
- subcategory: string;
592
- };
593
- };
594
- b: {
595
- control: "text";
596
- table: {
597
- category: string;
598
- subcategory: string;
599
- };
600
- };
601
- i: {
602
- control: "text";
603
- table: {
604
- category: string;
605
- subcategory: string;
606
- };
607
- };
608
- isContainer: {
609
- control: "boolean";
610
- table: {
611
- category: string;
612
- };
613
- };
614
- isWrapper: {
615
- control: "object";
616
- table: {
617
- category: string;
618
- };
619
- };
620
- isLayer: {
621
- control: "boolean";
622
- table: {
623
- category: string;
624
- };
625
- };
626
- isLinkBox: {
627
- control: "boolean";
628
- table: {
629
- category: string;
630
- };
631
- };
632
- setGutter: {
633
- control: "boolean";
634
- table: {
635
- category: string;
636
- };
637
- };
638
- isVertical: {
639
- control: "boolean";
640
- table: {
641
- category: string;
642
- };
643
- };
644
- hov: {
645
- control: "object";
646
- table: {
647
- category: string;
648
- };
649
- };
650
- css: {
651
- control: "object";
652
- table: {
653
- category: string;
654
- };
655
- };
656
- };
7
+ argTypes: {};
657
8
  };
658
9
  export default meta;
659
10
  type Story = StoryObj<typeof meta>;
@@ -0,0 +1,9 @@
1
+ import { Meta, StoryObj } from '@storybook/react-vite';
2
+ import { SideMain } from './index';
3
+ declare const meta: Meta<typeof SideMain>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof SideMain>;
6
+ export declare const Default: Story;
7
+ export declare const WithSideWidth: Story;
8
+ export declare const WithMainWidth: Story;
9
+ export declare const Reversed: Story;
@@ -0,0 +1,8 @@
1
+ import { Meta, StoryObj } from '@storybook/react-vite';
2
+ import { Stack } from './index';
3
+ declare const meta: Meta<typeof Stack>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Stack>;
6
+ export declare const Default: Story;
7
+ export declare const WithLargeGap: Story;
8
+ export declare const IntrinsicCenter: Story;
@@ -0,0 +1,9 @@
1
+ import { Meta, StoryObj } from '@storybook/react-vite';
2
+ import { SwitchCols } from './index';
3
+ declare const meta: Meta<typeof SwitchCols>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof SwitchCols>;
6
+ export declare const Default: Story;
7
+ export declare const WithBreakSize: Story;
8
+ export declare const ThreeColumns: Story;
9
+ export declare const WithFlexGrow: Story;
@@ -0,0 +1,10 @@
1
+ import { Meta, StoryObj } from '@storybook/react-vite';
2
+ import { Wrapper } from './index';
3
+ declare const meta: Meta<typeof Wrapper>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Wrapper>;
6
+ export declare const Default: Story;
7
+ export declare const ContentSizeS: Story;
8
+ export declare const ContentSizeL: Story;
9
+ export declare const CustomContentSize: Story;
10
+ export declare const WithLayout: Story;
@@ -0,0 +1,10 @@
1
+ import { Meta, StoryObj } from '@storybook/react-vite';
2
+ import { Decorator } from './index';
3
+ declare const meta: Meta<typeof Decorator>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Decorator>;
6
+ export declare const Default: Story;
7
+ export declare const WithSize: Story;
8
+ export declare const WithTransform: Story;
9
+ export declare const WithFilter: Story;
10
+ export declare const WithClipPath: Story;