@breadstone/mosaik-elements-svelte 0.1.7 → 0.1.8
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/CHANGELOG.md +6 -0
- package/index.mjs +99 -16
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
package/index.mjs
CHANGED
|
@@ -134857,7 +134857,14 @@ function UX() {
|
|
|
134857
134857
|
:host {
|
|
134858
134858
|
--flow-board-column-background-color: var(--cosmopolitan-scheme-surface);
|
|
134859
134859
|
--flow-board-column-body-padding: 8px;
|
|
134860
|
+
--flow-board-column-body-padding-bottom: unset;
|
|
134861
|
+
--flow-board-column-body-padding-left: unset;
|
|
134862
|
+
--flow-board-column-body-padding-right: unset;
|
|
134863
|
+
--flow-board-column-body-padding-top: unset;
|
|
134864
|
+
--flow-board-column-border-color: unset;
|
|
134860
134865
|
--flow-board-column-border-radius: var(--cosmopolitan-layout-radius);
|
|
134866
|
+
--flow-board-column-border-style: solid;
|
|
134867
|
+
--flow-board-column-border-width: unset;
|
|
134861
134868
|
--flow-board-column-font-family: unset;
|
|
134862
134869
|
--flow-board-column-font-letter-spacing: unset;
|
|
134863
134870
|
--flow-board-column-font-line-height: unset;
|
|
@@ -134866,9 +134873,17 @@ function UX() {
|
|
|
134866
134873
|
--flow-board-column-font-text-transform: unset;
|
|
134867
134874
|
--flow-board-column-font-weight: unset;
|
|
134868
134875
|
--flow-board-column-footer-padding: 8px 12px;
|
|
134876
|
+
--flow-board-column-footer-padding-bottom: unset;
|
|
134877
|
+
--flow-board-column-footer-padding-left: unset;
|
|
134878
|
+
--flow-board-column-footer-padding-right: unset;
|
|
134879
|
+
--flow-board-column-footer-padding-top: unset;
|
|
134869
134880
|
--flow-board-column-gap: var(--cosmopolitan-layout-gap);
|
|
134870
134881
|
--flow-board-column-header-background-color: transparent;
|
|
134871
134882
|
--flow-board-column-header-padding: 8px 12px;
|
|
134883
|
+
--flow-board-column-header-padding-bottom: unset;
|
|
134884
|
+
--flow-board-column-header-padding-left: unset;
|
|
134885
|
+
--flow-board-column-header-padding-right: unset;
|
|
134886
|
+
--flow-board-column-header-padding-top: unset;
|
|
134872
134887
|
--flow-board-column-max-width: 320px;
|
|
134873
134888
|
--flow-board-column-min-width: 280px;
|
|
134874
134889
|
--flow-board-column-padding: var(--cosmopolitan-layout-padding);
|
|
@@ -134920,13 +134935,19 @@ function UX() {
|
|
|
134920
134935
|
width: var(--flow-board-column-min-width);
|
|
134921
134936
|
background: var(--flow-board-column-background-color);
|
|
134922
134937
|
border-radius: var(--flow-board-column-border-radius);
|
|
134938
|
+
border-color: var(--flow-board-column-border-color);
|
|
134939
|
+
border-width: var(--flow-board-column-border-width);
|
|
134940
|
+
border-style: var(--flow-board-column-border-style);
|
|
134923
134941
|
flex-direction: column;
|
|
134924
134942
|
flex-shrink: 0;
|
|
134925
134943
|
display: flex;
|
|
134926
134944
|
}
|
|
134927
134945
|
|
|
134928
134946
|
:host [part~="header"] {
|
|
134929
|
-
padding: var(--flow-board-column-header-padding);
|
|
134947
|
+
padding-top: var(--flow-board-column-header-padding-top);
|
|
134948
|
+
padding-right: var(--flow-board-column-header-padding-right);
|
|
134949
|
+
padding-bottom: var(--flow-board-column-header-padding-bottom);
|
|
134950
|
+
padding-left: var(--flow-board-column-header-padding-left);
|
|
134930
134951
|
background: var(--flow-board-column-header-background-color);
|
|
134931
134952
|
flex-direction: row;
|
|
134932
134953
|
flex-shrink: 0;
|
|
@@ -134966,7 +134987,10 @@ function UX() {
|
|
|
134966
134987
|
|
|
134967
134988
|
:host [part~="body"] {
|
|
134968
134989
|
gap: var(--flow-board-column-gap);
|
|
134969
|
-
padding: var(--flow-board-column-body-padding);
|
|
134990
|
+
padding-top: var(--flow-board-column-body-padding-top);
|
|
134991
|
+
padding-right: var(--flow-board-column-body-padding-right);
|
|
134992
|
+
padding-bottom: var(--flow-board-column-body-padding-bottom);
|
|
134993
|
+
padding-left: var(--flow-board-column-body-padding-left);
|
|
134970
134994
|
flex-direction: column;
|
|
134971
134995
|
flex: 1;
|
|
134972
134996
|
min-height: 0;
|
|
@@ -134984,7 +135008,10 @@ function UX() {
|
|
|
134984
135008
|
}
|
|
134985
135009
|
|
|
134986
135010
|
:host [part~="footer"] {
|
|
134987
|
-
padding: var(--flow-board-column-footer-padding);
|
|
135011
|
+
padding-top: var(--flow-board-column-footer-padding-top);
|
|
135012
|
+
padding-right: var(--flow-board-column-footer-padding-right);
|
|
135013
|
+
padding-bottom: var(--flow-board-column-footer-padding-bottom);
|
|
135014
|
+
padding-left: var(--flow-board-column-footer-padding-left);
|
|
134988
135015
|
flex-direction: row;
|
|
134989
135016
|
flex-shrink: 0;
|
|
134990
135017
|
align-items: center;
|
|
@@ -135020,8 +135047,14 @@ function WX() {
|
|
|
135020
135047
|
return B`
|
|
135021
135048
|
:host {
|
|
135022
135049
|
--flow-board-column-background-color: var(--joy-scheme-surface);
|
|
135023
|
-
--flow-board-column-body-padding: var(--joy-layout-space);
|
|
135050
|
+
--flow-board-column-body-padding-bottom: var(--joy-layout-space);
|
|
135051
|
+
--flow-board-column-body-padding-left: calc(var(--joy-layout-space) * 1.5);
|
|
135052
|
+
--flow-board-column-body-padding-right: calc(var(--joy-layout-space) * 1.5);
|
|
135053
|
+
--flow-board-column-body-padding-top: var(--joy-layout-space);
|
|
135054
|
+
--flow-board-column-border-color: var(--joy-scheme-highlight);
|
|
135024
135055
|
--flow-board-column-border-radius: var(--joy-layout-radius);
|
|
135056
|
+
--flow-board-column-border-style: solid;
|
|
135057
|
+
--flow-board-column-border-width: 0px;
|
|
135025
135058
|
--flow-board-column-font-family: unset;
|
|
135026
135059
|
--flow-board-column-font-letter-spacing: unset;
|
|
135027
135060
|
--flow-board-column-font-line-height: unset;
|
|
@@ -135029,13 +135062,18 @@ function WX() {
|
|
|
135029
135062
|
--flow-board-column-font-text-decoration: unset;
|
|
135030
135063
|
--flow-board-column-font-text-transform: unset;
|
|
135031
135064
|
--flow-board-column-font-weight: unset;
|
|
135032
|
-
--flow-board-column-footer-padding: var(--joy-layout-space)
|
|
135065
|
+
--flow-board-column-footer-padding-bottom: var(--joy-layout-space);
|
|
135066
|
+
--flow-board-column-footer-padding-left: calc(var(--joy-layout-space) * 1.5);
|
|
135067
|
+
--flow-board-column-footer-padding-right: calc(var(--joy-layout-space) * 1.5);
|
|
135068
|
+
--flow-board-column-footer-padding-top: var(--joy-layout-space);
|
|
135033
135069
|
--flow-board-column-gap: var(--joy-layout-space);
|
|
135034
135070
|
--flow-board-column-header-background-color: var(--joy-scheme-transparent);
|
|
135035
|
-
--flow-board-column-header-padding: var(--joy-layout-space)
|
|
135071
|
+
--flow-board-column-header-padding-bottom: var(--joy-layout-space);
|
|
135072
|
+
--flow-board-column-header-padding-left: calc(var(--joy-layout-space) * 1.5);
|
|
135073
|
+
--flow-board-column-header-padding-right: calc(var(--joy-layout-space) * 1.5);
|
|
135074
|
+
--flow-board-column-header-padding-top: var(--joy-layout-space);
|
|
135036
135075
|
--flow-board-column-max-width: 320px;
|
|
135037
135076
|
--flow-board-column-min-width: 280px;
|
|
135038
|
-
--flow-board-column-padding: 0px;
|
|
135039
135077
|
--flow-board-column-padding-bottom: unset;
|
|
135040
135078
|
--flow-board-column-padding-left: unset;
|
|
135041
135079
|
--flow-board-column-padding-right: unset;
|
|
@@ -135084,13 +135122,19 @@ function WX() {
|
|
|
135084
135122
|
width: var(--flow-board-column-min-width);
|
|
135085
135123
|
background: var(--flow-board-column-background-color);
|
|
135086
135124
|
border-radius: var(--flow-board-column-border-radius);
|
|
135125
|
+
border-color: var(--flow-board-column-border-color);
|
|
135126
|
+
border-width: var(--flow-board-column-border-width);
|
|
135127
|
+
border-style: var(--flow-board-column-border-style);
|
|
135087
135128
|
flex-direction: column;
|
|
135088
135129
|
flex-shrink: 0;
|
|
135089
135130
|
display: flex;
|
|
135090
135131
|
}
|
|
135091
135132
|
|
|
135092
135133
|
:host [part~="header"] {
|
|
135093
|
-
padding: var(--flow-board-column-header-padding);
|
|
135134
|
+
padding-top: var(--flow-board-column-header-padding-top);
|
|
135135
|
+
padding-right: var(--flow-board-column-header-padding-right);
|
|
135136
|
+
padding-bottom: var(--flow-board-column-header-padding-bottom);
|
|
135137
|
+
padding-left: var(--flow-board-column-header-padding-left);
|
|
135094
135138
|
background: var(--flow-board-column-header-background-color);
|
|
135095
135139
|
flex-direction: row;
|
|
135096
135140
|
flex-shrink: 0;
|
|
@@ -135130,7 +135174,10 @@ function WX() {
|
|
|
135130
135174
|
|
|
135131
135175
|
:host [part~="body"] {
|
|
135132
135176
|
gap: var(--flow-board-column-gap);
|
|
135133
|
-
padding: var(--flow-board-column-body-padding);
|
|
135177
|
+
padding-top: var(--flow-board-column-body-padding-top);
|
|
135178
|
+
padding-right: var(--flow-board-column-body-padding-right);
|
|
135179
|
+
padding-bottom: var(--flow-board-column-body-padding-bottom);
|
|
135180
|
+
padding-left: var(--flow-board-column-body-padding-left);
|
|
135134
135181
|
flex-direction: column;
|
|
135135
135182
|
flex: 1;
|
|
135136
135183
|
min-height: 0;
|
|
@@ -135148,7 +135195,10 @@ function WX() {
|
|
|
135148
135195
|
}
|
|
135149
135196
|
|
|
135150
135197
|
:host [part~="footer"] {
|
|
135151
|
-
padding: var(--flow-board-column-footer-padding);
|
|
135198
|
+
padding-top: var(--flow-board-column-footer-padding-top);
|
|
135199
|
+
padding-right: var(--flow-board-column-footer-padding-right);
|
|
135200
|
+
padding-bottom: var(--flow-board-column-footer-padding-bottom);
|
|
135201
|
+
padding-left: var(--flow-board-column-footer-padding-left);
|
|
135152
135202
|
flex-direction: row;
|
|
135153
135203
|
flex-shrink: 0;
|
|
135154
135204
|
align-items: center;
|
|
@@ -135179,23 +135229,23 @@ function WX() {
|
|
|
135179
135229
|
:host([appearance="outline"]) {
|
|
135180
135230
|
--flow-board-column-shadow: none;
|
|
135181
135231
|
--flow-board-column-border-width: var(--joy-layout-thickness);
|
|
135182
|
-
--flow-board-column-background-color: var(--joy-scheme-highlight);
|
|
135183
135232
|
}
|
|
135184
135233
|
|
|
135185
135234
|
:host([appearance="plain"]) {
|
|
135186
135235
|
--flow-board-column-shadow: none;
|
|
135187
135236
|
--flow-board-column-border-width: 0px;
|
|
135237
|
+
--flow-board-column-background-color: var(--joy-scheme-transparent);
|
|
135188
135238
|
}
|
|
135189
135239
|
|
|
135190
135240
|
:host([appearance="soft"]) {
|
|
135191
135241
|
--flow-board-column-shadow: none;
|
|
135192
135242
|
--flow-board-column-border-width: 0px;
|
|
135193
|
-
--flow-board-column-background-color: var(--joy-scheme-highlight);
|
|
135194
135243
|
}
|
|
135195
135244
|
|
|
135196
135245
|
:host([appearance="solid"]) {
|
|
135197
135246
|
--flow-board-column-shadow: none;
|
|
135198
135247
|
--flow-board-column-border-width: 0px;
|
|
135248
|
+
--flow-board-column-background-color: var(--joy-scheme-highlight);
|
|
135199
135249
|
}
|
|
135200
135250
|
|
|
135201
135251
|
`;
|
|
@@ -135207,7 +135257,14 @@ function GX() {
|
|
|
135207
135257
|
:host {
|
|
135208
135258
|
--flow-board-column-background-color: var(--memphis-scheme-surface);
|
|
135209
135259
|
--flow-board-column-body-padding: 8px;
|
|
135260
|
+
--flow-board-column-body-padding-bottom: unset;
|
|
135261
|
+
--flow-board-column-body-padding-left: unset;
|
|
135262
|
+
--flow-board-column-body-padding-right: unset;
|
|
135263
|
+
--flow-board-column-body-padding-top: unset;
|
|
135264
|
+
--flow-board-column-border-color: unset;
|
|
135210
135265
|
--flow-board-column-border-radius: var(--memphis-layout-radius);
|
|
135266
|
+
--flow-board-column-border-style: solid;
|
|
135267
|
+
--flow-board-column-border-width: unset;
|
|
135211
135268
|
--flow-board-column-font-family: unset;
|
|
135212
135269
|
--flow-board-column-font-letter-spacing: unset;
|
|
135213
135270
|
--flow-board-column-font-line-height: unset;
|
|
@@ -135216,9 +135273,17 @@ function GX() {
|
|
|
135216
135273
|
--flow-board-column-font-text-transform: unset;
|
|
135217
135274
|
--flow-board-column-font-weight: unset;
|
|
135218
135275
|
--flow-board-column-footer-padding: 8px 12px;
|
|
135276
|
+
--flow-board-column-footer-padding-bottom: unset;
|
|
135277
|
+
--flow-board-column-footer-padding-left: unset;
|
|
135278
|
+
--flow-board-column-footer-padding-right: unset;
|
|
135279
|
+
--flow-board-column-footer-padding-top: unset;
|
|
135219
135280
|
--flow-board-column-gap: var(--memphis-layout-gap);
|
|
135220
135281
|
--flow-board-column-header-background-color: transparent;
|
|
135221
135282
|
--flow-board-column-header-padding: 8px 12px;
|
|
135283
|
+
--flow-board-column-header-padding-bottom: unset;
|
|
135284
|
+
--flow-board-column-header-padding-left: unset;
|
|
135285
|
+
--flow-board-column-header-padding-right: unset;
|
|
135286
|
+
--flow-board-column-header-padding-top: unset;
|
|
135222
135287
|
--flow-board-column-max-width: 320px;
|
|
135223
135288
|
--flow-board-column-min-width: 280px;
|
|
135224
135289
|
--flow-board-column-padding: var(--memphis-layout-padding);
|
|
@@ -135270,13 +135335,19 @@ function GX() {
|
|
|
135270
135335
|
width: var(--flow-board-column-min-width);
|
|
135271
135336
|
background: var(--flow-board-column-background-color);
|
|
135272
135337
|
border-radius: var(--flow-board-column-border-radius);
|
|
135338
|
+
border-color: var(--flow-board-column-border-color);
|
|
135339
|
+
border-width: var(--flow-board-column-border-width);
|
|
135340
|
+
border-style: var(--flow-board-column-border-style);
|
|
135273
135341
|
flex-direction: column;
|
|
135274
135342
|
flex-shrink: 0;
|
|
135275
135343
|
display: flex;
|
|
135276
135344
|
}
|
|
135277
135345
|
|
|
135278
135346
|
:host [part~="header"] {
|
|
135279
|
-
padding: var(--flow-board-column-header-padding);
|
|
135347
|
+
padding-top: var(--flow-board-column-header-padding-top);
|
|
135348
|
+
padding-right: var(--flow-board-column-header-padding-right);
|
|
135349
|
+
padding-bottom: var(--flow-board-column-header-padding-bottom);
|
|
135350
|
+
padding-left: var(--flow-board-column-header-padding-left);
|
|
135280
135351
|
background: var(--flow-board-column-header-background-color);
|
|
135281
135352
|
flex-direction: row;
|
|
135282
135353
|
flex-shrink: 0;
|
|
@@ -135316,7 +135387,10 @@ function GX() {
|
|
|
135316
135387
|
|
|
135317
135388
|
:host [part~="body"] {
|
|
135318
135389
|
gap: var(--flow-board-column-gap);
|
|
135319
|
-
padding: var(--flow-board-column-body-padding);
|
|
135390
|
+
padding-top: var(--flow-board-column-body-padding-top);
|
|
135391
|
+
padding-right: var(--flow-board-column-body-padding-right);
|
|
135392
|
+
padding-bottom: var(--flow-board-column-body-padding-bottom);
|
|
135393
|
+
padding-left: var(--flow-board-column-body-padding-left);
|
|
135320
135394
|
flex-direction: column;
|
|
135321
135395
|
flex: 1;
|
|
135322
135396
|
min-height: 0;
|
|
@@ -135334,7 +135408,10 @@ function GX() {
|
|
|
135334
135408
|
}
|
|
135335
135409
|
|
|
135336
135410
|
:host [part~="footer"] {
|
|
135337
|
-
padding: var(--flow-board-column-footer-padding);
|
|
135411
|
+
padding-top: var(--flow-board-column-footer-padding-top);
|
|
135412
|
+
padding-right: var(--flow-board-column-footer-padding-right);
|
|
135413
|
+
padding-bottom: var(--flow-board-column-footer-padding-bottom);
|
|
135414
|
+
padding-left: var(--flow-board-column-footer-padding-left);
|
|
135338
135415
|
flex-direction: row;
|
|
135339
135416
|
flex-shrink: 0;
|
|
135340
135417
|
align-items: center;
|
|
@@ -184356,10 +184433,16 @@ function Kye() {
|
|
|
184356
184433
|
--clickable-padding-top: var(--joy-layout-space);
|
|
184357
184434
|
--clickable-ripple-color: unset;
|
|
184358
184435
|
--clickable-ripple-duration: .2s;
|
|
184436
|
+
--clickable-shadow: unset unset unset unset unset;
|
|
184437
|
+
--clickable-shadow-blur: unset;
|
|
184438
|
+
--clickable-shadow-color: unset;
|
|
184439
|
+
--clickable-shadow-offset-x: unset;
|
|
184440
|
+
--clickable-shadow-offset-y: unset;
|
|
184441
|
+
--clickable-shadow-spread: unset;
|
|
184359
184442
|
--clickable-transition-duration: var(--joy-duration-short);
|
|
184360
184443
|
--clickable-transition-mode: ease;
|
|
184361
184444
|
--clickable-transition-property: border-color, background-color;
|
|
184362
|
-
--clickable-translate:
|
|
184445
|
+
--clickable-translate: none;
|
|
184363
184446
|
}
|
|
184364
184447
|
|
|
184365
184448
|
@media screen and (prefers-reduced-motion: reduce) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@breadstone/mosaik-elements-svelte",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.8",
|
|
4
4
|
"description": "Mosaik elements for Svelte.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
|
|
@@ -11,8 +11,8 @@
|
|
|
11
11
|
"url": "git+ssh://git@github.com/RueDeRennes/mosaik.git"
|
|
12
12
|
},
|
|
13
13
|
"dependencies": {
|
|
14
|
-
"@breadstone/mosaik-elements": "0.1.
|
|
15
|
-
"@breadstone/mosaik-elements-foundation": "0.1.
|
|
14
|
+
"@breadstone/mosaik-elements": "0.1.8",
|
|
15
|
+
"@breadstone/mosaik-elements-foundation": "0.1.8",
|
|
16
16
|
"tslib": "2.8.1"
|
|
17
17
|
},
|
|
18
18
|
"peerDependencies": {
|