@baloise/ds-core 16.5.2 → 16.6.0-nightly.20241017

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 (152) hide show
  1. package/components/all.d.ts +2 -0
  2. package/components/all.js +3 -0
  3. package/components/bal-app.js +1 -85
  4. package/components/bal-app2.js +87 -0
  5. package/components/bal-divider.js +6 -3
  6. package/components/bal-doc-app.d.ts +11 -0
  7. package/components/bal-doc-app.js +260 -0
  8. package/components/index.js +5 -289
  9. package/components/initialize.js +288 -0
  10. package/components/tokens.esm.js +1 -1
  11. package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
  12. package/dist/baloise-design-system/baloise-design-system.js +1 -1
  13. package/dist/baloise-design-system/index.esm.js +1 -1
  14. package/dist/baloise-design-system/{p-98bb021545.entry.js → p-009bb06a96.entry.js} +1 -1
  15. package/dist/baloise-design-system/{p-21b808e0d9.system.entry.js → p-049f6f9bc3.system.entry.js} +1 -1
  16. package/dist/baloise-design-system/{p-2d27ba7364.entry.js → p-05c9f3e86d.entry.js} +1 -1
  17. package/dist/baloise-design-system/{p-29fd381412.system.entry.js → p-0798bf9f83.system.entry.js} +1 -1
  18. package/dist/baloise-design-system/{p-7873fe20d4.entry.js → p-0cb3cfe2df.entry.js} +1 -1
  19. package/dist/baloise-design-system/{p-4c5ff3ff4d.system.entry.js → p-0cd8a7e648.system.entry.js} +1 -1
  20. package/dist/baloise-design-system/p-1509eaa7.system.js +1 -1
  21. package/dist/baloise-design-system/{p-ff40f6ac1e.system.entry.js → p-16262c76f1.system.entry.js} +1 -1
  22. package/dist/baloise-design-system/{p-4f93ac4c.js → p-2051115e.js} +1 -1
  23. package/dist/baloise-design-system/p-360068a4.system.js +1 -0
  24. package/dist/baloise-design-system/{p-b53b401a5a.entry.js → p-37c35b0ada.entry.js} +1 -1
  25. package/dist/baloise-design-system/{p-4d6b2b921e.system.entry.js → p-3fe5981511.system.entry.js} +1 -1
  26. package/dist/baloise-design-system/{p-091501deda.entry.js → p-4146781859.entry.js} +1 -1
  27. package/dist/baloise-design-system/p-4ff656dd48.entry.js +1 -0
  28. package/dist/baloise-design-system/p-54f81c32.js +1 -1
  29. package/dist/baloise-design-system/{p-565102df.system.js → p-5938aee0.system.js} +1 -1
  30. package/dist/baloise-design-system/{p-54e7b850.system.js → p-5aed56b2.system.js} +1 -1
  31. package/dist/baloise-design-system/{p-bb7de7bbee.system.entry.js → p-69109d3250.system.entry.js} +1 -1
  32. package/dist/baloise-design-system/p-6aafd1a509.entry.js +1 -0
  33. package/dist/baloise-design-system/p-6d1b6215.js +1 -0
  34. package/dist/baloise-design-system/{p-18fd198d.js → p-71ddeab5.js} +1 -1
  35. package/dist/baloise-design-system/p-7291766c.system.js +1 -0
  36. package/dist/baloise-design-system/p-7cc52e4a3b.system.entry.js +1 -0
  37. package/dist/baloise-design-system/{p-8b3d1b6c65.system.entry.js → p-7d9237d9c1.system.entry.js} +1 -1
  38. package/dist/baloise-design-system/{p-7d9523a50b.system.entry.js → p-89a95bc0e3.system.entry.js} +1 -1
  39. package/dist/baloise-design-system/{p-f81abc1e5e.entry.js → p-8d3f85bcb5.entry.js} +1 -1
  40. package/dist/baloise-design-system/{p-a79d0901e9.entry.js → p-900986da34.entry.js} +1 -1
  41. package/dist/baloise-design-system/{p-8c982fbdba.entry.js → p-94d160761d.entry.js} +1 -1
  42. package/dist/baloise-design-system/{p-6af7f275bd.system.entry.js → p-977a347d70.system.entry.js} +1 -1
  43. package/dist/baloise-design-system/{p-ae48180076.system.entry.js → p-99f4bba48c.system.entry.js} +1 -1
  44. package/dist/baloise-design-system/{p-4521c9fe51.entry.js → p-a23d2ab7de.entry.js} +1 -1
  45. package/dist/baloise-design-system/{p-1c482e78f9.entry.js → p-aba4447647.entry.js} +1 -1
  46. package/dist/baloise-design-system/{p-9b9660ff.system.js → p-b42e7d38.system.js} +1 -1
  47. package/dist/baloise-design-system/{p-8f85de0594.system.entry.js → p-ca9c895d96.system.entry.js} +1 -1
  48. package/dist/baloise-design-system/{p-17d7090151.system.entry.js → p-cab372cd48.system.entry.js} +1 -1
  49. package/dist/baloise-design-system/{p-fbc7eb7481.system.entry.js → p-d0b0a08d19.system.entry.js} +1 -1
  50. package/dist/baloise-design-system/{p-09356ff71d.system.entry.js → p-d8d6705d04.system.entry.js} +1 -1
  51. package/dist/baloise-design-system/{p-0159015a.system.js → p-d962489a.system.js} +1 -1
  52. package/dist/baloise-design-system/p-e8ffddeb.js +1 -0
  53. package/dist/baloise-design-system/{p-85007714f1.entry.js → p-ec24daa639.entry.js} +1 -1
  54. package/dist/baloise-design-system/{p-8b7837e749.entry.js → p-f0eb3776b8.entry.js} +1 -1
  55. package/dist/baloise-design-system/{p-92084992.js → p-f2b5eda9.js} +1 -1
  56. package/dist/baloise-design-system/{p-63e42239c4.entry.js → p-f44a362124.entry.js} +1 -1
  57. package/dist/baloise-design-system/{p-013b4c72.system.js → p-f959646a.system.js} +1 -1
  58. package/dist/cjs/app-globals-5fd73c0c.js +7 -0
  59. package/dist/cjs/bal-carousel_2.cjs.entry.js +3 -3
  60. package/dist/cjs/bal-datepicker.cjs.entry.js +3 -3
  61. package/dist/cjs/bal-divider.cjs.entry.js +4 -2
  62. package/dist/cjs/bal-doc-app.cjs.entry.js +231 -0
  63. package/dist/cjs/bal-hint_5.cjs.entry.js +3 -3
  64. package/dist/cjs/bal-list_8.cjs.entry.js +3 -3
  65. package/dist/cjs/bal-logo.cjs.entry.js +3 -3
  66. package/dist/cjs/bal-nav_8.cjs.entry.js +3 -3
  67. package/dist/cjs/bal-navbar_5.cjs.entry.js +3 -3
  68. package/dist/cjs/bal-pagination.cjs.entry.js +3 -3
  69. package/dist/cjs/bal-progress-bar.cjs.entry.js +4 -4
  70. package/dist/cjs/bal-segment_2.cjs.entry.js +4 -4
  71. package/dist/cjs/bal-shape.cjs.entry.js +1 -1
  72. package/dist/cjs/bal-steps.cjs.entry.js +3 -3
  73. package/dist/cjs/bal-tab-item_2.cjs.entry.js +3 -3
  74. package/dist/cjs/baloise-design-system.cjs.js +3 -2
  75. package/dist/cjs/{breakpoints.decorator-9356577d.js → breakpoints.decorator-e8f63228.js} +1 -1
  76. package/dist/cjs/{breakpoints.subject-c2e9ac3e.js → breakpoints.subject-ed8cfc59.js} +1 -1
  77. package/dist/cjs/{app-globals-ae3a8623.js → global-2562a984.js} +2 -4
  78. package/dist/cjs/index.cjs.js +2 -2
  79. package/dist/cjs/initialize-2a19d091.js +1 -1
  80. package/dist/cjs/loader.cjs.js +3 -2
  81. package/dist/cjs/{tokens.esm-615d9347.js → tokens.esm-a7f8161e.js} +1 -1
  82. package/dist/cjs/{window-resize.decorator-c6dcf1a0.js → window-resize.decorator-2db48c9c.js} +1 -1
  83. package/dist/collection/collection-manifest.json +2 -1
  84. package/dist/collection/components/bal-divider/bal-divider.css +1 -1
  85. package/dist/collection/components/bal-divider/bal-divider.js +26 -1
  86. package/dist/collection/components/docs/bal-doc-app/bal-doc-app.css +1 -0
  87. package/dist/collection/components/docs/bal-doc-app/bal-doc-app.js +229 -0
  88. package/dist/collection/utils/constants/version.constant.js +1 -1
  89. package/dist/esm/app-globals-970bab17.js +5 -0
  90. package/dist/esm/bal-carousel_2.entry.js +3 -3
  91. package/dist/esm/bal-datepicker.entry.js +3 -3
  92. package/dist/esm/bal-divider.entry.js +4 -2
  93. package/dist/esm/bal-doc-app.entry.js +227 -0
  94. package/dist/esm/bal-hint_5.entry.js +3 -3
  95. package/dist/esm/bal-list_8.entry.js +3 -3
  96. package/dist/esm/bal-logo.entry.js +3 -3
  97. package/dist/esm/bal-nav_8.entry.js +3 -3
  98. package/dist/esm/bal-navbar_5.entry.js +3 -3
  99. package/dist/esm/bal-pagination.entry.js +3 -3
  100. package/dist/esm/bal-progress-bar.entry.js +4 -4
  101. package/dist/esm/bal-segment_2.entry.js +4 -4
  102. package/dist/esm/bal-shape.entry.js +1 -1
  103. package/dist/esm/bal-steps.entry.js +3 -3
  104. package/dist/esm/bal-tab-item_2.entry.js +3 -3
  105. package/dist/esm/baloise-design-system.js +3 -2
  106. package/dist/esm/{breakpoints.decorator-c78a656a.js → breakpoints.decorator-412ae7e1.js} +1 -1
  107. package/dist/esm/{breakpoints.subject-aee81353.js → breakpoints.subject-33f46567.js} +1 -1
  108. package/dist/esm/{app-globals-b0dd0fc4.js → global-63f4bcec.js} +2 -4
  109. package/dist/esm/index.js +3 -3
  110. package/dist/esm/initialize-e216cfe4.js +1 -1
  111. package/dist/esm/loader.js +3 -2
  112. package/dist/esm/{tokens.esm-6e01fd26.js → tokens.esm-f6559e33.js} +1 -1
  113. package/dist/esm/{window-resize.decorator-bcb73df5.js → window-resize.decorator-fee457f8.js} +1 -1
  114. package/dist/esm-es5/app-globals-970bab17.js +1 -0
  115. package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
  116. package/dist/esm-es5/bal-datepicker.entry.js +1 -1
  117. package/dist/esm-es5/bal-divider.entry.js +1 -1
  118. package/dist/esm-es5/bal-doc-app.entry.js +1 -0
  119. package/dist/esm-es5/bal-hint_5.entry.js +1 -1
  120. package/dist/esm-es5/bal-list_8.entry.js +1 -1
  121. package/dist/esm-es5/bal-logo.entry.js +1 -1
  122. package/dist/esm-es5/bal-nav_8.entry.js +1 -1
  123. package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
  124. package/dist/esm-es5/bal-pagination.entry.js +1 -1
  125. package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
  126. package/dist/esm-es5/bal-segment_2.entry.js +1 -1
  127. package/dist/esm-es5/bal-shape.entry.js +1 -1
  128. package/dist/esm-es5/bal-steps.entry.js +1 -1
  129. package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
  130. package/dist/esm-es5/baloise-design-system.js +1 -1
  131. package/dist/esm-es5/breakpoints.decorator-412ae7e1.js +1 -0
  132. package/dist/esm-es5/{breakpoints.subject-aee81353.js → breakpoints.subject-33f46567.js} +1 -1
  133. package/dist/esm-es5/global-63f4bcec.js +1 -0
  134. package/dist/esm-es5/index.js +1 -1
  135. package/dist/esm-es5/initialize-e216cfe4.js +1 -1
  136. package/dist/esm-es5/loader.js +1 -1
  137. package/dist/esm-es5/{window-resize.decorator-bcb73df5.js → window-resize.decorator-fee457f8.js} +1 -1
  138. package/dist/html.html-data.json +12 -0
  139. package/dist/types/components/bal-divider/bal-divider.d.ts +4 -0
  140. package/dist/types/components/bal-divider/bal-divider.interfaces.d.ts +1 -0
  141. package/dist/types/components/docs/bal-doc-app/bal-doc-app.d.ts +21 -0
  142. package/dist/types/components.d.ts +45 -0
  143. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/icons/src/index.d.ts +81 -0
  144. package/package.json +7 -7
  145. package/dist/baloise-design-system/p-b20a3b881d.entry.js +0 -1
  146. package/dist/baloise-design-system/p-bcca1ed3.system.js +0 -1
  147. package/dist/baloise-design-system/p-e78a6409.js +0 -1
  148. package/dist/esm-es5/app-globals-b0dd0fc4.js +0 -1
  149. package/dist/esm-es5/breakpoints.decorator-c78a656a.js +0 -1
  150. /package/dist/baloise-design-system/{p-941f70cf.js → p-1cc698ed.js} +0 -0
  151. /package/dist/baloise-design-system/{p-29937768.system.js → p-49899266.system.js} +0 -0
  152. /package/dist/esm-es5/{tokens.esm-6e01fd26.js → tokens.esm-f6559e33.js} +0 -0
package/dist/cjs/bal-divider.cjs.entry.js CHANGED
@@ -8,7 +8,7 @@ const bem = require('./bem-81bc6a2d.js');
8
8
  const log = require('./log-33398c2a.js');
9
9
  require('./browser-1d542d0f.js');
10
10
 
11
- const balDividerCss = ":root{--bal-divider-border-width:var(--bal-border-width-normal);--bal-divider-background-primary:var(--bal-color-border-primary);--bal-divider-background-primary-light:var(--bal-color-border-primary-light);--bal-divider-background-primary-dark:var(--bal-color-border-primary-pressed);--bal-divider-background-grey-light:var(--bal-color-border-divider);--bal-divider-background-grey:var(--bal-color-border);--bal-divider-background-grey-dark:var(--bal-color-border-grey-dark);--bal-divider-background-warning:var(--bal-color-border-warning);--bal-divider-background-success:var(--bal-color-border-success);--bal-divider-background-danger:var(--bal-color-border-danger);--bal-divider-background-danger-dark:var(--bal-color-border-danger-hovered);--bal-divider-background-danger-darker:var(--bal-color-border-danger-pressed);--bal-divider-background-white:var(--bal-color-border-inverted);--bal-divider-background-light-blue:var(--bal-color-border-primary-hovered);--bal-divider-radius:var(--bal-radius-rounded)}.bal-divider{margin:0;display:block;border-radius:var(--bal-divider-radius)}.bal-divider--color-primary{background:var(--bal-divider-background-primary)}.bal-divider--color-primary-light{background:var(--bal-divider-background-primary-light)}.bal-divider--color-primary-dark{background:var(--bal-divider-background-primary-dark)}.bal-divider--color-grey-light{background:var(--bal-divider-background-grey-light)}.bal-divider--color-grey{background:var(--bal-divider-background-grey)}.bal-divider--color-grey-dark{background:var(--bal-divider-background-grey-dark)}.bal-divider--color-warning{background:var(--bal-divider-background-warning)}.bal-divider--color-success{background:var(--bal-divider-background-success)}.bal-divider--color-danger{background:var(--bal-divider-background-danger)}.bal-divider--color-danger-dark{background:var(--bal-divider-background-danger-dark)}.bal-divider--color-danger-darker{background:var(--bal-divider-background-danger-darker)}.bal-divider--color-white{background:var(--bal-divider-background-white)}.bal-divider--color-light-blue{background:var(--bal-divider-background-light-blue)}.bal-divider--layout-horizontal{-ms-flex:1 0 100%;flex:1 0 100%;width:100%;min-height:var(--bal-divider-border-width);height:var(--bal-divider-border-width)}.bal-divider--layout-vertical{height:auto;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:stretch;align-self:stretch;width:var(--bal-divider-border-width)}.bal-divider--space-none{margin:0}.bal-divider--space-xx-small{margin:var(--bal-space-xx-small) 0}@media screen and (min-width: 769px),print{.bal-divider--space-xx-small{margin:var(--bal-space-xx-small-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-xx-small{margin:var(--bal-space-xx-small-desktop) 0}}.bal-divider--space-x-small{margin:var(--bal-space-x-small) 0}@media screen and (min-width: 769px),print{.bal-divider--space-x-small{margin:var(--bal-space-x-small-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-x-small{margin:var(--bal-space-x-small-desktop) 0}}.bal-divider--space-small{margin:var(--bal-space-small) 0}@media screen and (min-width: 769px),print{.bal-divider--space-small{margin:var(--bal-space-small-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-small{margin:var(--bal-space-small-desktop) 0}}.bal-divider--space-normal{margin:var(--bal-space-normal) 0}@media screen and (min-width: 769px),print{.bal-divider--space-normal{margin:var(--bal-space-normal-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-normal{margin:var(--bal-space-normal-desktop) 0}}.bal-divider--space-medium{margin:var(--bal-space-medium) 0}@media screen and (min-width: 769px),print{.bal-divider--space-medium{margin:var(--bal-space-medium-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-medium{margin:var(--bal-space-medium-desktop) 0}}.bal-divider--space-large{margin:var(--bal-space-large) 0}@media screen and (min-width: 769px),print{.bal-divider--space-large{margin:var(--bal-space-large-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-large{margin:var(--bal-space-large-desktop) 0}}.bal-divider--space-x-large{margin:var(--bal-space-x-large) 0}@media screen and (min-width: 769px),print{.bal-divider--space-x-large{margin:var(--bal-space-x-large-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-x-large{margin:var(--bal-space-x-large-desktop) 0}}.bal-divider--space-xx-large{margin:var(--bal-space-xx-large) 0}@media screen and (min-width: 769px),print{.bal-divider--space-xx-large{margin:var(--bal-space-xx-large-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-xx-large{margin:var(--bal-space-xx-large-desktop) 0}}.bal-divider--space-xxx-large{margin:var(--bal-space-xxx-large) 0}@media screen and (min-width: 769px),print{.bal-divider--space-xxx-large{margin:var(--bal-space-xxx-large-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-xxx-large{margin:var(--bal-space-xxx-large-desktop) 0}}.bal-divider--layout-vertical.bal-divider--space-none{margin:0}.bal-divider--layout-vertical.bal-divider--space-xx-small{margin:0 var(--bal-space-xx-small)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-xx-small{margin:0 var(--bal-space-xx-small-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-xx-small{margin:0 var(--bal-space-xx-small-desktop)}}.bal-divider--layout-vertical.bal-divider--space-x-small{margin:0 var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-x-small{margin:0 var(--bal-space-x-small-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-x-small{margin:0 var(--bal-space-x-small-desktop)}}.bal-divider--layout-vertical.bal-divider--space-small{margin:0 var(--bal-space-small)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-small{margin:0 var(--bal-space-small-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-small{margin:0 var(--bal-space-small-desktop)}}.bal-divider--layout-vertical.bal-divider--space-normal{margin:0 var(--bal-space-normal)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-normal{margin:0 var(--bal-space-normal-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-normal{margin:0 var(--bal-space-normal-desktop)}}.bal-divider--layout-vertical.bal-divider--space-medium{margin:0 var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-medium{margin:0 var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-medium{margin:0 var(--bal-space-medium-desktop)}}.bal-divider--layout-vertical.bal-divider--space-large{margin:0 var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-large{margin:0 var(--bal-space-large-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-large{margin:0 var(--bal-space-large-desktop)}}.bal-divider--layout-vertical.bal-divider--space-x-large{margin:0 var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-x-large{margin:0 var(--bal-space-x-large-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-x-large{margin:0 var(--bal-space-x-large-desktop)}}.bal-divider--layout-vertical.bal-divider--space-xx-large{margin:0 var(--bal-space-xx-large)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-xx-large{margin:0 var(--bal-space-xx-large-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-xx-large{margin:0 var(--bal-space-xx-large-desktop)}}.bal-divider--layout-vertical.bal-divider--space-xxx-large{margin:0 var(--bal-space-xxx-large)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-xxx-large{margin:0 var(--bal-space-xxx-large-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-xxx-large{margin:0 var(--bal-space-xxx-large-desktop)}}";
11
+ const balDividerCss = ":root{--bal-divider-border-width:var(--bal-border-width-normal);--bal-divider-background-primary:var(--bal-color-border-primary);--bal-divider-background-primary-light:var(--bal-color-border-primary-light);--bal-divider-background-primary-dark:var(--bal-color-border-primary-pressed);--bal-divider-background-grey-light:var(--bal-color-border-divider);--bal-divider-background-grey:var(--bal-color-border);--bal-divider-background-grey-dark:var(--bal-color-border-grey-dark);--bal-divider-background-warning:var(--bal-color-border-warning);--bal-divider-background-success:var(--bal-color-border-success);--bal-divider-background-danger:var(--bal-color-border-danger);--bal-divider-background-danger-dark:var(--bal-color-border-danger-hovered);--bal-divider-background-danger-darker:var(--bal-color-border-danger-pressed);--bal-divider-background-white:var(--bal-color-border-inverted);--bal-divider-background-light-blue:var(--bal-color-border-primary-hovered);--bal-divider-radius:var(--bal-radius-rounded)}.bal-divider{margin:0;display:block;border-radius:var(--bal-divider-radius)}.bal-divider--color-primary{background:var(--bal-divider-background-primary)}.bal-divider--color-primary-light{background:var(--bal-divider-background-primary-light)}.bal-divider--color-primary-dark{background:var(--bal-divider-background-primary-dark)}.bal-divider--color-grey-light{background:var(--bal-divider-background-grey-light)}.bal-divider--color-grey{background:var(--bal-divider-background-grey)}.bal-divider--color-grey-dark{background:var(--bal-divider-background-grey-dark)}.bal-divider--color-warning{background:var(--bal-divider-background-warning)}.bal-divider--color-success{background:var(--bal-divider-background-success)}.bal-divider--color-danger{background:var(--bal-divider-background-danger)}.bal-divider--color-danger-dark{background:var(--bal-divider-background-danger-dark)}.bal-divider--color-danger-darker{background:var(--bal-divider-background-danger-darker)}.bal-divider--color-white{background:var(--bal-divider-background-white)}.bal-divider--color-light-blue{background:var(--bal-divider-background-light-blue)}.bal-divider--layout-horizontal{-ms-flex:1 0 100%;flex:1 0 100%;width:100%;min-height:var(--bal-divider-border-width);height:var(--bal-divider-border-width)}.bal-divider--layout-vertical{height:auto;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:stretch;align-self:stretch;width:var(--bal-divider-border-width)}.bal-divider--border-style-dashed.bal-divider--color-primary{background:repeating-linear-gradient(90deg, var(--bal-divider-background-primary) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-primary-light{background:repeating-linear-gradient(90deg, var(--bal-divider-background-primary-light) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-primary-dark{background:repeating-linear-gradient(90deg, var(--bal-divider-background-primary-dark) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-grey-light{background:repeating-linear-gradient(90deg, var(--bal-divider-background-grey-light) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-grey{background:repeating-linear-gradient(90deg, var(--bal-divider-background-grey) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-grey-dark{background:repeating-linear-gradient(90deg, var(--bal-divider-background-grey-dark) 0px, var --bal-divider-background-grey 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-warning{background:repeating-linear-gradient(90deg, var(--bal-divider-background-warning) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-success{background:repeating-linear-gradient(90deg, var(--bal-divider-background-success) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-danger{background:repeating-linear-gradient(90deg, var(--bal-divider-background-danger) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-danger-dark{background:repeating-linear-gradient(90deg, var(--bal-divider-background-danger-dark) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-danger-darker{background:repeating-linear-gradient(90deg, var(--bal-divider-background-danger-darker) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-white{background:repeating-linear-gradient(90deg, var(--bal-divider-background-white) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--border-style-dashed.bal-divider--color-light-blue{background:repeating-linear-gradient(90deg, var(--bal-divider-background-light-blue) 0px, var(--bal-divider-background-grey) 8px, transparent 8px, transparent 16px)}.bal-divider--space-none{margin:0}.bal-divider--space-xx-small{margin:var(--bal-space-xx-small) 0}@media screen and (min-width: 769px),print{.bal-divider--space-xx-small{margin:var(--bal-space-xx-small-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-xx-small{margin:var(--bal-space-xx-small-desktop) 0}}.bal-divider--space-x-small{margin:var(--bal-space-x-small) 0}@media screen and (min-width: 769px),print{.bal-divider--space-x-small{margin:var(--bal-space-x-small-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-x-small{margin:var(--bal-space-x-small-desktop) 0}}.bal-divider--space-small{margin:var(--bal-space-small) 0}@media screen and (min-width: 769px),print{.bal-divider--space-small{margin:var(--bal-space-small-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-small{margin:var(--bal-space-small-desktop) 0}}.bal-divider--space-normal{margin:var(--bal-space-normal) 0}@media screen and (min-width: 769px),print{.bal-divider--space-normal{margin:var(--bal-space-normal-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-normal{margin:var(--bal-space-normal-desktop) 0}}.bal-divider--space-medium{margin:var(--bal-space-medium) 0}@media screen and (min-width: 769px),print{.bal-divider--space-medium{margin:var(--bal-space-medium-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-medium{margin:var(--bal-space-medium-desktop) 0}}.bal-divider--space-large{margin:var(--bal-space-large) 0}@media screen and (min-width: 769px),print{.bal-divider--space-large{margin:var(--bal-space-large-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-large{margin:var(--bal-space-large-desktop) 0}}.bal-divider--space-x-large{margin:var(--bal-space-x-large) 0}@media screen and (min-width: 769px),print{.bal-divider--space-x-large{margin:var(--bal-space-x-large-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-x-large{margin:var(--bal-space-x-large-desktop) 0}}.bal-divider--space-xx-large{margin:var(--bal-space-xx-large) 0}@media screen and (min-width: 769px),print{.bal-divider--space-xx-large{margin:var(--bal-space-xx-large-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-xx-large{margin:var(--bal-space-xx-large-desktop) 0}}.bal-divider--space-xxx-large{margin:var(--bal-space-xxx-large) 0}@media screen and (min-width: 769px),print{.bal-divider--space-xxx-large{margin:var(--bal-space-xxx-large-tablet) 0}}@media screen and (min-width: 1024px){.bal-divider--space-xxx-large{margin:var(--bal-space-xxx-large-desktop) 0}}.bal-divider--layout-vertical.bal-divider--space-none{margin:0}.bal-divider--layout-vertical.bal-divider--space-xx-small{margin:0 var(--bal-space-xx-small)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-xx-small{margin:0 var(--bal-space-xx-small-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-xx-small{margin:0 var(--bal-space-xx-small-desktop)}}.bal-divider--layout-vertical.bal-divider--space-x-small{margin:0 var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-x-small{margin:0 var(--bal-space-x-small-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-x-small{margin:0 var(--bal-space-x-small-desktop)}}.bal-divider--layout-vertical.bal-divider--space-small{margin:0 var(--bal-space-small)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-small{margin:0 var(--bal-space-small-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-small{margin:0 var(--bal-space-small-desktop)}}.bal-divider--layout-vertical.bal-divider--space-normal{margin:0 var(--bal-space-normal)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-normal{margin:0 var(--bal-space-normal-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-normal{margin:0 var(--bal-space-normal-desktop)}}.bal-divider--layout-vertical.bal-divider--space-medium{margin:0 var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-medium{margin:0 var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-medium{margin:0 var(--bal-space-medium-desktop)}}.bal-divider--layout-vertical.bal-divider--space-large{margin:0 var(--bal-space-large)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-large{margin:0 var(--bal-space-large-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-large{margin:0 var(--bal-space-large-desktop)}}.bal-divider--layout-vertical.bal-divider--space-x-large{margin:0 var(--bal-space-x-large)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-x-large{margin:0 var(--bal-space-x-large-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-x-large{margin:0 var(--bal-space-x-large-desktop)}}.bal-divider--layout-vertical.bal-divider--space-xx-large{margin:0 var(--bal-space-xx-large)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-xx-large{margin:0 var(--bal-space-xx-large-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-xx-large{margin:0 var(--bal-space-xx-large-desktop)}}.bal-divider--layout-vertical.bal-divider--space-xxx-large{margin:0 var(--bal-space-xxx-large)}@media screen and (min-width: 769px),print{.bal-divider--layout-vertical.bal-divider--space-xxx-large{margin:0 var(--bal-space-xxx-large-tablet)}}@media screen and (min-width: 1024px){.bal-divider--layout-vertical.bal-divider--space-xxx-large{margin:0 var(--bal-space-xxx-large-desktop)}}";
12
12
  const BalDividerStyle0 = balDividerCss;
13
13
 
14
14
  const Divider = class {
@@ -17,6 +17,7 @@ const Divider = class {
17
17
  this.layout = 'horizontal';
18
18
  this.space = 'none';
19
19
  this.color = 'grey';
20
+ this.borderStyle = 'solid';
20
21
  }
21
22
  createLogger(log) {
22
23
  this.log = log;
@@ -30,7 +31,8 @@ const Divider = class {
30
31
  const layout = !!this.layout;
31
32
  const space = !!this.space;
32
33
  const color = !!this.color;
33
- return (index.h(index.Host, { role: "separator", class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`layout-${this.layout}`).class(layout)), block.modifier(`space-${this.space}`).class(space)), block.modifier(`color-${this.color}`).class(color)) }, index.h("slot", null)));
34
+ const borderStyle = !!this.borderStyle;
35
+ return (index.h(index.Host, { role: "separator", class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`layout-${this.layout}`).class(layout)), block.modifier(`space-${this.space}`).class(space)), block.modifier(`color-${this.color}`).class(color)), block.modifier(`border-style-${this.borderStyle}`).class(borderStyle)) }, index.h("slot", null)));
34
36
  }
35
37
  };
36
38
  tslib_es6.__decorate([