@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.119.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.27.0",
93
- "@medyll/idae-engine": "^1.116.0",
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",