@castlabs/ui 7.1.0 → 7.2.1

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 (139) hide show
  1. package/README.md +5 -21
  2. package/dist/assets/DMMono/index.scss +41 -0
  3. package/dist/assets/FontAwesome5/LICENSE.txt +34 -0
  4. package/{src/fonts/FontAwesome5/FontAwesome5.scss → dist/assets/FontAwesome5/index.scss} +6 -6
  5. package/{src/fonts/NonNaturalGroteskInktrap/NonNaturalGroteskInktrap.scss → dist/assets/NonNaturalGroteskInktrap/index.scss} +6 -3
  6. package/dist/castlabs-ui.common.js +1 -1
  7. package/dist/castlabs-ui.common.js.map +1 -1
  8. package/dist/castlabs-ui.css +5 -5
  9. package/dist/castlabs-ui.umd.js +9 -9
  10. package/dist/castlabs-ui.umd.js.map +1 -1
  11. package/package.json +1 -1
  12. package/src/components/ClAlert/style.scss +2 -0
  13. package/src/components/ClBadge/style.scss +2 -1
  14. package/src/components/ClBadge/style.variables.scss +2 -0
  15. package/src/components/ClBlockquote/style.scss +13 -0
  16. package/src/components/ClBlockquote/style.variables.scss +15 -0
  17. package/src/components/ClButton/style.scss +6 -4
  18. package/src/components/ClCard/style.scss +2 -1
  19. package/src/components/ClCard/style.variables.scss +2 -0
  20. package/src/components/ClDropdown/style.scss +2 -0
  21. package/src/components/ClDropzone/style.scss +2 -0
  22. package/src/components/ClFooter/style.scss +2 -0
  23. package/src/components/ClHighlight/style.scss +2 -0
  24. package/src/components/ClIcon/style.scss +2 -6
  25. package/src/components/ClIconotron/style.scss +2 -0
  26. package/src/components/ClList/style.scss +3 -2
  27. package/src/components/ClList/style.variables.scss +3 -3
  28. package/src/components/ClListGroup/style.scss +3 -1
  29. package/src/components/ClPagination/style.scss +3 -1
  30. package/src/components/ClProgress/style.scss +7 -1
  31. package/src/components/ClScrollbar/style.scss +2 -1
  32. package/src/components/ClSpinner/style.scss +2 -0
  33. package/src/components/ClTabs/style.scss +2 -0
  34. package/src/components/ClToggle/style.scss +2 -0
  35. package/src/components/ClTooltip/style.scss +3 -1
  36. package/src/components/ClWizard/style.scss +2 -0
  37. package/src/components/form/ClField/style.scss +2 -0
  38. package/src/components/form/ClFieldCheck/style.scss +7 -2
  39. package/src/components/form/ClFieldFile/style.scss +2 -0
  40. package/src/components/form/ClFieldGroup/style.scss +2 -0
  41. package/src/components/form/ClFieldInput/style.scss +2 -0
  42. package/src/components/form/ClFieldSelect/style.scss +8 -5
  43. package/src/components/form/ClFieldSet/style.scss +2 -0
  44. package/src/components/form/ClForm/style.scss +2 -0
  45. package/src/components/modal/ClModal/style.scss +3 -0
  46. package/src/components/navigation/ClNavSide/ClNavDrawer/style.scss +1 -0
  47. package/src/components/navigation/ClNavSide/ClNavSideMenu/style.scss +2 -0
  48. package/src/components/navigation/ClNavSide/style.scss +1 -4
  49. package/src/components/navigation/ClNavTop/style.scss +6 -4
  50. package/src/components/section/ClSectionForm/style.scss +2 -0
  51. package/src/components/section/ClSectionHeadline/style.scss +2 -0
  52. package/src/components/section/ClSectionMainSide/style.scss +2 -0
  53. package/src/components/table/ClTable/style.scss +2 -1
  54. package/src/components/table/ClTable/style.variables.scss +3 -2
  55. package/src/components/table/ClTableCel/Actions/style.scss +3 -1
  56. package/src/components/table/ClTableCel/Audit/style.scss +4 -2
  57. package/src/components/table/ClTableCel/Boolean/style.scss +3 -1
  58. package/src/components/table/ClTableCel/Checkbox/style.scss +2 -0
  59. package/src/components/table/ClTableCel/Code/style.scss +4 -1
  60. package/src/components/table/ClTableCel/Currency/style.scss +3 -1
  61. package/src/components/table/ClTableCel/Date/style.scss +3 -1
  62. package/src/components/table/ClTableCel/ID/style.scss +4 -1
  63. package/src/components/table/ClTableCel/Links/style.scss +4 -2
  64. package/src/components/table/ClTableCel/style.scss +2 -1
  65. package/src/components/table/ClTableCel/style.variables.scss +3 -0
  66. package/src/components/table/ClTableFootChecked/style.scss +2 -0
  67. package/src/components/table/ClTableHead/style.scss +3 -1
  68. package/src/components/text/ClCopy/style.scss +2 -0
  69. package/src/components/text/ClHashtag/style.scss +3 -0
  70. package/src/components/text/ClLinkExternal/style.scss +2 -0
  71. package/src/components/text/ClOrg/style.scss +2 -0
  72. package/src/components/text/ClPlan/style.scss +3 -0
  73. package/src/components/text/ClRole/style.scss +3 -0
  74. package/src/components/widget/ClBackCancelOk/style.scss +2 -0
  75. package/src/components/widget/ClCookieBanner/style.scss +2 -0
  76. package/src/components/widget/ClPage/style.scss +2 -0
  77. package/src/styles/_global.scss +12 -51
  78. package/src/styles/abstracts/app.scss +23 -0
  79. package/src/styles/{components/button.variables.scss → abstracts/button.scss} +5 -9
  80. package/src/styles/abstracts/color.scss +20 -0
  81. package/src/styles/{assets/fontawesome.variables.scss → abstracts/fontawesome.scss} +3 -0
  82. package/src/styles/{components/form.variables.scss → abstracts/form.scss} +6 -0
  83. package/src/styles/{layout/grid.variables.scss → abstracts/grid.scss} +8 -1
  84. package/src/styles/abstracts/responsive.scss +84 -0
  85. package/src/styles/abstracts/spacing.scss +51 -0
  86. package/src/styles/abstracts/tools.scss +6 -0
  87. package/src/styles/{layout/typography.variables.scss → abstracts/typography.scss} +18 -11
  88. package/src/styles/assets/logo.scss +7 -2
  89. package/src/styles/fonts/DMMono/DM_Mono_300.woff2 +0 -0
  90. package/src/styles/fonts/DMMono/DM_Mono_300italic.woff2 +0 -0
  91. package/src/styles/fonts/DMMono/DM_Mono_400.woff2 +0 -0
  92. package/src/styles/fonts/DMMono/DM_Mono_400italic.woff2 +0 -0
  93. package/src/styles/fonts/DMMono/DM_Mono_500.woff2 +0 -0
  94. package/src/styles/fonts/DMMono/DM_Mono_500italic.woff2 +0 -0
  95. package/src/styles/fonts/DMMono/index.scss +41 -0
  96. package/src/styles/fonts/FontAwesome5/fa-brands-400.woff2 +0 -0
  97. package/src/styles/fonts/FontAwesome5/fa-regular-400.woff2 +0 -0
  98. package/src/styles/fonts/FontAwesome5/fa-solid-900.woff2 +0 -0
  99. package/src/styles/fonts/FontAwesome5/index.scss +6124 -0
  100. package/src/styles/fonts/NonNaturalGroteskInktrap/NonNaturalGroteskInktrap-Bold.woff2 +0 -0
  101. package/src/styles/fonts/NonNaturalGroteskInktrap/NonNaturalGroteskInktrap-Medium.woff2 +0 -0
  102. package/src/styles/fonts/NonNaturalGroteskInktrap/NonNaturalGroteskInktrap-Regular.woff2 +0 -0
  103. package/src/styles/fonts/NonNaturalGroteskInktrap/index.scss +37 -0
  104. package/src/styles/layout/animation.scss +2 -0
  105. package/src/styles/layout/app.scss +2 -0
  106. package/src/styles/layout/color.scss +2 -0
  107. package/src/styles/layout/grid.scss +3 -4
  108. package/src/styles/layout/helper.scss +3 -0
  109. package/src/styles/layout/scrollbar.scss +2 -0
  110. package/src/styles/layout/section.scss +1 -9
  111. package/src/styles/layout/spacing.scss +3 -4
  112. package/src/styles/layout/typography.scss +16 -12
  113. package/src/styles/ui.scss +96 -77
  114. package/src/styles/vendors/bootstrap.scss +20 -19
  115. package/src/assets/bs/checked.svg +0 -1
  116. package/src/assets/bs/select-disabled.svg +0 -1
  117. package/src/assets/bs/select.svg +0 -1
  118. package/src/assets/castlabs-logo-eggshell.svg +0 -33
  119. package/src/assets/castlabs-logo.svg +0 -33
  120. package/src/fonts/DMMono/DMMono.scss +0 -44
  121. package/src/styles/abstracts/brand.scss +0 -9
  122. package/src/styles/abstracts/layer.scss +0 -10
  123. package/src/styles/assets/fontawesome.scss +0 -2
  124. package/src/styles/vendors/castlabs.scss +0 -17
  125. /package/{src/fonts → dist/assets}/DMMono/DM_Mono_300.woff2 +0 -0
  126. /package/{src/fonts → dist/assets}/DMMono/DM_Mono_300italic.woff2 +0 -0
  127. /package/{src/fonts → dist/assets}/DMMono/DM_Mono_400.woff2 +0 -0
  128. /package/{src/fonts → dist/assets}/DMMono/DM_Mono_400italic.woff2 +0 -0
  129. /package/{src/fonts → dist/assets}/DMMono/DM_Mono_500.woff2 +0 -0
  130. /package/{src/fonts → dist/assets}/DMMono/DM_Mono_500italic.woff2 +0 -0
  131. /package/{src/fonts → dist/assets}/FontAwesome5/fa-brands-400.woff2 +0 -0
  132. /package/{src/fonts → dist/assets}/FontAwesome5/fa-regular-400.woff2 +0 -0
  133. /package/{src/fonts → dist/assets}/FontAwesome5/fa-solid-900.woff2 +0 -0
  134. /package/{src/fonts → dist/assets}/NonNaturalGroteskInktrap/NonNaturalGroteskInktrap-Bold.woff2 +0 -0
  135. /package/{src/fonts → dist/assets}/NonNaturalGroteskInktrap/NonNaturalGroteskInktrap-Medium.woff2 +0 -0
  136. /package/{src/fonts → dist/assets}/NonNaturalGroteskInktrap/NonNaturalGroteskInktrap-Regular.woff2 +0 -0
  137. /package/dist/assets/{bs/checked.svg → checked.svg} +0 -0
  138. /package/dist/assets/{bs/select-disabled.svg → select-disabled.svg} +0 -0
  139. /package/dist/assets/{bs/select.svg → select.svg} +0 -0
package/src/styles/assets/logo.scss CHANGED
@@ -3,9 +3,14 @@
3
3
  /// @access public
4
4
  ////
5
5
 
6
+ @use '../global' as *;
7
+
8
+ $cl-url-prefix: '' !default;
9
+ $cl-url-postfix: '' !default;
10
+
6
11
  .cl-asset-logo,
7
12
  .cl-asset-logo-night {
8
- background-image: url('#{$castlabs-ui-asset-prefix}/assets/castlabs-logo.svg?no-inline');
13
+ background-image: url('#{$cl-url-prefix}castlabs-logo.svg#{$cl-url-postfix}');
9
14
  background-position: center;
10
15
  background-repeat: no-repeat;
11
16
  background-size: contain;
@@ -18,7 +23,7 @@
18
23
  }
19
24
 
20
25
  .cl-asset-logo-eggshell {
21
- background-image: url('#{$castlabs-ui-asset-prefix}/assets/castlabs-logo-eggshell.svg?no-inline');
26
+ background-image: url('#{$cl-url-prefix}castlabs-logo-eggshell.svg#{$cl-url-postfix}');
22
27
  background-position: center;
23
28
  background-repeat: no-repeat;
24
29
  background-size: contain;
package/src/styles/fonts/DMMono/index.scss ADDED
@@ -0,0 +1,41 @@
1
+ $cl-url-prefix: '' !default;
2
+ $cl-url-postfix: '' !default;
3
+
4
+ @mixin DMMono {
5
+ @font-face {
6
+ font-family: 'DM Mono';
7
+ font-style: normal;
8
+ font-weight: 300;
9
+ src: url('#{$cl-url-prefix}DM_Mono_300.woff2#{$cl-url-postfix}') format('woff2');
10
+ }
11
+ @font-face {
12
+ font-family: 'DM Mono';
13
+ font-style: italic;
14
+ font-weight: 300;
15
+ src: url('#{$cl-url-prefix}DM_Mono_300italic.woff2#{$cl-url-postfix}') format('woff2');
16
+ }
17
+ @font-face {
18
+ font-family: 'DM Mono';
19
+ font-style: normal;
20
+ font-weight: 400;
21
+ src: url('#{$cl-url-prefix}DM_Mono_400.woff2#{$cl-url-postfix}') format('woff2');
22
+ }
23
+ @font-face {
24
+ font-family: 'DM Mono';
25
+ font-style: italic;
26
+ font-weight: 400;
27
+ src: url('#{$cl-url-prefix}DM_Mono_400italic.woff2#{$cl-url-postfix}') format('woff2');
28
+ }
29
+ @font-face {
30
+ font-family: 'DM Mono';
31
+ font-style: normal;
32
+ font-weight: 500;
33
+ src: url('#{$cl-url-prefix}DM_Mono_500.woff2#{$cl-url-postfix}') format('woff2');
34
+ }
35
+ @font-face {
36
+ font-family: 'DM Mono';
37
+ font-style: italic;
38
+ font-weight: 500;
39
+ src: url('#{$cl-url-prefix}DM_Mono_500italic.woff2#{$cl-url-postfix}') format('woff2');
40
+ }
41
+ }