@xplortech/apollo-core 1.0.0-beta.7 → 1.0.0-beta.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.
Files changed (137) hide show
  1. package/build/style.css +4 -55
  2. package/dist/apollo-core/apollo-core.css +5 -5
  3. package/dist/apollo-core/apollo-core.esm.js +1 -1
  4. package/dist/apollo-core/p-10f00380.entry.js +1 -0
  5. package/dist/apollo-core/p-26ec64fe.entry.js +1 -0
  6. package/dist/apollo-core/p-2f90296c.js +2 -2
  7. package/dist/apollo-core/p-31acfdb4.entry.js +1 -0
  8. package/dist/apollo-core/p-4184ac44.entry.js +1 -0
  9. package/dist/apollo-core/{p-dad11011.entry.js → p-4fa14839.entry.js} +1 -1
  10. package/dist/apollo-core/p-55b87345.js +2 -0
  11. package/dist/apollo-core/p-63a6c98a.entry.js +1 -0
  12. package/dist/apollo-core/p-68c33b77.entry.js +1 -0
  13. package/dist/apollo-core/{p-a7cc4114.entry.js → p-78d07caf.entry.js} +1 -1
  14. package/dist/apollo-core/p-796957d3.entry.js +1 -0
  15. package/dist/apollo-core/p-88160d68.entry.js +1 -0
  16. package/dist/apollo-core/p-9ec318bb.entry.js +1 -0
  17. package/dist/apollo-core/p-a2a34e44.entry.js +1 -0
  18. package/dist/apollo-core/p-beea2502.entry.js +1 -0
  19. package/dist/apollo-core/p-d499e43f.entry.js +1 -0
  20. package/dist/apollo-core/{p-c8af4ed6.entry.js → p-d8a3d94c.entry.js} +1 -1
  21. package/dist/apollo-core/p-e047b446.entry.js +1 -0
  22. package/dist/cjs/apollo-core.cjs.js +6 -2
  23. package/dist/cjs/{index-acf3dd7a.js → index-2ab4832e.js} +592 -215
  24. package/dist/cjs/loader.cjs.js +3 -2
  25. package/dist/cjs/xpl-application-shell.cjs.entry.js +2 -13
  26. package/dist/cjs/xpl-avatar_12.cjs.entry.js +72 -38
  27. package/dist/cjs/xpl-backdrop.cjs.entry.js +1 -5
  28. package/dist/cjs/xpl-button-row.cjs.entry.js +4 -1
  29. package/dist/cjs/xpl-choicelist.cjs.entry.js +8 -1
  30. package/dist/cjs/xpl-divider.cjs.entry.js +2 -1
  31. package/dist/cjs/xpl-dropdown-group_3.cjs.entry.js +7 -1
  32. package/dist/cjs/xpl-dropdown_2.cjs.entry.js +8 -9
  33. package/dist/cjs/xpl-grid-item.cjs.entry.js +1 -1
  34. package/dist/cjs/xpl-grid.cjs.entry.js +1 -1
  35. package/dist/cjs/xpl-input.cjs.entry.js +615 -501
  36. package/dist/cjs/xpl-list.cjs.entry.js +1 -23
  37. package/dist/cjs/xpl-main-nav.cjs.entry.js +1 -4
  38. package/dist/cjs/xpl-pagination.cjs.entry.js +5 -2
  39. package/dist/cjs/xpl-select.cjs.entry.js +7 -22
  40. package/dist/cjs/xpl-toggle.cjs.entry.js +7 -4
  41. package/dist/collection/collection-manifest.json +2 -2
  42. package/dist/collection/components/xpl-application-shell/xpl-application-shell.js +118 -132
  43. package/dist/collection/components/xpl-avatar/xpl-avatar.js +150 -144
  44. package/dist/collection/components/xpl-backdrop/xpl-backdrop.js +26 -28
  45. package/dist/collection/components/xpl-badge/xpl-badge.js +43 -39
  46. package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.js +2 -5
  47. package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.js +2 -5
  48. package/dist/collection/components/xpl-button/xpl-button.js +204 -205
  49. package/dist/collection/components/xpl-button-row/xpl-button-row.js +105 -104
  50. package/dist/collection/components/xpl-checkbox/xpl-checkbox.js +181 -171
  51. package/dist/collection/components/xpl-choicelist/xpl-choicelist.js +133 -126
  52. package/dist/collection/components/xpl-content-area/xpl-content-area.js +27 -31
  53. package/dist/collection/components/xpl-divider/xpl-divider.js +26 -23
  54. package/dist/collection/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.js +46 -42
  55. package/dist/collection/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.js +26 -22
  56. package/dist/collection/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js +60 -54
  57. package/dist/collection/components/xpl-dropdown/xpl-dropdown.js +170 -167
  58. package/dist/collection/components/xpl-grid/xpl-grid.js +1 -1
  59. package/dist/collection/components/xpl-grid-item/xpl-grid-item.js +75 -74
  60. package/dist/collection/components/xpl-input/xpl-input.js +404 -417
  61. package/dist/collection/components/xpl-list/xpl-list.js +42 -75
  62. package/dist/collection/components/xpl-main-nav/xpl-main-nav.js +47 -54
  63. package/dist/collection/components/xpl-nav-item/xpl-nav-item.js +47 -49
  64. package/dist/collection/components/xpl-pagination/xpl-pagination.js +116 -128
  65. package/dist/collection/components/xpl-radio/xpl-radio.js +157 -148
  66. package/dist/collection/components/xpl-secondary-nav/xpl-secondary-nav.js +2 -4
  67. package/dist/collection/components/xpl-select/xpl-select.js +212 -238
  68. package/dist/collection/components/xpl-table/xpl-table.js +168 -151
  69. package/dist/collection/components/xpl-tag/xpl-tag.js +24 -25
  70. package/dist/collection/components/xpl-toggle/xpl-toggle.js +137 -135
  71. package/dist/collection/components/xpl-utility-bar/xpl-utility-bar.js +73 -70
  72. package/dist/custom-elements/index.js +756 -641
  73. package/dist/esm/apollo-core.js +3 -2
  74. package/dist/esm/{index-e3c4bb97.js → index-392b5b96.js} +592 -216
  75. package/dist/esm/loader.js +3 -2
  76. package/dist/esm/polyfills/css-shim.js +1 -1
  77. package/dist/esm/xpl-application-shell.entry.js +2 -13
  78. package/dist/esm/xpl-avatar_12.entry.js +72 -38
  79. package/dist/esm/xpl-backdrop.entry.js +1 -5
  80. package/dist/esm/xpl-button-row.entry.js +4 -1
  81. package/dist/esm/xpl-choicelist.entry.js +8 -1
  82. package/dist/esm/xpl-divider.entry.js +2 -1
  83. package/dist/esm/xpl-dropdown-group_3.entry.js +7 -1
  84. package/dist/esm/xpl-dropdown_2.entry.js +8 -9
  85. package/dist/esm/xpl-grid-item.entry.js +1 -1
  86. package/dist/esm/xpl-grid.entry.js +1 -1
  87. package/dist/esm/xpl-input.entry.js +615 -501
  88. package/dist/esm/xpl-list.entry.js +1 -23
  89. package/dist/esm/xpl-main-nav.entry.js +1 -4
  90. package/dist/esm/xpl-pagination.entry.js +5 -2
  91. package/dist/esm/xpl-select.entry.js +7 -22
  92. package/dist/esm/xpl-toggle.entry.js +7 -4
  93. package/dist/types/components/xpl-dropdown/dropdownoption.d.ts +1 -1
  94. package/dist/types/components/xpl-table/xpl-table.d.ts +2 -0
  95. package/dist/types/components.d.ts +47 -11
  96. package/dist/types/stencil-public-runtime.d.ts +85 -11
  97. package/loader/index.d.ts +9 -1
  98. package/loader/package.json +1 -0
  99. package/package.json +1 -1
  100. package/dist/apollo-core/p-25f84d39.entry.js +0 -1
  101. package/dist/apollo-core/p-2ce2fe5c.entry.js +0 -1
  102. package/dist/apollo-core/p-3ff1ff38.entry.js +0 -1
  103. package/dist/apollo-core/p-63dd9a65.entry.js +0 -1
  104. package/dist/apollo-core/p-6c3c1e3d.entry.js +0 -1
  105. package/dist/apollo-core/p-81a6ce4c.entry.js +0 -1
  106. package/dist/apollo-core/p-918b0731.entry.js +0 -1
  107. package/dist/apollo-core/p-a43e2d1f.entry.js +0 -1
  108. package/dist/apollo-core/p-b6d1b135.entry.js +0 -1
  109. package/dist/apollo-core/p-bc0ebed2.entry.js +0 -1
  110. package/dist/apollo-core/p-d4aa2fa9.js +0 -1
  111. package/dist/apollo-core/p-d4e5d3aa.entry.js +0 -1
  112. package/dist/apollo-core/p-db74c99c.entry.js +0 -1
  113. package/dist/apollo-core/p-ee16942f.entry.js +0 -1
  114. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/application-shell.stories.d.ts +0 -0
  115. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/avatar.stories.d.ts +0 -0
  116. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/backdrop.stories.d.ts +0 -0
  117. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/badge.stories.d.ts +0 -0
  118. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/breadcrumbs.stories.d.ts +0 -0
  119. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/button-row.stories.d.ts +0 -0
  120. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/button.stories.d.ts +0 -0
  121. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/checkbox.stories.d.ts +0 -0
  122. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/choicelist.stories.d.ts +0 -0
  123. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/content-area.stories.d.ts +0 -0
  124. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/divider.stories.d.ts +0 -0
  125. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/dropdown.stories.d.ts +0 -0
  126. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/grid.stories.d.ts +0 -0
  127. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/input.stories.d.ts +0 -0
  128. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/list.stories.d.ts +0 -0
  129. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/main-nav.stories.d.ts +0 -0
  130. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/pagination.stories.d.ts +0 -0
  131. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/radio.stories.d.ts +0 -0
  132. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/secondary-nav.stories.d.ts +0 -0
  133. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/select.stories.d.ts +0 -0
  134. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/table.stories.d.ts +0 -0
  135. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/tabs.stories.d.ts +0 -0
  136. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/toggle.stories.d.ts +0 -0
  137. /package/dist/types/Users/{roc/Sites → fernandogelin/Xplor}/apollo/.stencil/stories/utility-bar.stories.d.ts +0 -0
package/build/style.css CHANGED
@@ -171,7 +171,6 @@
171
171
  text-align:center;
172
172
  visibility:hidden;
173
173
  padding:0;
174
- -webkit-animation:none;
175
174
  animation:none;
176
175
  direction:ltr;
177
176
  border:0;
@@ -198,7 +197,6 @@
198
197
  }
199
198
 
200
199
  .flatpickr-calendar.animate.open{
201
- -webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);
202
200
  animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)
203
201
  }
204
202
 
@@ -323,13 +321,15 @@
323
321
  position:relative;
324
322
  -webkit-user-select:none;
325
323
  -moz-user-select:none;
326
- -ms-user-select:none;
327
324
  user-select:none;
328
325
  overflow:hidden;
329
326
  flex:1
330
327
  }
331
328
 
332
329
  .flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{
330
+ -webkit-user-select:none;
331
+ -moz-user-select:none;
332
+ user-select:none;
333
333
  text-decoration:none;
334
334
  cursor:pointer;
335
335
  position:absolute;
@@ -872,7 +872,6 @@ span.flatpickr-weekday{
872
872
  width:2%;
873
873
  -webkit-user-select:none;
874
874
  -moz-user-select:none;
875
- -ms-user-select:none;
876
875
  user-select:none;
877
876
  align-self:center
878
877
  }
@@ -893,18 +892,6 @@ span.flatpickr-weekday{
893
892
  cursor:pointer
894
893
  }
895
894
 
896
- @-webkit-keyframes fpFadeInDown{
897
- from{
898
- opacity:0;
899
- transform:translate3d(0,-20px,0)
900
- }
901
-
902
- to{
903
- opacity:1;
904
- transform:translate3d(0,0,0)
905
- }
906
- }
907
-
908
895
  @keyframes fpFadeInDown{
909
896
  from{
910
897
  opacity:0;
@@ -1257,24 +1244,11 @@ textarea[class^="xpl-"]::-moz-placeholder {
1257
1244
  color: #9ca3af;
1258
1245
  }
1259
1246
 
1260
- [class^="xpl-"] input:-ms-input-placeholder,
1261
- input[class^="xpl-"]:-ms-input-placeholder,
1262
- [class^="xpl-"] textarea:-ms-input-placeholder,
1263
- textarea[class^="xpl-"]:-ms-input-placeholder {
1264
- opacity: 1;
1265
- color: #9ca3af;
1266
- }
1267
-
1268
1247
  [class^="xpl-"] input::-moz-placeholder, input[class^="xpl-"]::-moz-placeholder, [class^="xpl-"] textarea::-moz-placeholder, textarea[class^="xpl-"]::-moz-placeholder {
1269
1248
  opacity: 1;
1270
1249
  color: #9ca3af;
1271
1250
  }
1272
1251
 
1273
- [class^="xpl-"] input:-ms-input-placeholder, input[class^="xpl-"]:-ms-input-placeholder, [class^="xpl-"] textarea:-ms-input-placeholder, textarea[class^="xpl-"]:-ms-input-placeholder {
1274
- opacity: 1;
1275
- color: #9ca3af;
1276
- }
1277
-
1278
1252
  [class^="xpl-"] input::placeholder,
1279
1253
  input[class^="xpl-"]::placeholder,
1280
1254
  [class^="xpl-"] textarea::placeholder,
@@ -1359,9 +1333,7 @@ textarea[class^="xpl-"] {
1359
1333
  grid-template-areas:
1360
1334
  "nav utility utility"
1361
1335
  "nav subnav content";
1362
- grid-template-columns: -webkit-min-content -webkit-min-content 1fr;
1363
1336
  grid-template-columns: min-content min-content 1fr;
1364
- grid-template-rows: -webkit-min-content 1fr;
1365
1337
  grid-template-rows: min-content 1fr;
1366
1338
  max-height: 100vh;
1367
1339
  background-color: var(--xpl-color-navigation-lm);
@@ -1463,14 +1435,11 @@ textarea[class^="xpl-"] {
1463
1435
  "nav utility"
1464
1436
  "nav subnav"
1465
1437
  "nav content";
1466
- grid-template-columns: -webkit-min-content 1fr;
1467
1438
  grid-template-columns: min-content 1fr;
1468
- grid-template-rows: -webkit-min-content -webkit-min-content 1fr;
1469
1439
  grid-template-rows: min-content min-content 1fr;
1470
1440
  height: 100vh;
1471
1441
  }
1472
1442
  .xpl-application-shell__sidebar--open {
1473
- grid-template-columns: -webkit-min-content 100vw;
1474
1443
  grid-template-columns: min-content 100vw;
1475
1444
  }
1476
1445
  .xpl-application-shell {
@@ -1490,7 +1459,6 @@ textarea[class^="xpl-"] {
1490
1459
 
1491
1460
  @media (max-width: 640px) {
1492
1461
  .xpl-application-shell {
1493
- grid-template-columns: -webkit-min-content 100vw;
1494
1462
  grid-template-columns: min-content 100vw;
1495
1463
  height: -webkit-fill-available;
1496
1464
  }
@@ -3558,18 +3526,6 @@ button.xpl-badge {
3558
3526
  transform: translate3d(-13px, 8px, 0);
3559
3527
  }
3560
3528
 
3561
- @-webkit-keyframes fpFadeInDownAdjust {
3562
- from {
3563
- opacity: 0;
3564
- transform: translate3d(-13px, -28px, 0);
3565
- }
3566
-
3567
- to {
3568
- opacity: 1;
3569
- transform: translate3d(-13px, -8px, 0);
3570
- }
3571
- }
3572
-
3573
3529
  @keyframes fpFadeInDownAdjust {
3574
3530
  from {
3575
3531
  opacity: 0;
@@ -3583,8 +3539,7 @@ button.xpl-badge {
3583
3539
  }
3584
3540
 
3585
3541
  .flatpickr-calendar.animate.arrowBottom {
3586
- -webkit-animation-name: fpFadeInDownAdjust;
3587
- animation-name: fpFadeInDownAdjust;
3542
+ animation-name: fpFadeInDownAdjust;
3588
3543
  transform: translate3d(-13px, -8px, 0);
3589
3544
  }
3590
3545
 
@@ -4093,10 +4048,6 @@ button[class^="xpl-input-password"] {
4093
4048
  color: var(--xpl-color-text-primary-lm);
4094
4049
  }
4095
4050
 
4096
- .xpl-input input:read-only:not(:disabled):-ms-input-placeholder, .xpl-input textarea:read-only:not(:disabled):-ms-input-placeholder {
4097
- color: var(--xpl-color-text-primary-lm);
4098
- }
4099
-
4100
4051
  .xpl-input input:-moz-read-only:not(:disabled)::placeholder, .xpl-input textarea:-moz-read-only:not(:disabled)::placeholder {
4101
4052
  color: var(--xpl-color-text-primary-lm);
4102
4053
  }
@@ -4505,7 +4456,6 @@ a.xpl-list-item:focus {
4505
4456
  }
4506
4457
 
4507
4458
  .xpl-main-nav nav {
4508
- grid-template-rows: 74px 1fr -webkit-min-content;
4509
4459
  grid-template-rows: 74px 1fr min-content;
4510
4460
  background-color: var(--xpl-color-navigation-dm);
4511
4461
  display: grid;
@@ -4526,7 +4476,6 @@ a.xpl-list-item:focus {
4526
4476
  /* Brand Section */
4527
4477
 
4528
4478
  .xpl-main-nav header {
4529
- grid-template-columns: -webkit-max-content auto;
4530
4479
  grid-template-columns: max-content auto;
4531
4480
  }
4532
4481