@medyll/idae-slotui-svelte 0.119.0 → 0.120.0
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.
|
@@ -3126,6 +3126,17 @@ label {
|
|
|
3126
3126
|
max-width: 100%;
|
|
3127
3127
|
}
|
|
3128
3128
|
|
|
3129
|
+
/** confirm.scss ----------------*/
|
|
3130
|
+
.confirm {
|
|
3131
|
+
display: flex;
|
|
3132
|
+
align-items: center;
|
|
3133
|
+
gap: 0.5rem;
|
|
3134
|
+
}
|
|
3135
|
+
.confirm-validate {
|
|
3136
|
+
display: flex;
|
|
3137
|
+
align-items: center;
|
|
3138
|
+
}
|
|
3139
|
+
|
|
3129
3140
|
/** checkbox.scss ----------------*/
|
|
3130
3141
|
:root {
|
|
3131
3142
|
--sld-checkbox-background: var(--sld-color-background-alpha-high);
|
|
@@ -3255,17 +3266,6 @@ label {
|
|
|
3255
3266
|
transform: scale(1.1);
|
|
3256
3267
|
}
|
|
3257
3268
|
|
|
3258
|
-
/** confirm.scss ----------------*/
|
|
3259
|
-
.confirm {
|
|
3260
|
-
display: flex;
|
|
3261
|
-
align-items: center;
|
|
3262
|
-
gap: 0.5rem;
|
|
3263
|
-
}
|
|
3264
|
-
.confirm-validate {
|
|
3265
|
-
display: flex;
|
|
3266
|
-
align-items: center;
|
|
3267
|
-
}
|
|
3268
|
-
|
|
3269
3269
|
/** button.scss ----------------*/
|
|
3270
3270
|
:root {
|
|
3271
3271
|
--sld-button-font-size: inherit;
|
|
@@ -4198,64 +4198,6 @@ hr.vertical {
|
|
|
4198
4198
|
flex: 1 1 auto;
|
|
4199
4199
|
}
|
|
4200
4200
|
|
|
4201
|
-
/** chipper.scss ----------------*/
|
|
4202
|
-
:root {
|
|
4203
|
-
--chipper-gap: var(--sld-gap-tiny);
|
|
4204
|
-
--chipper-radius: var(--sld-radius-large);
|
|
4205
|
-
--chipper-chip-color: var(--css-button-chip-color, var(--sld-color-primary));
|
|
4206
|
-
}
|
|
4207
|
-
|
|
4208
|
-
.chipper {
|
|
4209
|
-
position: relative;
|
|
4210
|
-
gap: var(--chipper-gap);
|
|
4211
|
-
}
|
|
4212
|
-
.chipper .chipper-content {
|
|
4213
|
-
padding: 0.5rem;
|
|
4214
|
-
}
|
|
4215
|
-
.chipper .chipper-chip {
|
|
4216
|
-
display: block;
|
|
4217
|
-
position: absolute;
|
|
4218
|
-
z-index: 2;
|
|
4219
|
-
border-radius: var(--chipper-radius);
|
|
4220
|
-
transition: all 0.25s;
|
|
4221
|
-
max-height: 100%;
|
|
4222
|
-
background-color: var(--chipper-chip-color);
|
|
4223
|
-
}
|
|
4224
|
-
.chipper .chipper-chip[data-position=left] {
|
|
4225
|
-
top: 2px;
|
|
4226
|
-
left: 2px;
|
|
4227
|
-
height: 100%;
|
|
4228
|
-
width: 3px;
|
|
4229
|
-
}
|
|
4230
|
-
.chipper .chipper-chip[data-position=right] {
|
|
4231
|
-
top: 2px;
|
|
4232
|
-
right: 2px;
|
|
4233
|
-
height: 130px;
|
|
4234
|
-
width: 3px;
|
|
4235
|
-
}
|
|
4236
|
-
.chipper .chipper-chip[data-position=top] {
|
|
4237
|
-
height: 4px;
|
|
4238
|
-
top: 2px;
|
|
4239
|
-
left: 50%;
|
|
4240
|
-
transform: translate(-50%, 0);
|
|
4241
|
-
width: 50%;
|
|
4242
|
-
}
|
|
4243
|
-
.chipper .chipper-chip[data-position=bottom] {
|
|
4244
|
-
height: 4px;
|
|
4245
|
-
bottom: 2px;
|
|
4246
|
-
left: 50%;
|
|
4247
|
-
transform: translate(-50%, 0);
|
|
4248
|
-
width: 50%;
|
|
4249
|
-
}
|
|
4250
|
-
.chipper .chipper-chip .defaultChip,
|
|
4251
|
-
.chipper .chipper-chip [slot=chipperChip] {
|
|
4252
|
-
display: block;
|
|
4253
|
-
height: 100%;
|
|
4254
|
-
width: 100%;
|
|
4255
|
-
min-height: 3px;
|
|
4256
|
-
background-color: var(--chipper-chip-color);
|
|
4257
|
-
}
|
|
4258
|
-
|
|
4259
4201
|
/** cartouche.scss ----------------*/
|
|
4260
4202
|
:root {
|
|
4261
4203
|
--cartouche-radius: var(--sld-radius-small);
|
|
@@ -4372,6 +4314,64 @@ hr.vertical {
|
|
|
4372
4314
|
display: none;
|
|
4373
4315
|
}
|
|
4374
4316
|
|
|
4317
|
+
/** chipper.scss ----------------*/
|
|
4318
|
+
:root {
|
|
4319
|
+
--chipper-gap: var(--sld-gap-tiny);
|
|
4320
|
+
--chipper-radius: var(--sld-radius-large);
|
|
4321
|
+
--chipper-chip-color: var(--css-button-chip-color, var(--sld-color-primary));
|
|
4322
|
+
}
|
|
4323
|
+
|
|
4324
|
+
.chipper {
|
|
4325
|
+
position: relative;
|
|
4326
|
+
gap: var(--chipper-gap);
|
|
4327
|
+
}
|
|
4328
|
+
.chipper .chipper-content {
|
|
4329
|
+
padding: 0.5rem;
|
|
4330
|
+
}
|
|
4331
|
+
.chipper .chipper-chip {
|
|
4332
|
+
display: block;
|
|
4333
|
+
position: absolute;
|
|
4334
|
+
z-index: 2;
|
|
4335
|
+
border-radius: var(--chipper-radius);
|
|
4336
|
+
transition: all 0.25s;
|
|
4337
|
+
max-height: 100%;
|
|
4338
|
+
background-color: var(--chipper-chip-color);
|
|
4339
|
+
}
|
|
4340
|
+
.chipper .chipper-chip[data-position=left] {
|
|
4341
|
+
top: 2px;
|
|
4342
|
+
left: 2px;
|
|
4343
|
+
height: 100%;
|
|
4344
|
+
width: 3px;
|
|
4345
|
+
}
|
|
4346
|
+
.chipper .chipper-chip[data-position=right] {
|
|
4347
|
+
top: 2px;
|
|
4348
|
+
right: 2px;
|
|
4349
|
+
height: 130px;
|
|
4350
|
+
width: 3px;
|
|
4351
|
+
}
|
|
4352
|
+
.chipper .chipper-chip[data-position=top] {
|
|
4353
|
+
height: 4px;
|
|
4354
|
+
top: 2px;
|
|
4355
|
+
left: 50%;
|
|
4356
|
+
transform: translate(-50%, 0);
|
|
4357
|
+
width: 50%;
|
|
4358
|
+
}
|
|
4359
|
+
.chipper .chipper-chip[data-position=bottom] {
|
|
4360
|
+
height: 4px;
|
|
4361
|
+
bottom: 2px;
|
|
4362
|
+
left: 50%;
|
|
4363
|
+
transform: translate(-50%, 0);
|
|
4364
|
+
width: 50%;
|
|
4365
|
+
}
|
|
4366
|
+
.chipper .chipper-chip .defaultChip,
|
|
4367
|
+
.chipper .chipper-chip [slot=chipperChip] {
|
|
4368
|
+
display: block;
|
|
4369
|
+
height: 100%;
|
|
4370
|
+
width: 100%;
|
|
4371
|
+
min-height: 3px;
|
|
4372
|
+
background-color: var(--chipper-chip-color);
|
|
4373
|
+
}
|
|
4374
|
+
|
|
4375
4375
|
/** breadcrumb.scss ----------------*/
|
|
4376
4376
|
.breadCrumb ul {
|
|
4377
4377
|
display: flex;
|
|
@@ -3126,6 +3126,17 @@ label {
|
|
|
3126
3126
|
max-width: 100%;
|
|
3127
3127
|
}
|
|
3128
3128
|
|
|
3129
|
+
/** confirm.scss ----------------*/
|
|
3130
|
+
.confirm {
|
|
3131
|
+
display: flex;
|
|
3132
|
+
align-items: center;
|
|
3133
|
+
gap: 0.5rem;
|
|
3134
|
+
}
|
|
3135
|
+
.confirm-validate {
|
|
3136
|
+
display: flex;
|
|
3137
|
+
align-items: center;
|
|
3138
|
+
}
|
|
3139
|
+
|
|
3129
3140
|
/** checkbox.scss ----------------*/
|
|
3130
3141
|
:root {
|
|
3131
3142
|
--sld-checkbox-background: var(--sld-color-background-alpha-high);
|
|
@@ -3255,17 +3266,6 @@ label {
|
|
|
3255
3266
|
transform: scale(1.1);
|
|
3256
3267
|
}
|
|
3257
3268
|
|
|
3258
|
-
/** confirm.scss ----------------*/
|
|
3259
|
-
.confirm {
|
|
3260
|
-
display: flex;
|
|
3261
|
-
align-items: center;
|
|
3262
|
-
gap: 0.5rem;
|
|
3263
|
-
}
|
|
3264
|
-
.confirm-validate {
|
|
3265
|
-
display: flex;
|
|
3266
|
-
align-items: center;
|
|
3267
|
-
}
|
|
3268
|
-
|
|
3269
3269
|
/** button.scss ----------------*/
|
|
3270
3270
|
:root {
|
|
3271
3271
|
--sld-button-font-size: inherit;
|
|
@@ -4198,64 +4198,6 @@ hr.vertical {
|
|
|
4198
4198
|
flex: 1 1 auto;
|
|
4199
4199
|
}
|
|
4200
4200
|
|
|
4201
|
-
/** chipper.scss ----------------*/
|
|
4202
|
-
:root {
|
|
4203
|
-
--chipper-gap: var(--sld-gap-tiny);
|
|
4204
|
-
--chipper-radius: var(--sld-radius-large);
|
|
4205
|
-
--chipper-chip-color: var(--css-button-chip-color, var(--sld-color-primary));
|
|
4206
|
-
}
|
|
4207
|
-
|
|
4208
|
-
.chipper {
|
|
4209
|
-
position: relative;
|
|
4210
|
-
gap: var(--chipper-gap);
|
|
4211
|
-
}
|
|
4212
|
-
.chipper .chipper-content {
|
|
4213
|
-
padding: 0.5rem;
|
|
4214
|
-
}
|
|
4215
|
-
.chipper .chipper-chip {
|
|
4216
|
-
display: block;
|
|
4217
|
-
position: absolute;
|
|
4218
|
-
z-index: 2;
|
|
4219
|
-
border-radius: var(--chipper-radius);
|
|
4220
|
-
transition: all 0.25s;
|
|
4221
|
-
max-height: 100%;
|
|
4222
|
-
background-color: var(--chipper-chip-color);
|
|
4223
|
-
}
|
|
4224
|
-
.chipper .chipper-chip[data-position=left] {
|
|
4225
|
-
top: 2px;
|
|
4226
|
-
left: 2px;
|
|
4227
|
-
height: 100%;
|
|
4228
|
-
width: 3px;
|
|
4229
|
-
}
|
|
4230
|
-
.chipper .chipper-chip[data-position=right] {
|
|
4231
|
-
top: 2px;
|
|
4232
|
-
right: 2px;
|
|
4233
|
-
height: 130px;
|
|
4234
|
-
width: 3px;
|
|
4235
|
-
}
|
|
4236
|
-
.chipper .chipper-chip[data-position=top] {
|
|
4237
|
-
height: 4px;
|
|
4238
|
-
top: 2px;
|
|
4239
|
-
left: 50%;
|
|
4240
|
-
transform: translate(-50%, 0);
|
|
4241
|
-
width: 50%;
|
|
4242
|
-
}
|
|
4243
|
-
.chipper .chipper-chip[data-position=bottom] {
|
|
4244
|
-
height: 4px;
|
|
4245
|
-
bottom: 2px;
|
|
4246
|
-
left: 50%;
|
|
4247
|
-
transform: translate(-50%, 0);
|
|
4248
|
-
width: 50%;
|
|
4249
|
-
}
|
|
4250
|
-
.chipper .chipper-chip .defaultChip,
|
|
4251
|
-
.chipper .chipper-chip [slot=chipperChip] {
|
|
4252
|
-
display: block;
|
|
4253
|
-
height: 100%;
|
|
4254
|
-
width: 100%;
|
|
4255
|
-
min-height: 3px;
|
|
4256
|
-
background-color: var(--chipper-chip-color);
|
|
4257
|
-
}
|
|
4258
|
-
|
|
4259
4201
|
/** cartouche.scss ----------------*/
|
|
4260
4202
|
:root {
|
|
4261
4203
|
--cartouche-radius: var(--sld-radius-small);
|
|
@@ -4372,6 +4314,64 @@ hr.vertical {
|
|
|
4372
4314
|
display: none;
|
|
4373
4315
|
}
|
|
4374
4316
|
|
|
4317
|
+
/** chipper.scss ----------------*/
|
|
4318
|
+
:root {
|
|
4319
|
+
--chipper-gap: var(--sld-gap-tiny);
|
|
4320
|
+
--chipper-radius: var(--sld-radius-large);
|
|
4321
|
+
--chipper-chip-color: var(--css-button-chip-color, var(--sld-color-primary));
|
|
4322
|
+
}
|
|
4323
|
+
|
|
4324
|
+
.chipper {
|
|
4325
|
+
position: relative;
|
|
4326
|
+
gap: var(--chipper-gap);
|
|
4327
|
+
}
|
|
4328
|
+
.chipper .chipper-content {
|
|
4329
|
+
padding: 0.5rem;
|
|
4330
|
+
}
|
|
4331
|
+
.chipper .chipper-chip {
|
|
4332
|
+
display: block;
|
|
4333
|
+
position: absolute;
|
|
4334
|
+
z-index: 2;
|
|
4335
|
+
border-radius: var(--chipper-radius);
|
|
4336
|
+
transition: all 0.25s;
|
|
4337
|
+
max-height: 100%;
|
|
4338
|
+
background-color: var(--chipper-chip-color);
|
|
4339
|
+
}
|
|
4340
|
+
.chipper .chipper-chip[data-position=left] {
|
|
4341
|
+
top: 2px;
|
|
4342
|
+
left: 2px;
|
|
4343
|
+
height: 100%;
|
|
4344
|
+
width: 3px;
|
|
4345
|
+
}
|
|
4346
|
+
.chipper .chipper-chip[data-position=right] {
|
|
4347
|
+
top: 2px;
|
|
4348
|
+
right: 2px;
|
|
4349
|
+
height: 130px;
|
|
4350
|
+
width: 3px;
|
|
4351
|
+
}
|
|
4352
|
+
.chipper .chipper-chip[data-position=top] {
|
|
4353
|
+
height: 4px;
|
|
4354
|
+
top: 2px;
|
|
4355
|
+
left: 50%;
|
|
4356
|
+
transform: translate(-50%, 0);
|
|
4357
|
+
width: 50%;
|
|
4358
|
+
}
|
|
4359
|
+
.chipper .chipper-chip[data-position=bottom] {
|
|
4360
|
+
height: 4px;
|
|
4361
|
+
bottom: 2px;
|
|
4362
|
+
left: 50%;
|
|
4363
|
+
transform: translate(-50%, 0);
|
|
4364
|
+
width: 50%;
|
|
4365
|
+
}
|
|
4366
|
+
.chipper .chipper-chip .defaultChip,
|
|
4367
|
+
.chipper .chipper-chip [slot=chipperChip] {
|
|
4368
|
+
display: block;
|
|
4369
|
+
height: 100%;
|
|
4370
|
+
width: 100%;
|
|
4371
|
+
min-height: 3px;
|
|
4372
|
+
background-color: var(--chipper-chip-color);
|
|
4373
|
+
}
|
|
4374
|
+
|
|
4375
4375
|
/** breadcrumb.scss ----------------*/
|
|
4376
4376
|
.breadCrumb ul {
|
|
4377
4377
|
display: flex;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@medyll/idae-slotui-svelte",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.120.0",
|
|
4
4
|
"scope": "@medyll",
|
|
5
5
|
"description": "A Svelte 5 component library for building modular and reactive user interfaces.",
|
|
6
6
|
"scripts": {
|
|
@@ -89,8 +89,8 @@
|
|
|
89
89
|
"dependencies": {
|
|
90
90
|
"@iconify/svelte": "^4.2.0",
|
|
91
91
|
"@medyll/cssfabric": "^0.4.2",
|
|
92
|
-
"@medyll/idae-be": "^1.
|
|
93
|
-
"@medyll/idae-engine": "^1.
|
|
92
|
+
"@medyll/idae-be": "^1.28.0",
|
|
93
|
+
"@medyll/idae-engine": "^1.117.0",
|
|
94
94
|
"d3": "^7.9.0",
|
|
95
95
|
"lerna": "^8.2.1",
|
|
96
96
|
"npm-check-updates": "^17.1.16",
|