@kushagradhawan/kookie-ui 0.1.26 → 0.1.27
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/cjs/components/grid.props.d.ts +36 -0
- package/dist/cjs/components/grid.props.d.ts.map +1 -1
- package/dist/cjs/components/grid.props.js +1 -1
- package/dist/cjs/components/grid.props.js.map +3 -3
- package/dist/cjs/props/layout.props.d.ts +34 -0
- package/dist/cjs/props/layout.props.d.ts.map +1 -1
- package/dist/cjs/props/layout.props.js +1 -1
- package/dist/cjs/props/layout.props.js.map +3 -3
- package/dist/esm/components/grid.props.d.ts +36 -0
- package/dist/esm/components/grid.props.d.ts.map +1 -1
- package/dist/esm/components/grid.props.js +1 -1
- package/dist/esm/components/grid.props.js.map +3 -3
- package/dist/esm/props/layout.props.d.ts +34 -0
- package/dist/esm/props/layout.props.d.ts.map +1 -1
- package/dist/esm/props/layout.props.js +1 -1
- package/dist/esm/props/layout.props.js.map +3 -3
- package/layout/utilities.css +366 -12
- package/layout.css +366 -12
- package/package.json +1 -1
- package/src/components/grid.props.tsx +58 -0
- package/src/props/layout.props.ts +38 -0
- package/src/styles/utilities/align-content.css +33 -0
- package/src/styles/utilities/align-self.css +2 -2
- package/src/styles/utilities/justify-items.css +21 -0
- package/src/styles/utilities/justify-self.css +21 -0
- package/src/styles/utilities/layout.css +3 -0
- package/styles.css +366 -12
- package/utilities.css +366 -12
package/utilities.css
CHANGED
|
@@ -1,3 +1,157 @@
|
|
|
1
|
+
.rt-r-ac-start {
|
|
2
|
+
align-content: start;
|
|
3
|
+
}
|
|
4
|
+
.rt-r-ac-center {
|
|
5
|
+
align-content: center;
|
|
6
|
+
}
|
|
7
|
+
.rt-r-ac-end {
|
|
8
|
+
align-content: end;
|
|
9
|
+
}
|
|
10
|
+
.rt-r-ac-baseline {
|
|
11
|
+
align-content: baseline;
|
|
12
|
+
}
|
|
13
|
+
.rt-r-ac-stretch {
|
|
14
|
+
align-content: stretch;
|
|
15
|
+
}
|
|
16
|
+
.rt-r-ac-space-between {
|
|
17
|
+
align-content: space-between;
|
|
18
|
+
}
|
|
19
|
+
.rt-r-ac-space-around {
|
|
20
|
+
align-content: space-around;
|
|
21
|
+
}
|
|
22
|
+
.rt-r-ac-space-evenly {
|
|
23
|
+
align-content: space-evenly;
|
|
24
|
+
}
|
|
25
|
+
@media (min-width: 520px) {
|
|
26
|
+
.xs\:rt-r-ac-start {
|
|
27
|
+
align-content: start;
|
|
28
|
+
}
|
|
29
|
+
.xs\:rt-r-ac-center {
|
|
30
|
+
align-content: center;
|
|
31
|
+
}
|
|
32
|
+
.xs\:rt-r-ac-end {
|
|
33
|
+
align-content: end;
|
|
34
|
+
}
|
|
35
|
+
.xs\:rt-r-ac-baseline {
|
|
36
|
+
align-content: baseline;
|
|
37
|
+
}
|
|
38
|
+
.xs\:rt-r-ac-stretch {
|
|
39
|
+
align-content: stretch;
|
|
40
|
+
}
|
|
41
|
+
.xs\:rt-r-ac-space-between {
|
|
42
|
+
align-content: space-between;
|
|
43
|
+
}
|
|
44
|
+
.xs\:rt-r-ac-space-around {
|
|
45
|
+
align-content: space-around;
|
|
46
|
+
}
|
|
47
|
+
.xs\:rt-r-ac-space-evenly {
|
|
48
|
+
align-content: space-evenly;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
@media (min-width: 768px) {
|
|
52
|
+
.sm\:rt-r-ac-start {
|
|
53
|
+
align-content: start;
|
|
54
|
+
}
|
|
55
|
+
.sm\:rt-r-ac-center {
|
|
56
|
+
align-content: center;
|
|
57
|
+
}
|
|
58
|
+
.sm\:rt-r-ac-end {
|
|
59
|
+
align-content: end;
|
|
60
|
+
}
|
|
61
|
+
.sm\:rt-r-ac-baseline {
|
|
62
|
+
align-content: baseline;
|
|
63
|
+
}
|
|
64
|
+
.sm\:rt-r-ac-stretch {
|
|
65
|
+
align-content: stretch;
|
|
66
|
+
}
|
|
67
|
+
.sm\:rt-r-ac-space-between {
|
|
68
|
+
align-content: space-between;
|
|
69
|
+
}
|
|
70
|
+
.sm\:rt-r-ac-space-around {
|
|
71
|
+
align-content: space-around;
|
|
72
|
+
}
|
|
73
|
+
.sm\:rt-r-ac-space-evenly {
|
|
74
|
+
align-content: space-evenly;
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
@media (min-width: 1024px) {
|
|
78
|
+
.md\:rt-r-ac-start {
|
|
79
|
+
align-content: start;
|
|
80
|
+
}
|
|
81
|
+
.md\:rt-r-ac-center {
|
|
82
|
+
align-content: center;
|
|
83
|
+
}
|
|
84
|
+
.md\:rt-r-ac-end {
|
|
85
|
+
align-content: end;
|
|
86
|
+
}
|
|
87
|
+
.md\:rt-r-ac-baseline {
|
|
88
|
+
align-content: baseline;
|
|
89
|
+
}
|
|
90
|
+
.md\:rt-r-ac-stretch {
|
|
91
|
+
align-content: stretch;
|
|
92
|
+
}
|
|
93
|
+
.md\:rt-r-ac-space-between {
|
|
94
|
+
align-content: space-between;
|
|
95
|
+
}
|
|
96
|
+
.md\:rt-r-ac-space-around {
|
|
97
|
+
align-content: space-around;
|
|
98
|
+
}
|
|
99
|
+
.md\:rt-r-ac-space-evenly {
|
|
100
|
+
align-content: space-evenly;
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
@media (min-width: 1280px) {
|
|
104
|
+
.lg\:rt-r-ac-start {
|
|
105
|
+
align-content: start;
|
|
106
|
+
}
|
|
107
|
+
.lg\:rt-r-ac-center {
|
|
108
|
+
align-content: center;
|
|
109
|
+
}
|
|
110
|
+
.lg\:rt-r-ac-end {
|
|
111
|
+
align-content: end;
|
|
112
|
+
}
|
|
113
|
+
.lg\:rt-r-ac-baseline {
|
|
114
|
+
align-content: baseline;
|
|
115
|
+
}
|
|
116
|
+
.lg\:rt-r-ac-stretch {
|
|
117
|
+
align-content: stretch;
|
|
118
|
+
}
|
|
119
|
+
.lg\:rt-r-ac-space-between {
|
|
120
|
+
align-content: space-between;
|
|
121
|
+
}
|
|
122
|
+
.lg\:rt-r-ac-space-around {
|
|
123
|
+
align-content: space-around;
|
|
124
|
+
}
|
|
125
|
+
.lg\:rt-r-ac-space-evenly {
|
|
126
|
+
align-content: space-evenly;
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
@media (min-width: 1640px) {
|
|
130
|
+
.xl\:rt-r-ac-start {
|
|
131
|
+
align-content: start;
|
|
132
|
+
}
|
|
133
|
+
.xl\:rt-r-ac-center {
|
|
134
|
+
align-content: center;
|
|
135
|
+
}
|
|
136
|
+
.xl\:rt-r-ac-end {
|
|
137
|
+
align-content: end;
|
|
138
|
+
}
|
|
139
|
+
.xl\:rt-r-ac-baseline {
|
|
140
|
+
align-content: baseline;
|
|
141
|
+
}
|
|
142
|
+
.xl\:rt-r-ac-stretch {
|
|
143
|
+
align-content: stretch;
|
|
144
|
+
}
|
|
145
|
+
.xl\:rt-r-ac-space-between {
|
|
146
|
+
align-content: space-between;
|
|
147
|
+
}
|
|
148
|
+
.xl\:rt-r-ac-space-around {
|
|
149
|
+
align-content: space-around;
|
|
150
|
+
}
|
|
151
|
+
.xl\:rt-r-ac-space-evenly {
|
|
152
|
+
align-content: space-evenly;
|
|
153
|
+
}
|
|
154
|
+
}
|
|
1
155
|
.rt-r-ai-start {
|
|
2
156
|
align-items: flex-start;
|
|
3
157
|
}
|
|
@@ -99,13 +253,13 @@
|
|
|
99
253
|
}
|
|
100
254
|
}
|
|
101
255
|
.rt-r-as-start {
|
|
102
|
-
align-self:
|
|
256
|
+
align-self: start;
|
|
103
257
|
}
|
|
104
258
|
.rt-r-as-center {
|
|
105
259
|
align-self: center;
|
|
106
260
|
}
|
|
107
261
|
.rt-r-as-end {
|
|
108
|
-
align-self:
|
|
262
|
+
align-self: end;
|
|
109
263
|
}
|
|
110
264
|
.rt-r-as-baseline {
|
|
111
265
|
align-self: baseline;
|
|
@@ -115,13 +269,13 @@
|
|
|
115
269
|
}
|
|
116
270
|
@media (min-width: 520px) {
|
|
117
271
|
.xs\:rt-r-as-start {
|
|
118
|
-
align-self:
|
|
272
|
+
align-self: start;
|
|
119
273
|
}
|
|
120
274
|
.xs\:rt-r-as-center {
|
|
121
275
|
align-self: center;
|
|
122
276
|
}
|
|
123
277
|
.xs\:rt-r-as-end {
|
|
124
|
-
align-self:
|
|
278
|
+
align-self: end;
|
|
125
279
|
}
|
|
126
280
|
.xs\:rt-r-as-baseline {
|
|
127
281
|
align-self: baseline;
|
|
@@ -132,13 +286,13 @@
|
|
|
132
286
|
}
|
|
133
287
|
@media (min-width: 768px) {
|
|
134
288
|
.sm\:rt-r-as-start {
|
|
135
|
-
align-self:
|
|
289
|
+
align-self: start;
|
|
136
290
|
}
|
|
137
291
|
.sm\:rt-r-as-center {
|
|
138
292
|
align-self: center;
|
|
139
293
|
}
|
|
140
294
|
.sm\:rt-r-as-end {
|
|
141
|
-
align-self:
|
|
295
|
+
align-self: end;
|
|
142
296
|
}
|
|
143
297
|
.sm\:rt-r-as-baseline {
|
|
144
298
|
align-self: baseline;
|
|
@@ -149,13 +303,13 @@
|
|
|
149
303
|
}
|
|
150
304
|
@media (min-width: 1024px) {
|
|
151
305
|
.md\:rt-r-as-start {
|
|
152
|
-
align-self:
|
|
306
|
+
align-self: start;
|
|
153
307
|
}
|
|
154
308
|
.md\:rt-r-as-center {
|
|
155
309
|
align-self: center;
|
|
156
310
|
}
|
|
157
311
|
.md\:rt-r-as-end {
|
|
158
|
-
align-self:
|
|
312
|
+
align-self: end;
|
|
159
313
|
}
|
|
160
314
|
.md\:rt-r-as-baseline {
|
|
161
315
|
align-self: baseline;
|
|
@@ -166,13 +320,13 @@
|
|
|
166
320
|
}
|
|
167
321
|
@media (min-width: 1280px) {
|
|
168
322
|
.lg\:rt-r-as-start {
|
|
169
|
-
align-self:
|
|
323
|
+
align-self: start;
|
|
170
324
|
}
|
|
171
325
|
.lg\:rt-r-as-center {
|
|
172
326
|
align-self: center;
|
|
173
327
|
}
|
|
174
328
|
.lg\:rt-r-as-end {
|
|
175
|
-
align-self:
|
|
329
|
+
align-self: end;
|
|
176
330
|
}
|
|
177
331
|
.lg\:rt-r-as-baseline {
|
|
178
332
|
align-self: baseline;
|
|
@@ -183,13 +337,13 @@
|
|
|
183
337
|
}
|
|
184
338
|
@media (min-width: 1640px) {
|
|
185
339
|
.xl\:rt-r-as-start {
|
|
186
|
-
align-self:
|
|
340
|
+
align-self: start;
|
|
187
341
|
}
|
|
188
342
|
.xl\:rt-r-as-center {
|
|
189
343
|
align-self: center;
|
|
190
344
|
}
|
|
191
345
|
.xl\:rt-r-as-end {
|
|
192
|
-
align-self:
|
|
346
|
+
align-self: end;
|
|
193
347
|
}
|
|
194
348
|
.xl\:rt-r-as-baseline {
|
|
195
349
|
align-self: baseline;
|
|
@@ -4158,6 +4312,206 @@
|
|
|
4158
4312
|
justify-content: space-between;
|
|
4159
4313
|
}
|
|
4160
4314
|
}
|
|
4315
|
+
.rt-r-ji-start {
|
|
4316
|
+
justify-items: start;
|
|
4317
|
+
}
|
|
4318
|
+
.rt-r-ji-center {
|
|
4319
|
+
justify-items: center;
|
|
4320
|
+
}
|
|
4321
|
+
.rt-r-ji-end {
|
|
4322
|
+
justify-items: end;
|
|
4323
|
+
}
|
|
4324
|
+
.rt-r-ji-baseline {
|
|
4325
|
+
justify-items: baseline;
|
|
4326
|
+
}
|
|
4327
|
+
.rt-r-ji-stretch {
|
|
4328
|
+
justify-items: stretch;
|
|
4329
|
+
}
|
|
4330
|
+
@media (min-width: 520px) {
|
|
4331
|
+
.xs\:rt-r-ji-start {
|
|
4332
|
+
justify-items: start;
|
|
4333
|
+
}
|
|
4334
|
+
.xs\:rt-r-ji-center {
|
|
4335
|
+
justify-items: center;
|
|
4336
|
+
}
|
|
4337
|
+
.xs\:rt-r-ji-end {
|
|
4338
|
+
justify-items: end;
|
|
4339
|
+
}
|
|
4340
|
+
.xs\:rt-r-ji-baseline {
|
|
4341
|
+
justify-items: baseline;
|
|
4342
|
+
}
|
|
4343
|
+
.xs\:rt-r-ji-stretch {
|
|
4344
|
+
justify-items: stretch;
|
|
4345
|
+
}
|
|
4346
|
+
}
|
|
4347
|
+
@media (min-width: 768px) {
|
|
4348
|
+
.sm\:rt-r-ji-start {
|
|
4349
|
+
justify-items: start;
|
|
4350
|
+
}
|
|
4351
|
+
.sm\:rt-r-ji-center {
|
|
4352
|
+
justify-items: center;
|
|
4353
|
+
}
|
|
4354
|
+
.sm\:rt-r-ji-end {
|
|
4355
|
+
justify-items: end;
|
|
4356
|
+
}
|
|
4357
|
+
.sm\:rt-r-ji-baseline {
|
|
4358
|
+
justify-items: baseline;
|
|
4359
|
+
}
|
|
4360
|
+
.sm\:rt-r-ji-stretch {
|
|
4361
|
+
justify-items: stretch;
|
|
4362
|
+
}
|
|
4363
|
+
}
|
|
4364
|
+
@media (min-width: 1024px) {
|
|
4365
|
+
.md\:rt-r-ji-start {
|
|
4366
|
+
justify-items: start;
|
|
4367
|
+
}
|
|
4368
|
+
.md\:rt-r-ji-center {
|
|
4369
|
+
justify-items: center;
|
|
4370
|
+
}
|
|
4371
|
+
.md\:rt-r-ji-end {
|
|
4372
|
+
justify-items: end;
|
|
4373
|
+
}
|
|
4374
|
+
.md\:rt-r-ji-baseline {
|
|
4375
|
+
justify-items: baseline;
|
|
4376
|
+
}
|
|
4377
|
+
.md\:rt-r-ji-stretch {
|
|
4378
|
+
justify-items: stretch;
|
|
4379
|
+
}
|
|
4380
|
+
}
|
|
4381
|
+
@media (min-width: 1280px) {
|
|
4382
|
+
.lg\:rt-r-ji-start {
|
|
4383
|
+
justify-items: start;
|
|
4384
|
+
}
|
|
4385
|
+
.lg\:rt-r-ji-center {
|
|
4386
|
+
justify-items: center;
|
|
4387
|
+
}
|
|
4388
|
+
.lg\:rt-r-ji-end {
|
|
4389
|
+
justify-items: end;
|
|
4390
|
+
}
|
|
4391
|
+
.lg\:rt-r-ji-baseline {
|
|
4392
|
+
justify-items: baseline;
|
|
4393
|
+
}
|
|
4394
|
+
.lg\:rt-r-ji-stretch {
|
|
4395
|
+
justify-items: stretch;
|
|
4396
|
+
}
|
|
4397
|
+
}
|
|
4398
|
+
@media (min-width: 1640px) {
|
|
4399
|
+
.xl\:rt-r-ji-start {
|
|
4400
|
+
justify-items: start;
|
|
4401
|
+
}
|
|
4402
|
+
.xl\:rt-r-ji-center {
|
|
4403
|
+
justify-items: center;
|
|
4404
|
+
}
|
|
4405
|
+
.xl\:rt-r-ji-end {
|
|
4406
|
+
justify-items: end;
|
|
4407
|
+
}
|
|
4408
|
+
.xl\:rt-r-ji-baseline {
|
|
4409
|
+
justify-items: baseline;
|
|
4410
|
+
}
|
|
4411
|
+
.xl\:rt-r-ji-stretch {
|
|
4412
|
+
justify-items: stretch;
|
|
4413
|
+
}
|
|
4414
|
+
}
|
|
4415
|
+
.rt-r-js-start {
|
|
4416
|
+
justify-self: start;
|
|
4417
|
+
}
|
|
4418
|
+
.rt-r-js-center {
|
|
4419
|
+
justify-self: center;
|
|
4420
|
+
}
|
|
4421
|
+
.rt-r-js-end {
|
|
4422
|
+
justify-self: end;
|
|
4423
|
+
}
|
|
4424
|
+
.rt-r-js-baseline {
|
|
4425
|
+
justify-self: baseline;
|
|
4426
|
+
}
|
|
4427
|
+
.rt-r-js-stretch {
|
|
4428
|
+
justify-self: stretch;
|
|
4429
|
+
}
|
|
4430
|
+
@media (min-width: 520px) {
|
|
4431
|
+
.xs\:rt-r-js-start {
|
|
4432
|
+
justify-self: start;
|
|
4433
|
+
}
|
|
4434
|
+
.xs\:rt-r-js-center {
|
|
4435
|
+
justify-self: center;
|
|
4436
|
+
}
|
|
4437
|
+
.xs\:rt-r-js-end {
|
|
4438
|
+
justify-self: end;
|
|
4439
|
+
}
|
|
4440
|
+
.xs\:rt-r-js-baseline {
|
|
4441
|
+
justify-self: baseline;
|
|
4442
|
+
}
|
|
4443
|
+
.xs\:rt-r-js-stretch {
|
|
4444
|
+
justify-self: stretch;
|
|
4445
|
+
}
|
|
4446
|
+
}
|
|
4447
|
+
@media (min-width: 768px) {
|
|
4448
|
+
.sm\:rt-r-js-start {
|
|
4449
|
+
justify-self: start;
|
|
4450
|
+
}
|
|
4451
|
+
.sm\:rt-r-js-center {
|
|
4452
|
+
justify-self: center;
|
|
4453
|
+
}
|
|
4454
|
+
.sm\:rt-r-js-end {
|
|
4455
|
+
justify-self: end;
|
|
4456
|
+
}
|
|
4457
|
+
.sm\:rt-r-js-baseline {
|
|
4458
|
+
justify-self: baseline;
|
|
4459
|
+
}
|
|
4460
|
+
.sm\:rt-r-js-stretch {
|
|
4461
|
+
justify-self: stretch;
|
|
4462
|
+
}
|
|
4463
|
+
}
|
|
4464
|
+
@media (min-width: 1024px) {
|
|
4465
|
+
.md\:rt-r-js-start {
|
|
4466
|
+
justify-self: start;
|
|
4467
|
+
}
|
|
4468
|
+
.md\:rt-r-js-center {
|
|
4469
|
+
justify-self: center;
|
|
4470
|
+
}
|
|
4471
|
+
.md\:rt-r-js-end {
|
|
4472
|
+
justify-self: end;
|
|
4473
|
+
}
|
|
4474
|
+
.md\:rt-r-js-baseline {
|
|
4475
|
+
justify-self: baseline;
|
|
4476
|
+
}
|
|
4477
|
+
.md\:rt-r-js-stretch {
|
|
4478
|
+
justify-self: stretch;
|
|
4479
|
+
}
|
|
4480
|
+
}
|
|
4481
|
+
@media (min-width: 1280px) {
|
|
4482
|
+
.lg\:rt-r-js-start {
|
|
4483
|
+
justify-self: start;
|
|
4484
|
+
}
|
|
4485
|
+
.lg\:rt-r-js-center {
|
|
4486
|
+
justify-self: center;
|
|
4487
|
+
}
|
|
4488
|
+
.lg\:rt-r-js-end {
|
|
4489
|
+
justify-self: end;
|
|
4490
|
+
}
|
|
4491
|
+
.lg\:rt-r-js-baseline {
|
|
4492
|
+
justify-self: baseline;
|
|
4493
|
+
}
|
|
4494
|
+
.lg\:rt-r-js-stretch {
|
|
4495
|
+
justify-self: stretch;
|
|
4496
|
+
}
|
|
4497
|
+
}
|
|
4498
|
+
@media (min-width: 1640px) {
|
|
4499
|
+
.xl\:rt-r-js-start {
|
|
4500
|
+
justify-self: start;
|
|
4501
|
+
}
|
|
4502
|
+
.xl\:rt-r-js-center {
|
|
4503
|
+
justify-self: center;
|
|
4504
|
+
}
|
|
4505
|
+
.xl\:rt-r-js-end {
|
|
4506
|
+
justify-self: end;
|
|
4507
|
+
}
|
|
4508
|
+
.xl\:rt-r-js-baseline {
|
|
4509
|
+
justify-self: baseline;
|
|
4510
|
+
}
|
|
4511
|
+
.xl\:rt-r-js-stretch {
|
|
4512
|
+
justify-self: stretch;
|
|
4513
|
+
}
|
|
4514
|
+
}
|
|
4161
4515
|
.rt-r-m,
|
|
4162
4516
|
.rt-r-m-0,
|
|
4163
4517
|
.rt-r-m-1,
|