solid-ui 2.4.28-f42a6c93 → 2.4.28-fda13292
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/solid-ui.js +62 -62
- package/dist/solid-ui.js.map +1 -1
- package/dist/solid-ui.min.js +1 -1
- package/dist/solid-ui.min.js.map +1 -1
- package/lib/style.js +60 -60
- package/lib/style.js.map +1 -1
- package/lib/versionInfo.js +2 -2
- package/lib/versionInfo.js.map +1 -1
- package/package.json +1 -1
package/dist/solid-ui.js
CHANGED
|
@@ -10239,14 +10239,14 @@ var style = {
|
|
|
10239
10239
|
// styleModule
|
|
10240
10240
|
|
|
10241
10241
|
checkboxStyle: 'color: black; font-size: 100%; padding-left: 0.5 em; padding-right: 0.5 em;',
|
|
10242
|
-
checkboxInputStyle: 'font-size: 150%; height: 1.2em; width: 1.2em; background-color: #eef; border-radius:0.2em; margin: 0.1em',
|
|
10242
|
+
checkboxInputStyle: 'font-size: 150%; height: 1.2em; width: 1.2em; background-color: #eef; border-radius:0.2em; margin: 0.1em;',
|
|
10243
10243
|
fieldLabelStyle: 'color: #3B5998; text-decoration: none;',
|
|
10244
|
-
formSelectStyle: 'background-color: #eef; padding: 0.5em; border: .05em solid #88c;
|
|
10245
|
-
textInputStyle: 'background-color: #eef; padding: 0.5em; border: .05em solid #88c;
|
|
10244
|
+
formSelectStyle: 'background-color: #eef; padding: 0.5em; border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;',
|
|
10245
|
+
textInputStyle: 'background-color: #eef; padding: 0.5em; border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;',
|
|
10246
10246
|
textInputStyleUneditable:
|
|
10247
10247
|
// Color difference only
|
|
10248
|
-
'background-color: white; padding: 0.5em; border: .05em solid white;
|
|
10249
|
-
buttonStyle: 'background-color: #fff; padding: 0.7em; border: .01em solid white;
|
|
10248
|
+
'background-color: white; padding: 0.5em; border: .05em solid white; border-radius:0.2em; font-size: 100%; margin:0.4em;',
|
|
10249
|
+
buttonStyle: 'background-color: #fff; padding: 0.7em; border: .01em solid white; border-radius:0.2em; font-size: 100%; margin: 0.3em;',
|
|
10250
10250
|
// 'background-color: #eef;
|
|
10251
10251
|
commentStyle: 'padding: 0.7em; border: none; font-size: 100%; white-space: pre-wrap;',
|
|
10252
10252
|
iconStyle: 'width: 3em; height: 3em; margin: 0.1em; border-radius: 1em;',
|
|
@@ -10283,7 +10283,7 @@ var style = {
|
|
|
10283
10283
|
formGroupStyle: ["padding-left: 0em; border: 0.0em solid ".concat(_styleConstants["default"].formBorderColor, "; border-radius: 0.2em;"), // weight 0
|
|
10284
10284
|
"padding-left: 2em; border: 0.05em solid ".concat(_styleConstants["default"].formBorderColor, "; border-radius: 0.2em;"), "padding-left: 2em; border: 0.1em solid ".concat(_styleConstants["default"].formBorderColor, "; border-radius: 0.2em;"), "padding-left: 2em; border: 0.2em solid ".concat(_styleConstants["default"].formBorderColor, "; border-radius: 0.2em;") // @@ pink
|
|
10285
10285
|
],
|
|
10286
|
-
formFieldLabelStyle: "
|
|
10286
|
+
formFieldLabelStyle: "color: ".concat(_styleConstants["default"].lowProfileLinkColor, "; text-decoration: none;"),
|
|
10287
10287
|
formFieldNameBoxStyle: "padding: 0.3em; vertical-align: middle; width:".concat(_styleConstants["default"].formFieldNameBoxWidth, ";"),
|
|
10288
10288
|
multilineTextInputStyle: 'font-size:100%; white-space: pre-wrap; background-color: #eef;' + ' border: 0.07em solid gray; padding: 1em 0.5em; margin: 1em 1em;',
|
|
10289
10289
|
// Buttons
|
|
@@ -10291,62 +10291,62 @@ var style = {
|
|
|
10291
10291
|
imageDivStyle: 'width:2.5em; padding:0.5em; height: 2.5em;',
|
|
10292
10292
|
linkDivStyle: 'width:2em; padding:0.5em; height: 4em;',
|
|
10293
10293
|
// ACL
|
|
10294
|
-
aclControlBoxContainer: 'margin: 1em',
|
|
10295
|
-
aclControlBoxHeader: 'font-size: 120%; margin: 0 0 1rem',
|
|
10296
|
-
aclControlBoxStatus: 'display: none; margin: 1rem 0',
|
|
10297
|
-
aclControlBoxStatusRevealed: 'display: block',
|
|
10298
|
-
aclGroupContent: 'maxWidth: 650',
|
|
10299
|
-
accessGroupList: 'display: grid; grid-template-columns: 1fr; margin: 1em; width: 100
|
|
10300
|
-
accessGroupListItem: 'display: grid; grid-template-columns: 100px auto 30
|
|
10301
|
-
defaultsController: 'display: flex',
|
|
10302
|
-
defaultsControllerNotice: 'color: #888; flexGrow: 1; fontSize: 80
|
|
10303
|
-
bigButton: 'background-color: white; border: 0.1em solid #888; border-radius: 0.3em; max-width: 50%; padding-bottom: 1em; padding-top: 1em',
|
|
10304
|
-
group: 'color: #888',
|
|
10305
|
-
group1: 'color: green',
|
|
10306
|
-
group2: 'color: #cc0',
|
|
10307
|
-
group3: 'color: orange',
|
|
10308
|
-
group5: 'color: red',
|
|
10309
|
-
group9: 'color: blue',
|
|
10310
|
-
group13: 'color: purple',
|
|
10311
|
-
trustedAppAddApplicationsTable: 'background-color: #eee',
|
|
10312
|
-
trustedAppCancelButton: 'float: right',
|
|
10313
|
-
trustedAppControllerI: 'border-color: orange;
|
|
10314
|
-
temporaryStatusInit: 'background: green',
|
|
10315
|
-
temporaryStatusEnd: 'background: transparent; transition: background 5s linear',
|
|
10294
|
+
aclControlBoxContainer: 'margin: 1em;',
|
|
10295
|
+
aclControlBoxHeader: 'font-size: 120%; margin: 0 0 1rem;',
|
|
10296
|
+
aclControlBoxStatus: 'display: none; margin: 1rem 0;',
|
|
10297
|
+
aclControlBoxStatusRevealed: 'display: block;',
|
|
10298
|
+
aclGroupContent: 'maxWidth: 650;',
|
|
10299
|
+
accessGroupList: 'display: grid; grid-template-columns: 1fr; margin: 1em; width: 100%;',
|
|
10300
|
+
accessGroupListItem: 'display: grid; grid-template-columns: 100px auto 30%;',
|
|
10301
|
+
defaultsController: 'display: flex;',
|
|
10302
|
+
defaultsControllerNotice: 'color: #888; flexGrow: 1; fontSize: 80%;',
|
|
10303
|
+
bigButton: 'background-color: white; border: 0.1em solid #888; border-radius: 0.3em; max-width: 50%; padding-bottom: 1em; padding-top: 1em;',
|
|
10304
|
+
group: 'color: #888;',
|
|
10305
|
+
group1: 'color: green;',
|
|
10306
|
+
group2: 'color: #cc0;',
|
|
10307
|
+
group3: 'color: orange;',
|
|
10308
|
+
group5: 'color: red;',
|
|
10309
|
+
group9: 'color: blue;',
|
|
10310
|
+
group13: 'color: purple;',
|
|
10311
|
+
trustedAppAddApplicationsTable: 'background-color: #eee;',
|
|
10312
|
+
trustedAppCancelButton: 'float: right;',
|
|
10313
|
+
trustedAppControllerI: 'border-color: orange; border-radius: 1em; border-width: 0.1em;',
|
|
10314
|
+
temporaryStatusInit: 'background: green;',
|
|
10315
|
+
temporaryStatusEnd: 'background: transparent; transition: background 5s linear;',
|
|
10316
10316
|
// header
|
|
10317
|
-
headerUserMenuLink: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%; text-decoration: none',
|
|
10318
|
-
headerUserMenuLinkHover: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%; text-decoration: none; background-image: linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%)',
|
|
10319
|
-
headerUserMenuTrigger: 'background: none; border: 0; cursor: pointer; width: 60px; height: 60px',
|
|
10320
|
-
headerUserMenuTriggerImg: 'border-radius: 50%; height: 56px; width: 28px !important',
|
|
10321
|
-
headerUserMenuButton: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100
|
|
10322
|
-
headerUserMenuButtonHover: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%; background-image: linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%)',
|
|
10323
|
-
headerUserMenuList: 'list-style: none; margin: 0; padding: 0',
|
|
10324
|
-
headerUserMenuListDisplay: 'list-style: none; margin: 0; padding: 0; display:true',
|
|
10325
|
-
headerUserMenuNavigationMenu: 'background: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: true',
|
|
10326
|
-
headerUserMenuNavigationMenuNotDisplayed: 'background: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: none',
|
|
10327
|
-
headerUserMenuListItem: 'border-bottom: solid 1px #000000',
|
|
10328
|
-
headerUserMenuPhoto: 'border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; height: 50px; width: 50px',
|
|
10329
|
-
headerBanner: 'box-shadow: 0px 1px 4px #000000; display: flex; justify-content: space-between; padding: 0 1.5em; margin-bottom: 4px',
|
|
10330
|
-
headerBannerLink: 'display: block',
|
|
10331
|
-
headerBannerRightMenu: 'display: flex',
|
|
10332
|
-
headerBannerLogin: 'margin-left: auto',
|
|
10333
|
-
allChildrenVisible: 'display:true',
|
|
10334
|
-
headerBannerUserMenu: 'border-left: solid 1px #000000; margin-left: auto',
|
|
10335
|
-
headerBannerHelpMenu: 'border-left: solid 1px #000000; margin
|
|
10336
|
-
headerBannerIcon: 'background-size: 65px 60px !important; height: 60px !important; width: 65px !important',
|
|
10317
|
+
headerUserMenuLink: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%; text-decoration: none;',
|
|
10318
|
+
headerUserMenuLinkHover: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%; text-decoration: none; background-image: linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%);',
|
|
10319
|
+
headerUserMenuTrigger: 'background: none; border: 0; cursor: pointer; width: 60px; height: 60px;',
|
|
10320
|
+
headerUserMenuTriggerImg: 'border-radius: 50%; height: 56px; width: 28px !important;',
|
|
10321
|
+
headerUserMenuButton: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%;',
|
|
10322
|
+
headerUserMenuButtonHover: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%; background-image: linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%);',
|
|
10323
|
+
headerUserMenuList: 'list-style: none; margin: 0; padding: 0;',
|
|
10324
|
+
headerUserMenuListDisplay: 'list-style: none; margin: 0; padding: 0; display:true;',
|
|
10325
|
+
headerUserMenuNavigationMenu: 'background: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: true;',
|
|
10326
|
+
headerUserMenuNavigationMenuNotDisplayed: 'background: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: none;',
|
|
10327
|
+
headerUserMenuListItem: 'border-bottom: solid 1px #000000;',
|
|
10328
|
+
headerUserMenuPhoto: 'border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; height: 50px; width: 50px;',
|
|
10329
|
+
headerBanner: 'box-shadow: 0px 1px 4px #000000; display: flex; justify-content: space-between; padding: 0 1.5em; margin-bottom: 4px;',
|
|
10330
|
+
headerBannerLink: 'display: block;',
|
|
10331
|
+
headerBannerRightMenu: 'display: flex;',
|
|
10332
|
+
headerBannerLogin: 'margin-left: auto;',
|
|
10333
|
+
allChildrenVisible: 'display:true;',
|
|
10334
|
+
headerBannerUserMenu: 'border-left: solid 1px #000000; margin-left: auto;',
|
|
10335
|
+
headerBannerHelpMenu: 'border-left: solid 1px #000000; margin-left: auto;',
|
|
10336
|
+
headerBannerIcon: 'background-size: 65px 60px !important; height: 60px !important; width: 65px !important;',
|
|
10337
10337
|
// may just be 65px round($icon-size * 352 / 322);
|
|
10338
10338
|
|
|
10339
10339
|
// footer
|
|
10340
|
-
footer: 'border-top: solid 1px $divider-color; font-size: 0.9em; padding: 0.5em 1.5em',
|
|
10340
|
+
footer: 'border-top: solid 1px $divider-color; font-size: 0.9em; padding: 0.5em 1.5em;',
|
|
10341
10341
|
// buttons
|
|
10342
|
-
primaryButton: 'background-color: #7c4dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em;text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none',
|
|
10343
|
-
primaryButtonHover: 'background-color: #9f7dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em;text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out',
|
|
10344
|
-
primaryButtonNoBorder: 'background-color: #ffffff; color: #7c4dff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em;text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none',
|
|
10345
|
-
primaryButtonNoBorderHover: 'background-color: #7c4dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out',
|
|
10346
|
-
secondaryButton: 'background-color: #01c9ea; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em;text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none',
|
|
10347
|
-
secondaryButtonHover: 'background-color: #37cde6; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em;text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out',
|
|
10348
|
-
secondaryButtonNoBorder: 'background-color: #ffffff; color: #01c9ea; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none',
|
|
10349
|
-
secondaryButtonNoBorderHover: 'background-color: #01c9ea; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out',
|
|
10342
|
+
primaryButton: 'background-color: #7c4dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',
|
|
10343
|
+
primaryButtonHover: 'background-color: #9f7dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',
|
|
10344
|
+
primaryButtonNoBorder: 'background-color: #ffffff; color: #7c4dff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',
|
|
10345
|
+
primaryButtonNoBorderHover: 'background-color: #7c4dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',
|
|
10346
|
+
secondaryButton: 'background-color: #01c9ea; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',
|
|
10347
|
+
secondaryButtonHover: 'background-color: #37cde6; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',
|
|
10348
|
+
secondaryButtonNoBorder: 'background-color: #ffffff; color: #01c9ea; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',
|
|
10349
|
+
secondaryButtonNoBorderHover: 'background-color: #01c9ea; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',
|
|
10350
10350
|
// media
|
|
10351
10351
|
controlStyle: "border-radius: 0.5em; margin: 0.8em; width:".concat(_styleConstants["default"].mediaModuleCanvasWidth, "; height:").concat(_styleConstants["default"].mediaModuleCanvasHeight, ";"),
|
|
10352
10352
|
// dragAndDrop
|
|
@@ -10358,8 +10358,8 @@ var style = {
|
|
|
10358
10358
|
errorMessageBlockStyle: 'margin: 0.1em; padding: 0.5em; border: 0.05em solid gray; color:black;',
|
|
10359
10359
|
// pad
|
|
10360
10360
|
notepadStyle: 'padding: 1em; overflow: auto; resize: horizontal; min-width: 40em;',
|
|
10361
|
-
upstreamStatus: 'width:50
|
|
10362
|
-
downstreamStatus: 'width:50
|
|
10361
|
+
upstreamStatus: 'width: 50%;',
|
|
10362
|
+
downstreamStatus: 'width: 50%;',
|
|
10363
10363
|
baseStyle: 'font-size: 100%; font-family: monospace; width: 100%; border: none; white-space: pre-wrap;',
|
|
10364
10364
|
headingCore: 'font-family: sans-serif; font-weight: bold; border: none;',
|
|
10365
10365
|
headingStyle: ['font-size: 110%; padding-top: 0.5em; padding-bottom: 0.5em; width: 100%;', 'font-size: 120%; padding-top: 1em; padding-bottom: 1em; width: 100%;', 'font-size: 150%; padding-top: 1em; padding-bottom: 1em; width: 100%;'],
|
|
@@ -10372,7 +10372,7 @@ var style = {
|
|
|
10372
10372
|
tabsRootElement: 'display: flex; height: 100%; width: 100%;',
|
|
10373
10373
|
tabsMainElement: 'margin: 0; width:100%; height: 100%;',
|
|
10374
10374
|
tabContainer: 'list-style-type: none; display: flex; height: 100%; width: 100%; margin: 0; padding: 0;',
|
|
10375
|
-
makeNewSlot: 'background: none; border: none; font: inherit; cursor: pointer',
|
|
10375
|
+
makeNewSlot: 'background: none; border: none; font: inherit; cursor: pointer;',
|
|
10376
10376
|
ellipsis: 'position: absolute; right: 0; bottom: 0; width: 20%; background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit;'
|
|
10377
10377
|
};
|
|
10378
10378
|
exports.style = style;
|
|
@@ -13706,8 +13706,8 @@ Object.defineProperty(exports, "__esModule", ({
|
|
|
13706
13706
|
}));
|
|
13707
13707
|
exports.versionInfo = void 0;
|
|
13708
13708
|
var versionInfo = {
|
|
13709
|
-
buildTime: '2023-07-01T19:
|
|
13710
|
-
commit: '
|
|
13709
|
+
buildTime: '2023-07-01T19:50:23Z',
|
|
13710
|
+
commit: 'fda132924c952ae0cfbfa7797d063c3f48c5575a',
|
|
13711
13711
|
npmInfo: {
|
|
13712
13712
|
'solid-ui': '2.4.28',
|
|
13713
13713
|
npm: '8.19.4',
|