@sandlada/material-design-css 2.2.0-20250902.a → 2.2.0-20250902.b

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 (2) hide show
  1. package/package.json +1 -1
  2. package/shape/shape-utilities.css +81 -81
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name" : "@sandlada/material-design-css",
3
- "version" : "2.2.0-20250902.a",
3
+ "version" : "2.2.0-20250902.b",
4
4
  "description": "A ready-made npm package for a collection of css styles in the material design style.",
5
5
  "license" : "MIT",
6
6
  "author" : "Sandlada & Kai-Orion",
package/shape/shape-utilities.css CHANGED
@@ -13,391 +13,391 @@
13
13
  }
14
14
 
15
15
  @layer material-design-system.shape.corner {
16
- .shape-none {
16
+ .rounded-none {
17
17
  border-start-start-radius: var(--_none);
18
18
  border-start-end-radius: var(--_none);
19
19
  border-end-start-radius: var(--_none);
20
20
  border-end-end-radius: var(--_none);
21
21
  }
22
22
 
23
- .shape-extra-small {
23
+ .rounded-extra-small {
24
24
  border-start-start-radius: var(--_extra-small);
25
25
  border-start-end-radius: var(--_extra-small);
26
26
  border-end-start-radius: var(--_extra-small);
27
27
  border-end-end-radius: var(--_extra-small);
28
28
  }
29
29
 
30
- .shape-small {
30
+ .rounded-small {
31
31
  border-start-start-radius: var(--_small);
32
32
  border-start-end-radius: var(--_small);
33
33
  border-end-start-radius: var(--_small);
34
34
  border-end-end-radius: var(--_small);
35
35
  }
36
36
 
37
- .shape-medium {
37
+ .rounded-medium {
38
38
  border-start-start-radius: var(--_medium);
39
39
  border-start-end-radius: var(--_medium);
40
40
  border-end-start-radius: var(--_medium);
41
41
  border-end-end-radius: var(--_medium);
42
42
  }
43
43
 
44
- .shape-large {
44
+ .rounded-large {
45
45
  border-start-start-radius: var(--_large);
46
46
  border-start-end-radius: var(--_large);
47
47
  border-end-start-radius: var(--_large);
48
48
  border-end-end-radius: var(--_large);
49
49
  }
50
50
 
51
- .shape-large-increased {
51
+ .rounded-large-increased {
52
52
  border-start-start-radius: var(--_large-increased);
53
53
  border-start-end-radius: var(--_large-increased);
54
54
  border-end-start-radius: var(--_large-increased);
55
55
  border-end-end-radius: var(--_large-increased);
56
56
  }
57
57
 
58
- .shape-extra-large {
58
+ .rounded-extra-large {
59
59
  border-start-start-radius: var(--_extra-large);
60
60
  border-start-end-radius: var(--_extra-large);
61
61
  border-end-start-radius: var(--_extra-large);
62
62
  border-end-end-radius: var(--_extra-large);
63
63
  }
64
64
 
65
- .shape-extra-large-increased {
65
+ .rounded-extra-large-increased {
66
66
  border-start-start-radius: var(--_extra-large-increased);
67
67
  border-start-end-radius: var(--_extra-large-increased);
68
68
  border-end-start-radius: var(--_extra-large-increased);
69
69
  border-end-end-radius: var(--_extra-large-increased);
70
70
  }
71
71
 
72
- .shape-extra-extra-large {
72
+ .rounded-extra-extra-large {
73
73
  border-start-start-radius: var(--_extra-extra-large);
74
74
  border-start-end-radius: var(--_extra-extra-large);
75
75
  border-end-start-radius: var(--_extra-extra-large);
76
76
  border-end-end-radius: var(--_extra-extra-large);
77
77
  }
78
78
 
79
- .shape-none-t {
79
+ .rounded-none-t {
80
80
  border-start-start-radius: var(--_none);
81
81
  border-start-end-radius: var(--_none);
82
82
  }
83
83
 
84
- .shape-none-r {
84
+ .rounded-none-r {
85
85
  border-start-end-radius: var(--_none);
86
86
  border-end-end-radius: var(--_none);
87
87
  }
88
88
 
89
- .shape-none-b {
89
+ .rounded-none-b {
90
90
  border-end-start-radius: var(--_none);
91
91
  border-end-end-radius: var(--_none);
92
92
  }
93
93
 
94
- .shape-none-l {
94
+ .rounded-none-l {
95
95
  border-start-start-radius: var(--_none);
96
96
  border-end-start-radius: var(--_none);
97
97
  }
98
98
 
99
- .shape-none-tl {
99
+ .rounded-none-tl {
100
100
  border-start-start-radius: var(--_none);
101
101
  }
102
102
 
103
- .shape-none-tr {
103
+ .rounded-none-tr {
104
104
  border-start-end-radius: var(--_none);
105
105
  }
106
106
 
107
- .shape-none-bl {
107
+ .rounded-none-bl {
108
108
  border-end-start-radius: var(--_none);
109
109
  }
110
110
 
111
- .shape-none-br {
111
+ .rounded-none-br {
112
112
  border-end-end-radius: var(--_none);
113
113
  }
114
114
 
115
115
 
116
- .shape-extra-small-t {
116
+ .rounded-extra-small-t {
117
117
  border-start-start-radius: var(--_extra-small);
118
118
  border-start-end-radius: var(--_extra-small);
119
119
  }
120
120
 
121
- .shape-extra-small-r {
121
+ .rounded-extra-small-r {
122
122
  border-start-end-radius: var(--_extra-small);
123
123
  border-end-end-radius: var(--_extra-small);
124
124
  }
125
125
 
126
- .shape-extra-small-b {
126
+ .rounded-extra-small-b {
127
127
  border-end-start-radius: var(--_extra-small);
128
128
  border-end-end-radius: var(--_extra-small);
129
129
  }
130
130
 
131
- .shape-extra-small-l {
131
+ .rounded-extra-small-l {
132
132
  border-start-start-radius: var(--_extra-small);
133
133
  border-end-start-radius: var(--_extra-small);
134
134
  }
135
135
 
136
- .shape-extra-small-tl {
136
+ .rounded-extra-small-tl {
137
137
  border-start-start-radius: var(--_extra-small);
138
138
  }
139
139
 
140
- .shape-extra-small-tr {
140
+ .rounded-extra-small-tr {
141
141
  border-start-end-radius: var(--_extra-small);
142
142
  }
143
143
 
144
- .shape-extra-small-bl {
144
+ .rounded-extra-small-bl {
145
145
  border-end-start-radius: var(--_extra-small);
146
146
  }
147
147
 
148
- .shape-extra-small-br {
148
+ .rounded-extra-small-br {
149
149
  border-end-end-radius: var(--_extra-small);
150
150
  }
151
151
 
152
- .shape-small-t {
152
+ .rounded-small-t {
153
153
  border-start-start-radius: var(--_small);
154
154
  border-start-end-radius: var(--_small);
155
155
  }
156
156
 
157
- .shape-small-r {
157
+ .rounded-small-r {
158
158
  border-start-end-radius: var(--_small);
159
159
  border-end-end-radius: var(--_small);
160
160
  }
161
161
 
162
- .shape-small-b {
162
+ .rounded-small-b {
163
163
  border-end-start-radius: var(--_small);
164
164
  border-end-end-radius: var(--_small);
165
165
  }
166
166
 
167
- .shape-small-l {
167
+ .rounded-small-l {
168
168
  border-start-start-radius: var(--_small);
169
169
  border-end-start-radius: var(--_small);
170
170
  }
171
171
 
172
- .shape-small-tl {
172
+ .rounded-small-tl {
173
173
  border-start-start-radius: var(--_small);
174
174
  }
175
175
 
176
- .shape-small-tr {
176
+ .rounded-small-tr {
177
177
  border-start-end-radius: var(--_small);
178
178
  }
179
179
 
180
- .shape-small-bl {
180
+ .rounded-small-bl {
181
181
  border-end-start-radius: var(--_small);
182
182
  }
183
183
 
184
- .shape-small-br {
184
+ .rounded-small-br {
185
185
  border-end-end-radius: var(--_small);
186
186
  }
187
187
 
188
- .shape-medium-t {
188
+ .rounded-medium-t {
189
189
  border-start-start-radius: var(--_medium);
190
190
  border-start-end-radius: var(--_medium);
191
191
  }
192
192
 
193
- .shape-medium-r {
193
+ .rounded-medium-r {
194
194
  border-start-end-radius: var(--_medium);
195
195
  border-end-end-radius: var(--_medium);
196
196
  }
197
197
 
198
- .shape-medium-b {
198
+ .rounded-medium-b {
199
199
  border-end-start-radius: var(--_medium);
200
200
  border-end-end-radius: var(--_medium);
201
201
  }
202
202
 
203
- .shape-medium-l {
203
+ .rounded-medium-l {
204
204
  border-start-start-radius: var(--_medium);
205
205
  border-end-start-radius: var(--_medium);
206
206
  }
207
207
 
208
- .shape-medium-tl {
208
+ .rounded-medium-tl {
209
209
  border-start-start-radius: var(--_medium);
210
210
  }
211
211
 
212
- .shape-medium-tr {
212
+ .rounded-medium-tr {
213
213
  border-start-end-radius: var(--_medium);
214
214
  }
215
215
 
216
- .shape-medium-bl {
216
+ .rounded-medium-bl {
217
217
  border-end-start-radius: var(--_medium);
218
218
  }
219
219
 
220
- .shape-medium-br {
220
+ .rounded-medium-br {
221
221
  border-end-end-radius: var(--_medium);
222
222
  }
223
223
 
224
- .shape-large-t {
224
+ .rounded-large-t {
225
225
  border-start-start-radius: var(--_large);
226
226
  border-start-end-radius: var(--_large);
227
227
  }
228
228
 
229
- .shape-large-r {
229
+ .rounded-large-r {
230
230
  border-start-end-radius: var(--_large);
231
231
  border-end-end-radius: var(--_large);
232
232
  }
233
233
 
234
- .shape-large-b {
234
+ .rounded-large-b {
235
235
  border-end-start-radius: var(--_large);
236
236
  border-end-end-radius: var(--_large);
237
237
  }
238
238
 
239
- .shape-large-l {
239
+ .rounded-large-l {
240
240
  border-start-start-radius: var(--_large);
241
241
  border-end-start-radius: var(--_large);
242
242
  }
243
243
 
244
- .shape-large-tl {
244
+ .rounded-large-tl {
245
245
  border-start-start-radius: var(--_large);
246
246
  }
247
247
 
248
- .shape-large-tr {
248
+ .rounded-large-tr {
249
249
  border-start-end-radius: var(--_large);
250
250
  }
251
251
 
252
- .shape-large-bl {
252
+ .rounded-large-bl {
253
253
  border-end-start-radius: var(--_large);
254
254
  }
255
255
 
256
- .shape-large-br {
256
+ .rounded-large-br {
257
257
  border-end-end-radius: var(--_large);
258
258
  }
259
259
 
260
- .shape-large-increased-t {
260
+ .rounded-large-increased-t {
261
261
  border-start-start-radius: var(--_large-increased);
262
262
  border-start-end-radius: var(--_large-increased);
263
263
  }
264
264
 
265
- .shape-large-increased-r {
265
+ .rounded-large-increased-r {
266
266
  border-start-end-radius: var(--_large-increased);
267
267
  border-end-end-radius: var(--_large-increased);
268
268
  }
269
269
 
270
- .shape-large-increased-b {
270
+ .rounded-large-increased-b {
271
271
  border-end-start-radius: var(--_large-increased);
272
272
  border-end-end-radius: var(--_large-increased);
273
273
  }
274
274
 
275
- .shape-large-increased-l {
275
+ .rounded-large-increased-l {
276
276
  border-start-start-radius: var(--_large-increased);
277
277
  border-end-start-radius: var(--_large-increased);
278
278
  }
279
279
 
280
- .shape-large-increased-tl {
280
+ .rounded-large-increased-tl {
281
281
  border-start-start-radius: var(--_large-increased);
282
282
  }
283
283
 
284
- .shape-large-increased-tr {
284
+ .rounded-large-increased-tr {
285
285
  border-start-end-radius: var(--_large-increased);
286
286
  }
287
287
 
288
- .shape-large-increased-bl {
288
+ .rounded-large-increased-bl {
289
289
  border-end-start-radius: var(--_large-increased);
290
290
  }
291
291
 
292
- .shape-large-increased-br {
292
+ .rounded-large-increased-br {
293
293
  border-end-end-radius: var(--_large-increased);
294
294
  }
295
295
 
296
- .shape-extra-large-t {
296
+ .rounded-extra-large-t {
297
297
  border-start-start-radius: var(--_extra-large);
298
298
  border-start-end-radius: var(--_extra-large);
299
299
  }
300
300
 
301
- .shape-extra-large-r {
301
+ .rounded-extra-large-r {
302
302
  border-start-end-radius: var(--_extra-large);
303
303
  border-end-end-radius: var(--_extra-large);
304
304
  }
305
305
 
306
- .shape-extra-large-b {
306
+ .rounded-extra-large-b {
307
307
  border-end-start-radius: var(--_extra-large);
308
308
  border-end-end-radius: var(--_extra-large);
309
309
  }
310
310
 
311
- .shape-extra-large-l {
311
+ .rounded-extra-large-l {
312
312
  border-start-start-radius: var(--_extra-large);
313
313
  border-end-start-radius: var(--_extra-large);
314
314
  }
315
315
 
316
- .shape-extra-large-tl {
316
+ .rounded-extra-large-tl {
317
317
  border-start-start-radius: var(--_extra-large);
318
318
  }
319
319
 
320
- .shape-extra-large-tr {
320
+ .rounded-extra-large-tr {
321
321
  border-start-end-radius: var(--_extra-large);
322
322
  }
323
323
 
324
- .shape-extra-large-bl {
324
+ .rounded-extra-large-bl {
325
325
  border-end-start-radius: var(--_extra-large);
326
326
  }
327
327
 
328
- .shape-extra-large-br {
328
+ .rounded-extra-large-br {
329
329
  border-end-end-radius: var(--_extra-large);
330
330
  }
331
331
 
332
- .shape-extra-large-increased-t {
332
+ .rounded-extra-large-increased-t {
333
333
  border-start-start-radius: var(--_extra-large-increased);
334
334
  border-start-end-radius: var(--_extra-large-increased);
335
335
  }
336
336
 
337
- .shape-extra-large-increased-r {
337
+ .rounded-extra-large-increased-r {
338
338
  border-start-end-radius: var(--_extra-large-increased);
339
339
  border-end-end-radius: var(--_extra-large-increased);
340
340
  }
341
341
 
342
- .shape-extra-large-increased-b {
342
+ .rounded-extra-large-increased-b {
343
343
  border-end-start-radius: var(--_extra-large-increased);
344
344
  border-end-end-radius: var(--_extra-large-increased);
345
345
  }
346
346
 
347
- .shape-extra-large-increased-l {
347
+ .rounded-extra-large-increased-l {
348
348
  border-start-start-radius: var(--_extra-large-increased);
349
349
  border-end-start-radius: var(--_extra-large-increased);
350
350
  }
351
351
 
352
- .shape-extra-large-increased-tl {
352
+ .rounded-extra-large-increased-tl {
353
353
  border-start-start-radius: var(--_extra-large-increased);
354
354
  }
355
355
 
356
- .shape-extra-large-increased-tr {
356
+ .rounded-extra-large-increased-tr {
357
357
  border-start-end-radius: var(--_extra-large-increased);
358
358
  }
359
359
 
360
- .shape-extra-large-increased-bl {
360
+ .rounded-extra-large-increased-bl {
361
361
  border-end-start-radius: var(--_extra-large-increased);
362
362
  }
363
363
 
364
- .shape-extra-large-increased-br {
364
+ .rounded-extra-large-increased-br {
365
365
  border-end-end-radius: var(--_extra-large-increased);
366
366
  }
367
367
 
368
- .shape-extra-extra-large-t {
368
+ .rounded-extra-extra-large-t {
369
369
  border-start-start-radius: var(--_extra-extra-large);
370
370
  border-start-end-radius: var(--_extra-extra-large);
371
371
  }
372
372
 
373
- .shape-extra-extra-large-r {
373
+ .rounded-extra-extra-large-r {
374
374
  border-start-end-radius: var(--_extra-extra-large);
375
375
  border-end-end-radius: var(--_extra-extra-large);
376
376
  }
377
377
 
378
- .shape-extra-extra-large-b {
378
+ .rounded-extra-extra-large-b {
379
379
  border-end-start-radius: var(--_extra-extra-large);
380
380
  border-end-end-radius: var(--_extra-extra-large);
381
381
  }
382
382
 
383
- .shape-extra-extra-large-l {
383
+ .rounded-extra-extra-large-l {
384
384
  border-start-start-radius: var(--_extra-extra-large);
385
385
  border-end-start-radius: var(--_extra-extra-large);
386
386
  }
387
387
 
388
- .shape-extra-extra-large-tl {
388
+ .rounded-extra-extra-large-tl {
389
389
  border-start-start-radius: var(--_extra-extra-large);
390
390
  }
391
391
 
392
- .shape-extra-extra-large-tr {
392
+ .rounded-extra-extra-large-tr {
393
393
  border-start-end-radius: var(--_extra-extra-large);
394
394
  }
395
395
 
396
- .shape-extra-extra-large-bl {
396
+ .rounded-extra-extra-large-bl {
397
397
  border-end-start-radius: var(--_extra-extra-large);
398
398
  }
399
399
 
400
- .shape-extra-extra-large-br {
400
+ .rounded-extra-extra-large-br {
401
401
  border-end-end-radius: var(--_extra-extra-large);
402
402
  }
403
403
  }