@castlabs/ui 4.18.2

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 (140) hide show
  1. package/README.md +94 -0
  2. package/dist/assets/castlabs-logo.svg +2 -0
  3. package/dist/assets/cookie.svg +1 -0
  4. package/dist/castlabs-ui-editor.common.js +23189 -0
  5. package/dist/castlabs-ui-editor.common.js.map +1 -0
  6. package/dist/castlabs-ui-editor.css +1 -0
  7. package/dist/castlabs-ui-editor.umd.js +23208 -0
  8. package/dist/castlabs-ui-editor.umd.js.map +1 -0
  9. package/dist/castlabs-ui-editor.umd.min.js +10 -0
  10. package/dist/castlabs-ui-editor.umd.min.js.map +1 -0
  11. package/dist/castlabs-ui.common.js +6828 -0
  12. package/dist/castlabs-ui.common.js.map +1 -0
  13. package/dist/castlabs-ui.core.js +1031 -0
  14. package/dist/castlabs-ui.css +12 -0
  15. package/dist/castlabs-ui.module.d.ts +83 -0
  16. package/dist/castlabs-ui.module.js +1031 -0
  17. package/dist/castlabs-ui.umd.js +6847 -0
  18. package/dist/castlabs-ui.umd.js.map +1 -0
  19. package/dist/castlabs-ui.umd.min.js +8 -0
  20. package/dist/castlabs-ui.umd.min.js.map +1 -0
  21. package/dist/demo.html +1 -0
  22. package/dist/favicon/192.png +0 -0
  23. package/dist/favicon/512.png +0 -0
  24. package/dist/favicon/apple-touch-icon.png +0 -0
  25. package/dist/favicon/favicon-unread.svg +75 -0
  26. package/dist/favicon/favicon.ico +0 -0
  27. package/dist/favicon/favicon.svg +43 -0
  28. package/dist/favicon/manifest.webmanifest +6 -0
  29. package/dist/fonts/BngRUXNETWXI6LwhGYvaxZikqbCCwR26eg.f31394d2.woff2 +0 -0
  30. package/dist/fonts/BngRUXNETWXI6LwhGYvaxZikqbCFwR26eg.00073a59.woff2 +0 -0
  31. package/dist/fonts/BngRUXNETWXI6LwhGYvaxZikqbCGwR0.faa92a75.woff2 +0 -0
  32. package/dist/fonts/BngRUXNETWXI6LwhGYvaxZikqbCIwR26eg.f8e38fba.woff2 +0 -0
  33. package/dist/fonts/BngRUXNETWXI6LwhGYvaxZikqbCJwR26eg.f1d5cd16.woff2 +0 -0
  34. package/dist/fonts/BngRUXNETWXI6LwhGYvaxZikqbCKwR26eg.ebbe259f.woff2 +0 -0
  35. package/dist/fonts/BngRUXNETWXI6LwhGYvaxZikqbCLwR26eg.e3d460d0.woff2 +0 -0
  36. package/dist/fonts/fa-brands-400.18993be8.woff2 +0 -0
  37. package/dist/fonts/fa-regular-400.e45bb696.woff2 +0 -0
  38. package/dist/fonts/fa-solid-900.16e3d2f0.woff2 +0 -0
  39. package/dist/fonts/mem6YaGs126MiZpBA-UFUK0Udc1UAw.6de93dc1.woff2 +0 -0
  40. package/dist/fonts/mem6YaGs126MiZpBA-UFUK0Wdc1UAw.55c9461f.woff2 +0 -0
  41. package/dist/fonts/mem6YaGs126MiZpBA-UFUK0Xdc1UAw.111f8c99.woff2 +0 -0
  42. package/dist/fonts/mem6YaGs126MiZpBA-UFUK0Zdc0.92257a03.woff2 +0 -0
  43. package/dist/fonts/mem6YaGs126MiZpBA-UFUK0adc1UAw.1844ded3.woff2 +0 -0
  44. package/dist/fonts/mem6YaGs126MiZpBA-UFUK0bdc1UAw.719267ea.woff2 +0 -0
  45. package/dist/fonts/mem6YaGs126MiZpBA-UFUK0ddc1UAw.037dea2d.woff2 +0 -0
  46. package/dist/fonts/mem8YaGs126MiZpBA-UFUZ0bbck.6869bd80.woff2 +0 -0
  47. package/dist/fonts/mem8YaGs126MiZpBA-UFV50bbck.05a41692.woff2 +0 -0
  48. package/dist/fonts/mem8YaGs126MiZpBA-UFVZ0b.38ffdf27.woff2 +0 -0
  49. package/dist/fonts/mem8YaGs126MiZpBA-UFVp0bbck.f12c0c2c.woff2 +0 -0
  50. package/dist/fonts/mem8YaGs126MiZpBA-UFW50bbck.03f14837.woff2 +0 -0
  51. package/dist/fonts/mem8YaGs126MiZpBA-UFWJ0bbck.abcca84a.woff2 +0 -0
  52. package/dist/fonts/mem8YaGs126MiZpBA-UFWp0bbck.4d1e267c.woff2 +0 -0
  53. package/package.json +71 -0
  54. package/plugins/uid/index.js +16 -0
  55. package/plugins/uid/index.ts +16 -0
  56. package/src/assets/castlabs-logo.svg +2 -0
  57. package/src/assets/cookie.svg +1 -0
  58. package/src/components/ClAlert/style.scss +117 -0
  59. package/src/components/ClBadge/style.scss +122 -0
  60. package/src/components/ClButton/style.scss +338 -0
  61. package/src/components/ClCard/style.scss +61 -0
  62. package/src/components/ClCard/style.variables.scss +179 -0
  63. package/src/components/ClDropdown/style.scss +272 -0
  64. package/src/components/ClDropzone/style.scss +21 -0
  65. package/src/components/ClFooter/style.scss +119 -0
  66. package/src/components/ClIcon/style.scss +58 -0
  67. package/src/components/ClIconotron/style.scss +86 -0
  68. package/src/components/ClList/style.scss +93 -0
  69. package/src/components/ClList/style.variables.scss +133 -0
  70. package/src/components/ClListGroup/style.scss +9 -0
  71. package/src/components/ClPagination/style.scss +123 -0
  72. package/src/components/ClProgress/style.scss +49 -0
  73. package/src/components/ClScrollbar/style.scss +14 -0
  74. package/src/components/ClSpinner/style.scss +26 -0
  75. package/src/components/ClTabs/style.scss +90 -0
  76. package/src/components/ClToggle/style.scss +97 -0
  77. package/src/components/ClTooltip/style.scss +46 -0
  78. package/src/components/ClWizard/style.scss +173 -0
  79. package/src/components/form/ClField/style.scss +45 -0
  80. package/src/components/form/ClFieldCheck/style.scss +99 -0
  81. package/src/components/form/ClFieldFile/style.scss +71 -0
  82. package/src/components/form/ClFieldGroup/style.scss +73 -0
  83. package/src/components/form/ClFieldInput/style.scss +118 -0
  84. package/src/components/form/ClFieldSelect/style.scss +39 -0
  85. package/src/components/form/ClFieldSet/style.scss +16 -0
  86. package/src/components/form/ClForm/style.scss +87 -0
  87. package/src/components/modal/ClModal/style.scss +138 -0
  88. package/src/components/navigation/ClNavSide/ClNavDrawer/style.scss +444 -0
  89. package/src/components/navigation/ClNavSide/ClNavSideMenu/style.scss +51 -0
  90. package/src/components/navigation/ClNavSide/style.scss +81 -0
  91. package/src/components/navigation/ClNavTop/style.scss +305 -0
  92. package/src/components/section/ClSectionHeadline/style.scss +49 -0
  93. package/src/components/section/ClSectionMainSide/style.scss +60 -0
  94. package/src/components/table/ClTable/style.scss +23 -0
  95. package/src/components/table/ClTable/style.variables.scss +155 -0
  96. package/src/components/table/ClTableCel/Actions/style.scss +11 -0
  97. package/src/components/table/ClTableCel/Audit/style.scss +26 -0
  98. package/src/components/table/ClTableCel/Boolean/style.scss +12 -0
  99. package/src/components/table/ClTableCel/Checkbox/style.scss +18 -0
  100. package/src/components/table/ClTableCel/Code/style.scss +13 -0
  101. package/src/components/table/ClTableCel/Currency/style.scss +9 -0
  102. package/src/components/table/ClTableCel/Date/style.scss +12 -0
  103. package/src/components/table/ClTableCel/ID/style.scss +16 -0
  104. package/src/components/table/ClTableCel/Links/style.scss +44 -0
  105. package/src/components/table/ClTableCel/style.scss +7 -0
  106. package/src/components/table/ClTableCel/style.variables.scss +25 -0
  107. package/src/components/table/ClTableFootChecked/style.scss +2 -0
  108. package/src/components/table/ClTableHead/style.scss +36 -0
  109. package/src/components/text/ClCopy/style.scss +42 -0
  110. package/src/components/text/ClHashtag/style.scss +31 -0
  111. package/src/components/text/ClLinkExternal/style.scss +147 -0
  112. package/src/components/text/ClOrg/style.scss +40 -0
  113. package/src/components/text/ClPlan/style.scss +35 -0
  114. package/src/components/text/ClRole/style.scss +39 -0
  115. package/src/components/widget/ClBackCancelOk/style.scss +3 -0
  116. package/src/components/widget/ClCookieBanner/style.scss +40 -0
  117. package/src/components/widget/ClPage/style.scss +11 -0
  118. package/src/fonts/FontAwesome5/FontAwesome5.scss +6121 -0
  119. package/src/fonts/NotoSansMono/NotoSansMono.scss +82 -0
  120. package/src/fonts/OpenSansVariable/OpenSansVariable.scss +183 -0
  121. package/src/styles/_global.scss +70 -0
  122. package/src/styles/abstracts/color.scss +127 -0
  123. package/src/styles/abstracts/layer.scss +10 -0
  124. package/src/styles/abstracts/spacing.scss +35 -0
  125. package/src/styles/abstracts/tools.scss +117 -0
  126. package/src/styles/assets/logo.scss +22 -0
  127. package/src/styles/components/button.variables.scss +18 -0
  128. package/src/styles/components/form.variables.scss +51 -0
  129. package/src/styles/layout/animation.scss +39 -0
  130. package/src/styles/layout/grid.scss +144 -0
  131. package/src/styles/layout/grid.variables.scss +50 -0
  132. package/src/styles/layout/section.scss +90 -0
  133. package/src/styles/layout/spacing.scss +295 -0
  134. package/src/styles/layout/typography.scss +321 -0
  135. package/src/styles/layout/typography.variables.scss +363 -0
  136. package/src/styles/ui.scss +98 -0
  137. package/src/styles/vendors/bootstrap.scss +28 -0
  138. package/src/styles/vendors/castlabs.scss +17 -0
  139. package/types/castlabs-ui.module.d.ts +83 -0
  140. package/types/index.d.ts +140 -0
package/dist/demo.html ADDED
@@ -0,0 +1 @@
1
+ <!doctype html><meta charset="utf-8"><title>castlabs-ui demo</title><script src="./castlabs-ui.umd.js"></script><link rel="stylesheet" href="./castlabs-ui.css"><script>console.log(castlabs-ui)</script>
Binary file
Binary file
@@ -0,0 +1,75 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg
3
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
4
+ xmlns:cc="http://creativecommons.org/ns#"
5
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
6
+ xmlns:svg="http://www.w3.org/2000/svg"
7
+ xmlns="http://www.w3.org/2000/svg"
8
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
9
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
10
+ height="50"
11
+ width="50"
12
+ id="svg26"
13
+ version="1.1"
14
+ viewBox="0 0 50 50"
15
+ sodipodi:docname="favicon-unread.svg"
16
+ inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)">
17
+ <sodipodi:namedview
18
+ pagecolor="#ffffff"
19
+ bordercolor="#666666"
20
+ borderopacity="1"
21
+ objecttolerance="10"
22
+ gridtolerance="10"
23
+ guidetolerance="10"
24
+ inkscape:pageopacity="0"
25
+ inkscape:pageshadow="2"
26
+ inkscape:window-width="1848"
27
+ inkscape:window-height="1136"
28
+ id="namedview8"
29
+ showgrid="false"
30
+ inkscape:zoom="4.72"
31
+ inkscape:cx="38.226475"
32
+ inkscape:cy="17.577331"
33
+ inkscape:window-x="72"
34
+ inkscape:window-y="27"
35
+ inkscape:window-maximized="1"
36
+ inkscape:current-layer="svg26"
37
+ inkscape:snap-bbox="true"
38
+ inkscape:bbox-nodes="true">
39
+ <inkscape:grid
40
+ type="xygrid"
41
+ id="grid853" />
42
+ </sodipodi:namedview>
43
+ <metadata
44
+ id="metadata32">
45
+ <rdf:RDF>
46
+ <cc:Work
47
+ rdf:about="">
48
+ <dc:format>image/svg+xml</dc:format>
49
+ <dc:type
50
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
51
+ <dc:title></dc:title>
52
+ </cc:Work>
53
+ </rdf:RDF>
54
+ </metadata>
55
+ <defs
56
+ id="defs30" />
57
+ <style
58
+ id="style2"
59
+ type="text/css"> .st0{fill:#D2232A;} .st1{fill:#FFFFFF;} </style>
60
+ <path
61
+ style="fill:#d2232a"
62
+ d="M 0 0 L 0 50 L 39 50 A 11 11 0 0 1 28 39 A 11 11 0 0 1 39 28 A 11 11 0 0 1 50 39 L 50 0 L 0 0 z M 50 39 A 11 11 0 0 1 39 50 L 50 50 L 50 39 z "
63
+ id="rect4" />
64
+ <path
65
+ style="fill:#ffffff"
66
+ id="path8"
67
+ d="M 15,42.3 C 16.7,39.9 24.1,29.4 26.4,25.5 25.6,23.2 19.9,10.7 18.5,8.3 L 20.7,6.6 C 23.8,10.8 31,21 34.5,25.5 32,28.1 21.3,39.3 16.8,44 Z"
68
+ class="st1" />
69
+ <circle
70
+ r="9"
71
+ cy="39"
72
+ cx="39"
73
+ id="circle857"
74
+ style="opacity:1;vector-effect:none;fill:#2a80d5;fill-opacity:1;stroke:none;stroke-width:2.4000001;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
75
+ </svg>
Binary file
@@ -0,0 +1,43 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg
3
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
4
+ xmlns:cc="http://creativecommons.org/ns#"
5
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
6
+ xmlns:svg="http://www.w3.org/2000/svg"
7
+ xmlns="http://www.w3.org/2000/svg"
8
+ height="50"
9
+ width="50"
10
+ id="svg26"
11
+ version="1.1"
12
+ viewBox="0 0 50 50">
13
+ <metadata
14
+ id="metadata32">
15
+ <rdf:RDF>
16
+ <cc:Work
17
+ rdf:about="">
18
+ <dc:format>image/svg+xml</dc:format>
19
+ <dc:type
20
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
21
+ <dc:title></dc:title>
22
+ </cc:Work>
23
+ </rdf:RDF>
24
+ </metadata>
25
+ <defs
26
+ id="defs30" />
27
+ <style
28
+ id="style2"
29
+ type="text/css"> .st0{fill:#D2232A;} .st1{fill:#FFFFFF;} </style>
30
+ <rect
31
+ style="fill:#d2232a"
32
+ y="0"
33
+ x="0"
34
+ id="rect4"
35
+ height="50"
36
+ width="50"
37
+ class="st0" />
38
+ <path
39
+ style="fill:#ffffff"
40
+ id="path8"
41
+ d="M 15,42.3 C 16.7,39.9 24.1,29.4 26.4,25.5 25.6,23.2 19.9,10.7 18.5,8.3 L 20.7,6.6 C 23.8,10.8 31,21 34.5,25.5 32,28.1 21.3,39.3 16.8,44 Z"
42
+ class="st1" />
43
+ </svg>
@@ -0,0 +1,6 @@
1
+ {
2
+ "icons": [
3
+ { "src": "192.png", "type": "image/png", "sizes": "192x192" },
4
+ { "src": "512.png", "type": "image/png", "sizes": "512x512" }
5
+ ]
6
+ }
package/package.json ADDED
@@ -0,0 +1,71 @@
1
+ {
2
+ "name": "@castlabs/ui",
3
+ "version": "4.18.2",
4
+ "repository": "https://github.com/castlabs/ui-styleguide",
5
+ "private": false,
6
+ "description": "A vanilla HTML/CS/JS & Vue.js component library for castLabs.",
7
+ "engines": {
8
+ "npm": ">=8.0.0"
9
+ },
10
+ "scripts": {
11
+ "build-lib": "vue-cli-service build --target lib --name castlabs-ui src/index.ts && npm run gulp dist",
12
+ "lint": "npm-run-all lint:stylelint lint:eslint",
13
+ "lint:eslint": "eslint .",
14
+ "lint:stylelint": "stylelint \"**/*.{css,scss}\" --ignore-path .gitignore",
15
+ "fix": "npm-run-all fix:stylelint fix:prettier fix:eslint",
16
+ "fix:eslint": "eslint . --fix",
17
+ "fix:prettier": "prettier --write src/ tests/",
18
+ "fix:stylelint": "stylelint \"**/*.{css,scss}\" --fix --ignore-path .gitignore",
19
+ "test": "vitest run --environment jsdom --root tests/unit/",
20
+ "test:unit": "vitest run --no-color --environment jsdom --root tests/unit/",
21
+ "gulp": "gulp",
22
+ "package": "vue-cli-service build --target lib --name castlabs-ui src/index.ts && npm run gulp dist && npm pack"
23
+ },
24
+ "files": [
25
+ "src/**/*.scss",
26
+ "src/assets/*",
27
+ "dist/*",
28
+ "types/*",
29
+ "plugins/*"
30
+ ],
31
+ "types": "./types/index.d.ts",
32
+ "main": "./dist/castlabs-ui.common.js",
33
+ "dependencies": {
34
+ "bootstrap": "5.3.3",
35
+ "simplebar": "6.2.7"
36
+ },
37
+ "devDependencies": {
38
+ "@castlabs/ui-editor": "file:../castlabs-ui-editor",
39
+ "@vitejs/plugin-vue": "5.1.4",
40
+ "@vitest/eslint-plugin": "1.1.7",
41
+ "@vue/cli-plugin-babel": "5.0.8",
42
+ "@vue/cli-plugin-typescript": "5.0.8",
43
+ "@vue/cli-plugin-unit-jest": "5.0.8",
44
+ "@vue/cli-service": "5.0.8",
45
+ "@vue/eslint-config-prettier": "10.1.0",
46
+ "@vue/eslint-config-typescript": "14.1.3",
47
+ "@vue/test-utils": "2.4.6",
48
+ "core-js": "3.39.0",
49
+ "dree": "5.1.5",
50
+ "eslint": "9.14.0",
51
+ "eslint-plugin-import": "2.31.0",
52
+ "eslint-plugin-n": "17.11.1",
53
+ "eslint-plugin-promise": "7.1.0",
54
+ "eslint-plugin-vue": "9.30.0",
55
+ "gulp": "5.0.0",
56
+ "gulp-concat": "2.6.1",
57
+ "gulp-replace": "1.1.4",
58
+ "npm-run-all": "4.1.5",
59
+ "prettier": "3.3.3",
60
+ "sass": "1.80.6",
61
+ "sass-loader": "16.0.3",
62
+ "stylelint-config-standard": "36.0.1",
63
+ "stylelint-config-standard-vue": "1.0.0",
64
+ "stylelint-config-sass-guidelines": "12.1.0",
65
+ "stylelint-order": "6.0.4",
66
+ "stylelint-scss": "6.8.1",
67
+ "typescript": "5.6.3",
68
+ "vitest": "2.1.4",
69
+ "vue": "3.5.12"
70
+ }
71
+ }
@@ -0,0 +1,16 @@
1
+ /**
2
+ * uid.js - Provide a this.$uid to all components with an unique component ID.
3
+ */
4
+
5
+ export default {
6
+ install: (app) => {
7
+ let id = 0
8
+ app.mixin({
9
+ beforeCreate: function beforeCreate () {
10
+ let obj
11
+ const uid = 'uid-' + id++
12
+ Object.defineProperties(this, (obj = {}, obj.$uid = { get: function get () { return uid } }, obj))
13
+ }
14
+ })
15
+ }
16
+ }
@@ -0,0 +1,16 @@
1
+ /**
2
+ * uid.ts - Provide a this.$uid to all components with an unique component ID.
3
+ */
4
+
5
+ export default {
6
+ install: (app: any): void => { // eslint-disable-line @typescript-eslint/no-explicit-any
7
+ let id = 0
8
+ app.mixin({
9
+ beforeCreate: function beforeCreate (): void {
10
+ let obj: any // eslint-disable-line @typescript-eslint/no-explicit-any
11
+ const uid = 'uid-' + id++
12
+ Object.defineProperties(this, (obj = {}, obj.$uid = { get: function get () { return uid } }, obj))
13
+ }
14
+ })
15
+ }
16
+ }
@@ -0,0 +1,2 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 50"><style type="text/css"> .st0{fill:#D2232A;} .st1{fill:#FFFFFF;} </style><rect class="st0" width="50" height="50"/><rect x="51.5" class="st0" width="198.5" height="50"/><path class="st1" d="M15 42.3c1.7-2.4 9.1-12.9 11.4-16.8 -0.8-2.3-6.5-14.8-7.9-17.2l2.2-1.7C23.8 10.8 31 21 34.5 25.5 32 28.1 21.3 39.3 16.8 44L15 42.3z"/><path class="st1" d="M72.4 39.3c-1 0.7-2.9 1.6-6 1.6 -4.3 0-8.8-2.5-8.8-8 0-7.2 5.1-10.3 9.7-10.3 1.8 0 3.5 0.4 4.4 1.1 0 0.8-0.4 1.9-1 2.8h-0.2c-0.6-0.8-2-2.1-4.4-2.1 -2.7 0-5 2.2-5 6.4 0 6 3.1 8.8 7.4 8.8 1.5 0 3.1-0.9 3.6-1.2L72.4 39.3z"/><path class="st1" d="M97.5 40c-0.5 0.3-1.3 0.9-2.9 0.9 -1.9 0-2.6-0.8-3-1.6 -1.2 0.8-2.6 1.6-5.6 1.6 -2.8 0-4.7-1.6-4.7-3.7 0-4.9 6.5-6.4 9.9-7.4V29c0-2.5-0.7-4.6-3.5-4.6 -3 0-4 2.4-4.7 3.8h-0.3c-0.4-0.5-0.7-0.8-1-1.5 1.1-1.5 3.5-4 7.6-4 4.3 0 5.2 2.3 5.2 6.1v5.4c0 2.6 0 5.5 2.1 5.5 0.4 0 0.5-0.1 0.7-0.2L97.5 40zM90.8 31.7c-2.2 0-5.9 0.9-5.9 4.5 0 2.2 1.4 3.4 3.5 3.4 1.7 0 2.6-1.2 2.9-1.5v-6.4H90.8z"/><path class="st1" d="M116.6 28.3c0-1.7-1.2-4.4-3.7-4.4 -1.4 0-2.4 1-2.4 2.7 0 4.3 8.4 3.1 8.4 9.1 0 3.6-2.9 5.3-6.5 5.3 -2.5 0-3.8-0.6-4.8-1.1 -0.6-1.7-0.7-3.6-0.7-5.1h1c0.8 2.5 2 4.9 5.1 4.9 1.7 0 2.7-1.5 2.7-2.8 0-5.1-8.4-3.3-8.4-9.5 0-3.1 2.8-4.8 6-4.8 2 0 3.2 0.6 4 1.1 0.4 1.4 0.5 2.6 0.5 4.6H116.6z"/><path class="st1" d="M139.9 39.7c-0.5 0.2-2.6 1.2-4.5 1.2 -4.1 0-4.2-2.1-4.2-6.3v-9.9c-0.8 0-2-0.1-2.9-0.4v-0.8c1-0.1 2.1-0.3 2.9-0.4v-1.1c1-1.2 2.3-2.5 3.3-3.3L135 19c-0.1 0.7-0.5 3.1-0.5 4.2 1.1 0.1 3 0.3 4 0.4v0.8c-1 0.3-2.9 0.3-4 0.4v8.2c0 3 0 6.2 3.2 6.2 0.8 0 1.5-0.2 1.9-0.3L139.9 39.7z"/><path class="st1" d="M149.2 39.4l1.6-0.1c1.7-0.2 1.7-0.4 1.7-5.8V18.1c0-5.4 0-5.6-1.7-5.8l-1.6-0.1v-1h10.7v1l-1.6 0.1c-1.7 0.2-1.7 0.4-1.7 5.8v20.4c1.6 0.3 3.2 0.5 4.8 0.5 6.5 0 7-2.6 7.8-6.3l1.1 0.2c-0.1 2.8-0.7 4.9-1.5 7.3h-19.7V39.4z"/><path class="st1" d="M196.6 40c-0.5 0.3-1.3 0.9-2.9 0.9 -1.9 0-2.6-0.8-3-1.6 -1.2 0.8-2.6 1.6-5.5 1.6 -2.8 0-4.7-1.6-4.7-3.7 0-4.9 6.5-6.4 9.9-7.4V29c0-2.5-0.7-4.6-3.5-4.6 -3 0-4 2.4-4.7 3.8h-0.3c-0.4-0.5-0.7-0.8-1-1.5 1.1-1.5 3.5-4 7.6-4 4.3 0 5.2 2.3 5.2 6.1v5.4c0 2.6 0 5.5 2.1 5.5 0.4 0 0.5-0.1 0.7-0.2L196.6 40zM189.9 31.7c-2.2 0-5.9 0.9-5.9 4.5 0 2.2 1.4 3.4 3.5 3.4 1.7 0 2.6-1.2 2.9-1.5v-6.4H189.9z"/><path class="st1" d="M210.4 27.8L210.4 27.8c1.3-1.6 4-5.2 7.8-5.2 1.9 0 2.9 1.4 2.9 3.7 0 6.4-3.8 14.7-11.3 14.7 -2.4 0-3.6-1.2-3.6-3.4 0-1.2 0.3-2.8 0.6-4.5l2.8-14.7c0.1-0.7 0.3-1.7 0.3-2 0-0.5-0.2-0.8-0.6-0.8 -0.5 0-1.7 0.5-2.4 0.8l-0.3-0.8c1-0.7 4.2-2.3 5.5-2.3 0.6 0 0.9 0.3 0.9 1.1 0 0.5-0.2 1.5-0.3 2.5L210.4 27.8zM211.6 39.4c4.6 0 6.2-8.4 6.2-11.6 0-1.8-0.2-3.4-1.7-3.4 -2.9 0-6.7 6.5-6.7 11.6C209.4 37.9 210 39.4 211.6 39.4z"/><path class="st1" d="M240.7 28.3c0-1.7-1.2-4.4-3.7-4.4 -1.4 0-2.4 1-2.4 2.7 0 4.3 8.4 3.1 8.4 9.1 0 3.6-2.9 5.3-6.5 5.3 -2.5 0-3.8-0.6-4.8-1.1 -0.6-1.7-0.7-3.6-0.7-5.1h1c0.8 2.5 2 4.9 5.1 4.9 1.7 0 2.7-1.5 2.7-2.8 0-5.1-8.4-3.3-8.4-9.5 0-3.1 2.8-4.8 6-4.8 2 0 3.2 0.6 4 1.1 0.4 1.4 0.5 2.6 0.5 4.6H240.7z"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 97 114" width="40" height="40"><style>.st0{fill:#e59b34}.st2{fill:#6a3000}</style><path class="st0" d="M83.2 46.9l-9.8-18.5c5.9-1.3 9.6-5.3 11.5-7.3l11.5 6.7c-1.8 2-13.2 19.1-13.2 19.1zM24.1 110.5C-26 91.1 11.8 15.1 48.6 0l11.5 6.7-36 103.8z"/><path class="st0" d="M63.6 26.6l-11-10.7c2.7 1.6 6.4 1.5 10.4-.7l11.5 6.7c-4 2.1-10.9 4.7-10.9 4.7z"/><path d="M96.4 27.9c3.1 29.3-16.9 64.8-42.1 79.7-23.5 13.6-42.6 2.7-42.7-24.3.3-29.3 21.3-64.7 48.5-76.6-2.7 10.8 2.7 21.2 14.4 15.2-.9 16.4 12.9 16 21.9 6z" fill="#ffb450"/><path class="st2" d="M68.7 76.3c-4.5 1.7-7.8 14.2 0 10.9 4.5-1.6 7.8-14.2 0-10.9zM48.8 63.8c12.2-4-2 20.7-4.7 8.2 0-3 2.1-6.7 4.7-8.2zM72.7 42.9c7.8-3.3 4.5 9.3 0 11-7.8 3.3-4.5-9.3 0-11zM33.8 88c7.8-3.3 4.5 9.3 0 10.9-7.7 3.4-4.4-9.2 0-10.9zM50.8 27.8c7.8-3.3 4.5 9.3 0 11-7.8 3.3-4.5-9.3 0-11zM30 54.7c12.2-4-2 20.7-4.8 8.2.1-3 2.2-6.7 4.8-8.2z"/></svg>
@@ -0,0 +1,117 @@
1
+ ////
2
+ /// @group components
3
+ /// @access public
4
+ ////
5
+
6
+ // This is our version of Bootstrap alerts.
7
+
8
+ .alert {
9
+ @extend %p-medium;
10
+ @extend %spacing-small;
11
+
12
+ $alert-indent: 1.333em; // ~ $spacing-medium on %p-medium;
13
+
14
+ font-size: 0.8888em; // 18px -> 16px
15
+ margin-left: $alert-indent;
16
+
17
+ &::before {
18
+ color: $color-ci-silver;
19
+ content: '\f138';
20
+ display: inline-block;
21
+ font-family: 'Font Awesome 5 Free';
22
+ font-weight: 900;
23
+ margin-left: -$alert-indent;
24
+ position: absolute;
25
+ text-align: center;
26
+ width: 1em;
27
+ }
28
+
29
+ &.cl-alert-success {
30
+ &::before {
31
+ content: '\f058';
32
+ }
33
+ }
34
+
35
+ &.cl-alert-danger {
36
+ color: $color-ci-blue;
37
+
38
+ &::before {
39
+ color: $color-ci-blue;
40
+ content: '\f057';
41
+ }
42
+
43
+ a {
44
+ color: $color-ci-blue;
45
+ }
46
+ }
47
+
48
+ &.cl-alert-warning {
49
+ &::before {
50
+ color: $color-ci-blue;
51
+ content: '\f06a';
52
+ }
53
+ }
54
+
55
+ &.cl-alert-info {
56
+ &::before {
57
+ content: '\f05a';
58
+ }
59
+ }
60
+
61
+ &.cl-alert-suggestion {
62
+ &::before {
63
+ content: '\f0eb';
64
+ }
65
+ }
66
+
67
+ &.cl-alert-check {
68
+ &::before {
69
+ content: '\f058';
70
+ }
71
+ }
72
+
73
+ &.cl-alert-locked {
74
+ &::before {
75
+ content: '\f023';
76
+ }
77
+ }
78
+
79
+ &.cl-alert-action {
80
+ $icon: '\f105';
81
+
82
+ &::before {
83
+ content: $icon; // angle-right
84
+ }
85
+
86
+ a:not(:first-child),
87
+ button:not(:first-child),
88
+ input:not(:first-child) {
89
+ margin-left: calc($alert-indent + $spacing-small);
90
+ position: relative;
91
+
92
+ &::before {
93
+ @include cl-fontawesome($icon);
94
+
95
+ & {
96
+ color: $color-ci-silver;
97
+ display: inline-block;
98
+ margin-left: -$alert-indent;
99
+ position: absolute;
100
+ text-align: center;
101
+ top: 0.225em;
102
+ width: 1em;
103
+ }
104
+ }
105
+ }
106
+
107
+ button,
108
+ input {
109
+ @extend %cl-a-default;
110
+
111
+ background-color: transparent;
112
+ border: 0;
113
+ line-height: px(22);
114
+ padding: 0;
115
+ }
116
+ }
117
+ }
@@ -0,0 +1,122 @@
1
+ ////
2
+ /// @group components
3
+ /// @access public
4
+ ////
5
+
6
+ // This file adds & customizes bootstrap's cards.
7
+
8
+ @import 'bootstrap/scss/badge';
9
+
10
+ $badge-color-fg: $color-ci-white;
11
+ $badge-color-bg: $color-dark;
12
+ $badge-padding: px(4) px(8);
13
+
14
+ @mixin cl-badge() {
15
+ @extend %cl-font-condensed;
16
+
17
+ background-color: $badge-color-bg;
18
+ border-radius: 2rem;
19
+ font-size: px(14); // 18->14
20
+ font-weight: 650;
21
+ line-height: 1em;
22
+ padding: $badge-padding;
23
+
24
+ &-primary,
25
+ &-secondary,
26
+ &-success,
27
+ &-danger,
28
+ &-warning,
29
+ &-info,
30
+ &-light,
31
+ &-dark {
32
+ background-color: $badge-color-bg;
33
+ color: $badge-color-fg;
34
+ }
35
+
36
+ &.cl-badge-text {
37
+ background-color: $badge-color-bg;
38
+ }
39
+
40
+ &.cl-badge-light {
41
+ background-color: $badge-color-fg;
42
+ color: $badge-color-bg;
43
+ }
44
+
45
+ &.cl-badge-primary {
46
+ background-color: $color-primary;
47
+ }
48
+
49
+ &.cl-badge-secondary {
50
+ background-color: $color-secondary;
51
+ }
52
+ }
53
+
54
+ @mixin badge-derived() {
55
+ $badge-color: $color-ci-silver;
56
+
57
+ background-color: transparent;
58
+ box-shadow: 0 0 0 2px $badge-color inset;
59
+ color: $badge-color;
60
+ display: inline-block;
61
+ text-align: left;
62
+ width: 3em;
63
+
64
+ &::before {
65
+ @include cl-fontawesome('\f064');
66
+
67
+ color: $badge-color !important;
68
+ position: relative;
69
+ top: 0;
70
+ transform: scale(0.75) scaleY(-1) translate(-0.15em, -0.025em);
71
+ }
72
+
73
+ &.cl-badge-primary {
74
+ box-shadow: 0 0 0 2px $color-primary inset;
75
+ color: $color-primary;
76
+
77
+ &::before {
78
+ color: $color-primary !important;
79
+ }
80
+ }
81
+
82
+ &.cl-badge-secondary {
83
+ box-shadow: 0 0 0 2px $color-secondary inset;
84
+ color: $color-secondary;
85
+
86
+ &::before {
87
+ color: $color-secondary !important;
88
+ }
89
+ }
90
+
91
+ .cl-spacing-box-micro &,
92
+ .cl-spacing-box-tiny &,
93
+ .cl-spacing-box-small &,
94
+ .cl-spacing-box &,
95
+ .cl-spacing-box-medium &,
96
+ .cl-spacing-box-large &,
97
+ .cl-spacing-box-huge & {
98
+ margin-right: 0;
99
+ }
100
+ }
101
+
102
+ .badge {
103
+ @include cl-badge();
104
+
105
+ &.cl-badge-derived {
106
+ @include badge-derived();
107
+
108
+ + .badge {
109
+ margin-left: -1.5em;
110
+ }
111
+ }
112
+ }
113
+
114
+ a.badge,
115
+ .badge a {
116
+ @include typography-links($badge-color-fg, rgba($badge-color-fg, $color-hover-opacity), 0);
117
+
118
+ & {
119
+ display: inline-block;
120
+ padding: $badge-padding;
121
+ }
122
+ }