@telesign/boreal-web-components 0.1.0-alpha.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.
Files changed (216) hide show
  1. package/LICENSE +21 -0
  2. package/components-build/bds-banner.d.ts +11 -0
  3. package/components-build/bds-banner.js +1 -0
  4. package/components-build/bds-typography.d.ts +11 -0
  5. package/components-build/bds-typography.js +1 -0
  6. package/components-build/index.d.ts +35 -0
  7. package/components-build/index.js +1 -0
  8. package/components-build/my-component.d.ts +11 -0
  9. package/components-build/my-component.js +1 -0
  10. package/components-build/p-B9wshZ_4.js +1 -0
  11. package/components-build/p-noyWJ11s.js +1 -0
  12. package/custom-elements.json +764 -0
  13. package/dist/boreal-web-components/boreal-web-components.css +1 -0
  14. package/dist/boreal-web-components/boreal-web-components.esm.js +1 -0
  15. package/dist/boreal-web-components/boreal-web-components.js +127 -0
  16. package/dist/boreal-web-components/css/boreal.css +1594 -0
  17. package/dist/boreal-web-components/css/global.css +682 -0
  18. package/dist/boreal-web-components/css/theme-connect.css +227 -0
  19. package/dist/boreal-web-components/css/theme-engage.css +227 -0
  20. package/dist/boreal-web-components/css/theme-protect.css +227 -0
  21. package/dist/boreal-web-components/css/theme-proximus.css +227 -0
  22. package/dist/boreal-web-components/index.esm.js +0 -0
  23. package/dist/boreal-web-components/p-412d037b.system.entry.js +1 -0
  24. package/dist/boreal-web-components/p-527a761b.entry.js +1 -0
  25. package/dist/boreal-web-components/p-5666a22a.system.entry.js +1 -0
  26. package/dist/boreal-web-components/p-B-PpI2Xv.system.js +1 -0
  27. package/dist/boreal-web-components/p-B9wshZ_4.js +1 -0
  28. package/dist/boreal-web-components/p-BQdH0ijK.system.js +2 -0
  29. package/dist/boreal-web-components/p-BbPAtVJG.system.js +1 -0
  30. package/dist/boreal-web-components/p-CMd-Mv-5.system.js +1 -0
  31. package/dist/boreal-web-components/p-CaVEtaG3.system.js +1 -0
  32. package/dist/boreal-web-components/p-DQuL1Twl.js +1 -0
  33. package/dist/boreal-web-components/p-DgFiTd6X.js +2 -0
  34. package/dist/boreal-web-components/p-YWpyar7R.system.js +1 -0
  35. package/dist/boreal-web-components/p-b818618b.entry.js +1 -0
  36. package/dist/boreal-web-components/p-d596406b.entry.js +1 -0
  37. package/dist/boreal-web-components/p-e37e7dba.system.entry.js +1 -0
  38. package/dist/boreal-web-components/p-noyWJ11s.js +1 -0
  39. package/dist/boreal-web-components/scss/global/_fonts.scss +1 -0
  40. package/dist/boreal-web-components/scss/global/_index.scss +3 -0
  41. package/dist/boreal-web-components/scss/global/_reset.scss +50 -0
  42. package/dist/boreal-web-components/scss/global/_typography.scss +156 -0
  43. package/dist/boreal-web-components/scss/maps/_primitives.scss +461 -0
  44. package/dist/boreal-web-components/scss/maps/_theme-connect.scss +227 -0
  45. package/dist/boreal-web-components/scss/maps/_theme-engage.scss +227 -0
  46. package/dist/boreal-web-components/scss/maps/_theme-protect.scss +227 -0
  47. package/dist/boreal-web-components/scss/maps/_theme-proximus.scss +227 -0
  48. package/dist/boreal-web-components/scss/variables/_primitives.scss +459 -0
  49. package/dist/boreal-web-components/scss/variables/_theme-connect.scss +225 -0
  50. package/dist/boreal-web-components/scss/variables/_theme-engage.scss +225 -0
  51. package/dist/boreal-web-components/scss/variables/_theme-protect.scss +225 -0
  52. package/dist/boreal-web-components/scss/variables/_theme-proximus.scss +225 -0
  53. package/dist/cjs/app-globals-V2Kpy_OQ.js +5 -0
  54. package/dist/cjs/attributes-RPVEtBdj.js +90 -0
  55. package/dist/cjs/bds-banner.cjs.entry.js +130 -0
  56. package/dist/cjs/bds-typography.cjs.entry.js +167 -0
  57. package/dist/cjs/boreal-web-components.cjs.js +46 -0
  58. package/dist/cjs/index-CD9v53WJ.js +133 -0
  59. package/dist/cjs/index-Cdb66Tqj.js +2342 -0
  60. package/dist/cjs/index.cjs.js +2 -0
  61. package/dist/cjs/loader.cjs.js +13 -0
  62. package/dist/cjs/my-component.cjs.entry.js +29 -0
  63. package/dist/collection/collection-manifest.json +14 -0
  64. package/dist/collection/components/feedback/bds-banner/bds-banner.css +101 -0
  65. package/dist/collection/components/feedback/bds-banner/bds-banner.js +266 -0
  66. package/dist/collection/components/feedback/bds-banner/types/IBanner.js +1 -0
  67. package/dist/collection/components/my-component/my-component.css +3 -0
  68. package/dist/collection/components/my-component/my-component.js +95 -0
  69. package/dist/collection/components/titles-text/bds-typography/bds-typography.css +183 -0
  70. package/dist/collection/components/titles-text/bds-typography/bds-typography.js +577 -0
  71. package/dist/collection/components/titles-text/bds-typography/types/ITypography.js +1 -0
  72. package/dist/collection/components/titles-text/bds-typography/types/enum.js +23 -0
  73. package/dist/collection/components/titles-text/bds-typography/types/types.js +1 -0
  74. package/dist/collection/components/titles-text/bds-typography/utils/bds-typography-utils.js +41 -0
  75. package/dist/collection/css/boreal.css +1594 -0
  76. package/dist/collection/css/global.css +682 -0
  77. package/dist/collection/css/theme-connect.css +227 -0
  78. package/dist/collection/css/theme-engage.css +227 -0
  79. package/dist/collection/css/theme-protect.css +227 -0
  80. package/dist/collection/css/theme-proximus.css +227 -0
  81. package/dist/collection/index.js +1 -0
  82. package/dist/collection/mixins/anchored.mixin.js +272 -0
  83. package/dist/collection/mixins/floating.mixin.js +181 -0
  84. package/dist/collection/mixins/form-associated.mixin.js +95 -0
  85. package/dist/collection/mixins/index.js +3 -0
  86. package/dist/collection/scss/global/_fonts.scss +1 -0
  87. package/dist/collection/scss/global/_index.scss +3 -0
  88. package/dist/collection/scss/global/_reset.scss +50 -0
  89. package/dist/collection/scss/global/_typography.scss +156 -0
  90. package/dist/collection/scss/maps/_primitives.scss +461 -0
  91. package/dist/collection/scss/maps/_theme-connect.scss +227 -0
  92. package/dist/collection/scss/maps/_theme-engage.scss +227 -0
  93. package/dist/collection/scss/maps/_theme-protect.scss +227 -0
  94. package/dist/collection/scss/maps/_theme-proximus.scss +227 -0
  95. package/dist/collection/scss/variables/_primitives.scss +459 -0
  96. package/dist/collection/scss/variables/_theme-connect.scss +225 -0
  97. package/dist/collection/scss/variables/_theme-engage.scss +225 -0
  98. package/dist/collection/scss/variables/_theme-protect.scss +225 -0
  99. package/dist/collection/scss/variables/_theme-proximus.scss +225 -0
  100. package/dist/collection/services/floating/interfaces/Floating.js +1 -0
  101. package/dist/collection/services/floating/interfaces/Positioning.js +1 -0
  102. package/dist/collection/services/floating/interfaces/Props.js +1 -0
  103. package/dist/collection/services/floating/positioning.service.js +71 -0
  104. package/dist/collection/services/floating/types/Arrow.js +1 -0
  105. package/dist/collection/services/logger/Logger.js +47 -0
  106. package/dist/collection/types/alignment.js +6 -0
  107. package/dist/collection/types/form.js +1 -0
  108. package/dist/collection/types/index.js +5 -0
  109. package/dist/collection/types/position.js +11 -0
  110. package/dist/collection/types/size.js +7 -0
  111. package/dist/collection/types/states.js +22 -0
  112. package/dist/collection/types/stylesMap.js +1 -0
  113. package/dist/collection/utils/a11y/attributes.js +80 -0
  114. package/dist/collection/utils/a11y/index.js +1 -0
  115. package/dist/collection/utils/constants/common/Events.js +10 -0
  116. package/dist/collection/utils/constants/common/Keys.js +16 -0
  117. package/dist/collection/utils/dom/elements.js +22 -0
  118. package/dist/collection/utils/dom/index.js +1 -0
  119. package/dist/collection/utils/form/index.js +1 -0
  120. package/dist/collection/utils/form/internals.js +79 -0
  121. package/dist/collection/utils/helpers/common/BaseAttributes.js +17 -0
  122. package/dist/collection/utils/index.js +3 -0
  123. package/dist/css/boreal.css +1594 -0
  124. package/dist/css/global.css +682 -0
  125. package/dist/css/theme-connect.css +227 -0
  126. package/dist/css/theme-engage.css +227 -0
  127. package/dist/css/theme-protect.css +227 -0
  128. package/dist/css/theme-proximus.css +227 -0
  129. package/dist/esm/app-globals-DQuL1Twl.js +3 -0
  130. package/dist/esm/attributes-B9wshZ_4.js +86 -0
  131. package/dist/esm/bds-banner.entry.js +128 -0
  132. package/dist/esm/bds-typography.entry.js +165 -0
  133. package/dist/esm/boreal-web-components.js +42 -0
  134. package/dist/esm/index-DgFiTd6X.js +2332 -0
  135. package/dist/esm/index-noyWJ11s.js +131 -0
  136. package/dist/esm/index.js +1 -0
  137. package/dist/esm/loader.js +11 -0
  138. package/dist/esm/my-component.entry.js +27 -0
  139. package/dist/esm/polyfills/core-js.js +11 -0
  140. package/dist/esm/polyfills/dom.js +79 -0
  141. package/dist/esm/polyfills/es5-html-element.js +1 -0
  142. package/dist/esm/polyfills/index.js +34 -0
  143. package/dist/esm/polyfills/system.js +6 -0
  144. package/dist/esm-es5/app-globals-DQuL1Twl.js +1 -0
  145. package/dist/esm-es5/attributes-B9wshZ_4.js +1 -0
  146. package/dist/esm-es5/bds-banner.entry.js +1 -0
  147. package/dist/esm-es5/bds-typography.entry.js +1 -0
  148. package/dist/esm-es5/boreal-web-components.js +1 -0
  149. package/dist/esm-es5/index-DgFiTd6X.js +2 -0
  150. package/dist/esm-es5/index-noyWJ11s.js +1 -0
  151. package/dist/esm-es5/index.js +0 -0
  152. package/dist/esm-es5/loader.js +1 -0
  153. package/dist/esm-es5/my-component.entry.js +1 -0
  154. package/dist/index.cjs.js +1 -0
  155. package/dist/index.js +1 -0
  156. package/dist/scss/global/_fonts.scss +1 -0
  157. package/dist/scss/global/_index.scss +3 -0
  158. package/dist/scss/global/_reset.scss +50 -0
  159. package/dist/scss/global/_typography.scss +156 -0
  160. package/dist/scss/maps/_primitives.scss +461 -0
  161. package/dist/scss/maps/_theme-connect.scss +227 -0
  162. package/dist/scss/maps/_theme-engage.scss +227 -0
  163. package/dist/scss/maps/_theme-protect.scss +227 -0
  164. package/dist/scss/maps/_theme-proximus.scss +227 -0
  165. package/dist/scss/variables/_primitives.scss +459 -0
  166. package/dist/scss/variables/_theme-connect.scss +225 -0
  167. package/dist/scss/variables/_theme-engage.scss +225 -0
  168. package/dist/scss/variables/_theme-protect.scss +225 -0
  169. package/dist/scss/variables/_theme-proximus.scss +225 -0
  170. package/dist/types/components/feedback/bds-banner/bds-banner.d.ts +71 -0
  171. package/dist/types/components/feedback/bds-banner/types/IBanner.d.ts +10 -0
  172. package/dist/types/components/my-component/my-component.d.ts +16 -0
  173. package/dist/types/components/titles-text/bds-typography/bds-typography.d.ts +99 -0
  174. package/dist/types/components/titles-text/bds-typography/types/ITypography.d.ts +22 -0
  175. package/dist/types/components/titles-text/bds-typography/types/enum.d.ts +24 -0
  176. package/dist/types/components/titles-text/bds-typography/types/types.d.ts +4 -0
  177. package/dist/types/components/titles-text/bds-typography/utils/bds-typography-utils.d.ts +15 -0
  178. package/dist/types/components.d.ts +565 -0
  179. package/dist/types/index.d.ts +11 -0
  180. package/dist/types/mixins/anchored.mixin.d.ts +228 -0
  181. package/dist/types/mixins/floating.mixin.d.ts +158 -0
  182. package/dist/types/mixins/form-associated.mixin.d.ts +127 -0
  183. package/dist/types/mixins/index.d.ts +4 -0
  184. package/dist/types/services/floating/interfaces/Floating.d.ts +38 -0
  185. package/dist/types/services/floating/interfaces/Positioning.d.ts +22 -0
  186. package/dist/types/services/floating/interfaces/Props.d.ts +35 -0
  187. package/dist/types/services/floating/positioning.service.d.ts +45 -0
  188. package/dist/types/services/floating/types/Arrow.d.ts +7 -0
  189. package/dist/types/services/logger/Logger.d.ts +50 -0
  190. package/dist/types/stencil-public-runtime.d.ts +1858 -0
  191. package/dist/types/types/alignment.d.ts +8 -0
  192. package/dist/types/types/form.d.ts +7 -0
  193. package/dist/types/types/index.d.ts +6 -0
  194. package/dist/types/types/position.d.ts +13 -0
  195. package/dist/types/types/size.d.ts +9 -0
  196. package/dist/types/types/states.d.ts +26 -0
  197. package/dist/types/types/stylesMap.d.ts +2 -0
  198. package/dist/types/utils/a11y/attributes.d.ts +13 -0
  199. package/dist/types/utils/a11y/index.d.ts +2 -0
  200. package/dist/types/utils/constants/common/Events.d.ts +14 -0
  201. package/dist/types/utils/constants/common/Keys.d.ts +18 -0
  202. package/dist/types/utils/dom/elements.d.ts +12 -0
  203. package/dist/types/utils/dom/index.d.ts +2 -0
  204. package/dist/types/utils/form/index.d.ts +2 -0
  205. package/dist/types/utils/form/internals.d.ts +66 -0
  206. package/dist/types/utils/helpers/common/BaseAttributes.d.ts +16 -0
  207. package/dist/types/utils/index.d.ts +4 -0
  208. package/loader/cdn.js +2 -0
  209. package/loader/index.cjs.js +2 -0
  210. package/loader/index.d.ts +24 -0
  211. package/loader/index.es2017.js +2 -0
  212. package/loader/index.js +3 -0
  213. package/package.json +96 -0
  214. package/readme.md +111 -0
  215. package/scripts/copy-styles.js +18 -0
  216. package/scripts/postbuild.js +21 -0
package/dist/collection/components/titles-text/bds-typography/bds-typography.css ADDED
@@ -0,0 +1,183 @@
1
+ .bds-typography {
2
+ box-sizing: border-box;
3
+ font-family: var(--boreal-typography-font-family-primary);
4
+ font-weight: var(--boreal-typography-font-weight-regular);
5
+ }
6
+ .bds-typography__required-indicator {
7
+ color: var(--boreal-icon-danger-base);
8
+ font-weight: var(--boreal-typography-font-weight-regular);
9
+ }
10
+ .bds-typography__info-icon {
11
+ color: var(--boreal-icon-default-light);
12
+ }
13
+ .bds-typography--heading, .bds-typography--subheading {
14
+ display: flex;
15
+ align-items: center;
16
+ gap: var(--boreal-spacing-3xs);
17
+ }
18
+ .bds-typography--label {
19
+ display: inline-flex;
20
+ align-items: center;
21
+ gap: var(--boreal-spacing-3xs);
22
+ }
23
+ .bds-typography--display {
24
+ display: block;
25
+ }
26
+ .bds-typography--caption, .bds-typography--helper, .bds-typography--link {
27
+ display: inline-block;
28
+ }
29
+ .bds-typography--caption {
30
+ font-size: var(--boreal-typography-font-size-xs);
31
+ font-weight: var(--boreal-typography-font-weight-regular);
32
+ line-height: var(--boreal-typography-line-height-md);
33
+ color: var(--boreal-text-default-light);
34
+ }
35
+ .bds-typography--helper {
36
+ font-size: var(--boreal-typography-font-size-xs);
37
+ font-weight: var(--boreal-typography-font-weight-regular);
38
+ line-height: var(--boreal-typography-line-height-sm);
39
+ color: var(--boreal-text-default-light);
40
+ }
41
+ .bds-typography--link {
42
+ font-size: var(--boreal-typography-font-size-sm);
43
+ font-weight: var(--boreal-typography-font-weight-regular);
44
+ line-height: var(--boreal-typography-line-height-md);
45
+ color: var(--boreal-text-primary-base);
46
+ text-decoration: none;
47
+ }
48
+ .bds-typography--link:hover {
49
+ text-decoration: underline;
50
+ }
51
+ .bds-typography--link:visited {
52
+ color: var(--boreal-text-primary-base);
53
+ }
54
+ .bds-typography--link:active {
55
+ color: var(--boreal-text-primary-dark);
56
+ }
57
+ .bds-typography--link.bds-typography--size-sm {
58
+ font-size: var(--boreal-typography-font-size-xs);
59
+ }
60
+ .bds-typography--link.bds-typography--size-md {
61
+ font-size: var(--boreal-typography-font-size-sm);
62
+ }
63
+ .bds-typography--code {
64
+ font-family: var(--boreal-typography-font-family-secondary);
65
+ font-size: var(--boreal-typography-font-size-xs);
66
+ font-weight: var(--boreal-typography-font-weight-regular);
67
+ color: var(--boreal-text-default);
68
+ line-height: var(--boreal-typography-line-height-md);
69
+ overflow-wrap: break-word;
70
+ background-color: var(--boreal-bg-neutral);
71
+ padding: var(--boreal-spacing-3xs) var(--boreal-spacing-xs);
72
+ border-radius: var(--boreal-radius-xs);
73
+ display: inline;
74
+ box-decoration-break: clone;
75
+ -webkit-box-decoration-break: clone;
76
+ }
77
+ .bds-typography--label {
78
+ font-size: var(--boreal-typography-font-size-xs);
79
+ font-weight: var(--boreal-typography-font-weight-semibold);
80
+ line-height: var(--boreal-typography-line-height-md);
81
+ color: var(--boreal-text-default-darker);
82
+ }
83
+ .bds-typography--display {
84
+ font-weight: var(--boreal-typography-font-weight-regular);
85
+ color: var(--boreal-text-default);
86
+ }
87
+ .bds-typography--display.bds-typography--size-sm {
88
+ font-size: var(--boreal-typography-font-size-xl);
89
+ line-height: var(--boreal-typography-line-height-xl);
90
+ }
91
+ .bds-typography--display.bds-typography--size-md {
92
+ font-size: var(--boreal-typography-font-size-2xl);
93
+ line-height: var(--boreal-typography-line-height-2xl);
94
+ }
95
+ .bds-typography--display.bds-typography--size-lg {
96
+ font-size: var(--boreal-typography-font-size-3xl);
97
+ line-height: var(--boreal-typography-line-height-3xl);
98
+ font-weight: var(--boreal-typography-font-weight-light);
99
+ }
100
+ .bds-typography--display.bds-typography--size-xl {
101
+ font-size: var(--boreal-typography-font-size-4xl);
102
+ line-height: var(--boreal-typography-line-height-4xl);
103
+ font-weight: var(--boreal-typography-font-weight-light);
104
+ }
105
+ .bds-typography--heading {
106
+ font-size: var(--boreal-typography-font-size-lg);
107
+ line-height: var(--boreal-typography-line-height-lg);
108
+ font-weight: var(--boreal-typography-font-weight-regular);
109
+ color: var(--boreal-text-default);
110
+ }
111
+ .bds-typography h1.bds-typography--heading {
112
+ font-weight: var(--boreal-typography-font-weight-regular);
113
+ font-size: var(--boreal-typography-font-size-4xl);
114
+ line-height: var(--boreal-typography-line-height-4xl);
115
+ }
116
+ .bds-typography h2.bds-typography--heading {
117
+ font-weight: var(--boreal-typography-font-weight-regular);
118
+ font-size: var(--boreal-typography-font-size-3xl);
119
+ line-height: var(--boreal-typography-line-height-3xl);
120
+ }
121
+ .bds-typography h3.bds-typography--heading {
122
+ font-weight: var(--boreal-typography-font-weight-regular);
123
+ font-size: var(--boreal-typography-font-size-2xl);
124
+ line-height: var(--boreal-typography-line-height-2xl);
125
+ }
126
+ .bds-typography h4.bds-typography--heading {
127
+ font-weight: var(--boreal-typography-font-weight-regular);
128
+ font-size: var(--boreal-typography-font-size-xl);
129
+ line-height: var(--boreal-typography-line-height-xl);
130
+ }
131
+ .bds-typography h5.bds-typography--heading {
132
+ font-weight: var(--boreal-typography-font-weight-regular);
133
+ font-size: var(--boreal-typography-font-size-lg);
134
+ line-height: var(--boreal-typography-line-height-lg);
135
+ }
136
+ .bds-typography h6.bds-typography--heading {
137
+ font-size: var(--boreal-typography-font-size-md);
138
+ font-weight: var(--boreal-typography-font-weight-semibold);
139
+ line-height: var(--boreal-typography-line-height-md);
140
+ }
141
+ .bds-typography--subheading {
142
+ font-size: var(--boreal-typography-font-size-md);
143
+ line-height: var(--boreal-typography-line-height-md);
144
+ font-weight: var(--boreal-typography-font-weight-semibold);
145
+ }
146
+ .bds-typography--align-start {
147
+ text-align: start;
148
+ }
149
+ .bds-typography--align-center {
150
+ text-align: center;
151
+ }
152
+ .bds-typography--align-end {
153
+ text-align: end;
154
+ }
155
+ .bds-typography--align-inherit {
156
+ text-align: inherit;
157
+ }
158
+ .bds-typography--error {
159
+ color: var(--boreal-text-danger-base);
160
+ }
161
+ .bds-typography--disabled {
162
+ color: var(--boreal-text-disabled);
163
+ pointer-events: none;
164
+ cursor: not-allowed;
165
+ }
166
+ .bds-typography--disabled .bds-typography__required-indicator {
167
+ color: var(--boreal-text-danger-light);
168
+ }
169
+ .bds-typography--ellipsis {
170
+ display: inline-block;
171
+ overflow: hidden;
172
+ text-overflow: ellipsis;
173
+ white-space: nowrap;
174
+ width: 100%;
175
+ }
176
+ .bds-typography--ellipsis-multiline {
177
+ display: -webkit-box;
178
+ -webkit-box-orient: vertical;
179
+ overflow: hidden;
180
+ text-overflow: ellipsis;
181
+ white-space: normal;
182
+ width: 100%;
183
+ }