@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.
- package/README.md +94 -0
- package/dist/assets/castlabs-logo.svg +2 -0
- package/dist/assets/cookie.svg +1 -0
- package/dist/castlabs-ui-editor.common.js +23189 -0
- package/dist/castlabs-ui-editor.common.js.map +1 -0
- package/dist/castlabs-ui-editor.css +1 -0
- package/dist/castlabs-ui-editor.umd.js +23208 -0
- package/dist/castlabs-ui-editor.umd.js.map +1 -0
- package/dist/castlabs-ui-editor.umd.min.js +10 -0
- package/dist/castlabs-ui-editor.umd.min.js.map +1 -0
- package/dist/castlabs-ui.common.js +6828 -0
- package/dist/castlabs-ui.common.js.map +1 -0
- package/dist/castlabs-ui.core.js +1031 -0
- package/dist/castlabs-ui.css +12 -0
- package/dist/castlabs-ui.module.d.ts +83 -0
- package/dist/castlabs-ui.module.js +1031 -0
- package/dist/castlabs-ui.umd.js +6847 -0
- package/dist/castlabs-ui.umd.js.map +1 -0
- package/dist/castlabs-ui.umd.min.js +8 -0
- package/dist/castlabs-ui.umd.min.js.map +1 -0
- package/dist/demo.html +1 -0
- package/dist/favicon/192.png +0 -0
- package/dist/favicon/512.png +0 -0
- package/dist/favicon/apple-touch-icon.png +0 -0
- package/dist/favicon/favicon-unread.svg +75 -0
- package/dist/favicon/favicon.ico +0 -0
- package/dist/favicon/favicon.svg +43 -0
- package/dist/favicon/manifest.webmanifest +6 -0
- package/dist/fonts/BngRUXNETWXI6LwhGYvaxZikqbCCwR26eg.f31394d2.woff2 +0 -0
- package/dist/fonts/BngRUXNETWXI6LwhGYvaxZikqbCFwR26eg.00073a59.woff2 +0 -0
- package/dist/fonts/BngRUXNETWXI6LwhGYvaxZikqbCGwR0.faa92a75.woff2 +0 -0
- package/dist/fonts/BngRUXNETWXI6LwhGYvaxZikqbCIwR26eg.f8e38fba.woff2 +0 -0
- package/dist/fonts/BngRUXNETWXI6LwhGYvaxZikqbCJwR26eg.f1d5cd16.woff2 +0 -0
- package/dist/fonts/BngRUXNETWXI6LwhGYvaxZikqbCKwR26eg.ebbe259f.woff2 +0 -0
- package/dist/fonts/BngRUXNETWXI6LwhGYvaxZikqbCLwR26eg.e3d460d0.woff2 +0 -0
- package/dist/fonts/fa-brands-400.18993be8.woff2 +0 -0
- package/dist/fonts/fa-regular-400.e45bb696.woff2 +0 -0
- package/dist/fonts/fa-solid-900.16e3d2f0.woff2 +0 -0
- package/dist/fonts/mem6YaGs126MiZpBA-UFUK0Udc1UAw.6de93dc1.woff2 +0 -0
- package/dist/fonts/mem6YaGs126MiZpBA-UFUK0Wdc1UAw.55c9461f.woff2 +0 -0
- package/dist/fonts/mem6YaGs126MiZpBA-UFUK0Xdc1UAw.111f8c99.woff2 +0 -0
- package/dist/fonts/mem6YaGs126MiZpBA-UFUK0Zdc0.92257a03.woff2 +0 -0
- package/dist/fonts/mem6YaGs126MiZpBA-UFUK0adc1UAw.1844ded3.woff2 +0 -0
- package/dist/fonts/mem6YaGs126MiZpBA-UFUK0bdc1UAw.719267ea.woff2 +0 -0
- package/dist/fonts/mem6YaGs126MiZpBA-UFUK0ddc1UAw.037dea2d.woff2 +0 -0
- package/dist/fonts/mem8YaGs126MiZpBA-UFUZ0bbck.6869bd80.woff2 +0 -0
- package/dist/fonts/mem8YaGs126MiZpBA-UFV50bbck.05a41692.woff2 +0 -0
- package/dist/fonts/mem8YaGs126MiZpBA-UFVZ0b.38ffdf27.woff2 +0 -0
- package/dist/fonts/mem8YaGs126MiZpBA-UFVp0bbck.f12c0c2c.woff2 +0 -0
- package/dist/fonts/mem8YaGs126MiZpBA-UFW50bbck.03f14837.woff2 +0 -0
- package/dist/fonts/mem8YaGs126MiZpBA-UFWJ0bbck.abcca84a.woff2 +0 -0
- package/dist/fonts/mem8YaGs126MiZpBA-UFWp0bbck.4d1e267c.woff2 +0 -0
- package/package.json +71 -0
- package/plugins/uid/index.js +16 -0
- package/plugins/uid/index.ts +16 -0
- package/src/assets/castlabs-logo.svg +2 -0
- package/src/assets/cookie.svg +1 -0
- package/src/components/ClAlert/style.scss +117 -0
- package/src/components/ClBadge/style.scss +122 -0
- package/src/components/ClButton/style.scss +338 -0
- package/src/components/ClCard/style.scss +61 -0
- package/src/components/ClCard/style.variables.scss +179 -0
- package/src/components/ClDropdown/style.scss +272 -0
- package/src/components/ClDropzone/style.scss +21 -0
- package/src/components/ClFooter/style.scss +119 -0
- package/src/components/ClIcon/style.scss +58 -0
- package/src/components/ClIconotron/style.scss +86 -0
- package/src/components/ClList/style.scss +93 -0
- package/src/components/ClList/style.variables.scss +133 -0
- package/src/components/ClListGroup/style.scss +9 -0
- package/src/components/ClPagination/style.scss +123 -0
- package/src/components/ClProgress/style.scss +49 -0
- package/src/components/ClScrollbar/style.scss +14 -0
- package/src/components/ClSpinner/style.scss +26 -0
- package/src/components/ClTabs/style.scss +90 -0
- package/src/components/ClToggle/style.scss +97 -0
- package/src/components/ClTooltip/style.scss +46 -0
- package/src/components/ClWizard/style.scss +173 -0
- package/src/components/form/ClField/style.scss +45 -0
- package/src/components/form/ClFieldCheck/style.scss +99 -0
- package/src/components/form/ClFieldFile/style.scss +71 -0
- package/src/components/form/ClFieldGroup/style.scss +73 -0
- package/src/components/form/ClFieldInput/style.scss +118 -0
- package/src/components/form/ClFieldSelect/style.scss +39 -0
- package/src/components/form/ClFieldSet/style.scss +16 -0
- package/src/components/form/ClForm/style.scss +87 -0
- package/src/components/modal/ClModal/style.scss +138 -0
- package/src/components/navigation/ClNavSide/ClNavDrawer/style.scss +444 -0
- package/src/components/navigation/ClNavSide/ClNavSideMenu/style.scss +51 -0
- package/src/components/navigation/ClNavSide/style.scss +81 -0
- package/src/components/navigation/ClNavTop/style.scss +305 -0
- package/src/components/section/ClSectionHeadline/style.scss +49 -0
- package/src/components/section/ClSectionMainSide/style.scss +60 -0
- package/src/components/table/ClTable/style.scss +23 -0
- package/src/components/table/ClTable/style.variables.scss +155 -0
- package/src/components/table/ClTableCel/Actions/style.scss +11 -0
- package/src/components/table/ClTableCel/Audit/style.scss +26 -0
- package/src/components/table/ClTableCel/Boolean/style.scss +12 -0
- package/src/components/table/ClTableCel/Checkbox/style.scss +18 -0
- package/src/components/table/ClTableCel/Code/style.scss +13 -0
- package/src/components/table/ClTableCel/Currency/style.scss +9 -0
- package/src/components/table/ClTableCel/Date/style.scss +12 -0
- package/src/components/table/ClTableCel/ID/style.scss +16 -0
- package/src/components/table/ClTableCel/Links/style.scss +44 -0
- package/src/components/table/ClTableCel/style.scss +7 -0
- package/src/components/table/ClTableCel/style.variables.scss +25 -0
- package/src/components/table/ClTableFootChecked/style.scss +2 -0
- package/src/components/table/ClTableHead/style.scss +36 -0
- package/src/components/text/ClCopy/style.scss +42 -0
- package/src/components/text/ClHashtag/style.scss +31 -0
- package/src/components/text/ClLinkExternal/style.scss +147 -0
- package/src/components/text/ClOrg/style.scss +40 -0
- package/src/components/text/ClPlan/style.scss +35 -0
- package/src/components/text/ClRole/style.scss +39 -0
- package/src/components/widget/ClBackCancelOk/style.scss +3 -0
- package/src/components/widget/ClCookieBanner/style.scss +40 -0
- package/src/components/widget/ClPage/style.scss +11 -0
- package/src/fonts/FontAwesome5/FontAwesome5.scss +6121 -0
- package/src/fonts/NotoSansMono/NotoSansMono.scss +82 -0
- package/src/fonts/OpenSansVariable/OpenSansVariable.scss +183 -0
- package/src/styles/_global.scss +70 -0
- package/src/styles/abstracts/color.scss +127 -0
- package/src/styles/abstracts/layer.scss +10 -0
- package/src/styles/abstracts/spacing.scss +35 -0
- package/src/styles/abstracts/tools.scss +117 -0
- package/src/styles/assets/logo.scss +22 -0
- package/src/styles/components/button.variables.scss +18 -0
- package/src/styles/components/form.variables.scss +51 -0
- package/src/styles/layout/animation.scss +39 -0
- package/src/styles/layout/grid.scss +144 -0
- package/src/styles/layout/grid.variables.scss +50 -0
- package/src/styles/layout/section.scss +90 -0
- package/src/styles/layout/spacing.scss +295 -0
- package/src/styles/layout/typography.scss +321 -0
- package/src/styles/layout/typography.variables.scss +363 -0
- package/src/styles/ui.scss +98 -0
- package/src/styles/vendors/bootstrap.scss +28 -0
- package/src/styles/vendors/castlabs.scss +17 -0
- package/types/castlabs-ui.module.d.ts +83 -0
- 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
|
|
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>
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
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
|
+
}
|