@spaced-out/ui-design-system 0.0.1-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.
- package/.commitlintrc.json +3 -0
- package/.cspell/custom-words.txt +22 -0
- package/.editorconfig +9 -0
- package/.eslintignore +1 -0
- package/.eslintrc.yml +122 -0
- package/.flowconfig +45 -0
- package/.github/workflows/pages.yml +52 -0
- package/.prettierrc +11 -0
- package/.storybook/SenseTheme.js +12 -0
- package/.storybook/main.js +73 -0
- package/.storybook/manager-head.html +41 -0
- package/.storybook/manager.js +14 -0
- package/.storybook/preview-head.html +130 -0
- package/.storybook/preview.js +128 -0
- package/.storybook/public/favicon.ico +0 -0
- package/.storybook/public/favicon.svg +6 -0
- package/.storybook/public/fonts/CentraNo2-Book.woff +0 -0
- package/.storybook/public/fonts/CentraNo2-Book.woff2 +0 -0
- package/.storybook/public/fonts/CentraNo2-BookItalic.woff +0 -0
- package/.storybook/public/fonts/CentraNo2-BookItalic.woff2 +0 -0
- package/.storybook/public/fonts/CentraNo2-Medium.woff +0 -0
- package/.storybook/public/fonts/CentraNo2-Medium.woff2 +0 -0
- package/.vscode/extensions.json +3 -0
- package/CHANGELOG.md +73 -0
- package/README.md +178 -0
- package/babel.config.js +24 -0
- package/config.js +58 -0
- package/cspell.json +26 -0
- package/design-tokens/border/app-border.json +41 -0
- package/design-tokens/border/base-border.json +41 -0
- package/design-tokens/color/app-color.json +226 -0
- package/design-tokens/color/base-color.json +265 -0
- package/design-tokens/elevation/app-elevation.json +22 -0
- package/design-tokens/elevation/base-elevation.json +19 -0
- package/design-tokens/font/base-font.json +98 -0
- package/design-tokens/index.js +5 -0
- package/design-tokens/motion/app.motion.json +24 -0
- package/design-tokens/motion/base-motion.json +40 -0
- package/design-tokens/opacity/base-opacity.json +49 -0
- package/design-tokens/shadow/base-shadow.json +86 -0
- package/design-tokens/size/base-size.json +94 -0
- package/design-tokens/space/app-space.json +40 -0
- package/design-tokens/space/base-space.json +40 -0
- package/flow-typed/npm/lodash_v4.x.x.js +6407 -0
- package/git-conventional-commits.json +43 -0
- package/gulpfile.js +48 -0
- package/jest.config.js +9 -0
- package/lib/assets/fontawesome/LICENSE.txt +18 -0
- package/lib/assets/fontawesome/css/all.min.css +27184 -0
- package/lib/assets/fontawesome/webfonts/fa-brands-400.ttf +0 -0
- package/lib/assets/fontawesome/webfonts/fa-brands-400.woff2 +0 -0
- package/lib/assets/fontawesome/webfonts/fa-duotone-900.ttf +0 -0
- package/lib/assets/fontawesome/webfonts/fa-duotone-900.woff2 +0 -0
- package/lib/assets/fontawesome/webfonts/fa-light-300.ttf +0 -0
- package/lib/assets/fontawesome/webfonts/fa-light-300.woff2 +0 -0
- package/lib/assets/fontawesome/webfonts/fa-regular-400.ttf +0 -0
- package/lib/assets/fontawesome/webfonts/fa-regular-400.woff2 +0 -0
- package/lib/assets/fontawesome/webfonts/fa-solid-900.ttf +0 -0
- package/lib/assets/fontawesome/webfonts/fa-solid-900.woff2 +0 -0
- package/lib/assets/fontawesome/webfonts/fa-thin-100.ttf +0 -0
- package/lib/assets/fontawesome/webfonts/fa-thin-100.woff2 +0 -0
- package/lib/assets/fontawesome/webfonts/fa-v4compatibility.ttf +0 -0
- package/lib/assets/fontawesome/webfonts/fa-v4compatibility.woff2 +0 -0
- package/lib/components/Button/Button.js +120 -0
- package/lib/components/Button/Button.js.flow +166 -0
- package/lib/components/Button/Button.module.css +226 -0
- package/lib/components/Button/index.js +24 -0
- package/lib/components/Button/index.js.flow +4 -0
- package/lib/components/ButtonDropdown/ButtonDropdown.js +89 -0
- package/lib/components/ButtonDropdown/ButtonDropdown.js.flow +119 -0
- package/lib/components/ButtonDropdown/ButtonDropdown.module.css +4 -0
- package/lib/components/ButtonDropdown/index.js +12 -0
- package/lib/components/ButtonDropdown/index.js.flow +4 -0
- package/lib/components/Checkbox/Checkbox.js +99 -0
- package/lib/components/Checkbox/Checkbox.js.flow +133 -0
- package/lib/components/Checkbox/Checkbox.module.css +160 -0
- package/lib/components/Checkbox/CheckboxGroup.js +85 -0
- package/lib/components/Checkbox/CheckboxGroup.js.flow +105 -0
- package/lib/components/Checkbox/CheckboxGroup.module.css +47 -0
- package/lib/components/Checkbox/index.js +19 -0
- package/lib/components/Checkbox/index.js.flow +3 -0
- package/lib/components/CircularLoader/CircularLoader.js +44 -0
- package/lib/components/CircularLoader/CircularLoader.js.flow +44 -0
- package/lib/components/CircularLoader/CircularLoader.module.css +81 -0
- package/lib/components/CircularLoader/index.js +12 -0
- package/lib/components/CircularLoader/index.js.flow +3 -0
- package/lib/components/CodeBlock.js +26 -0
- package/lib/components/CodeBlock.js.flow +19 -0
- package/lib/components/Dialog/Dialog.js +148 -0
- package/lib/components/Dialog/Dialog.js.flow +165 -0
- package/lib/components/Dialog/Dialog.module.css +87 -0
- package/lib/components/Dialog/index.js +36 -0
- package/lib/components/Dialog/index.js.flow +14 -0
- package/lib/components/Dropdown/Dropdown.js +108 -0
- package/lib/components/Dropdown/Dropdown.js.flow +129 -0
- package/lib/components/Dropdown/Dropdown.module.css +14 -0
- package/lib/components/Dropdown/index.js +18 -0
- package/lib/components/Dropdown/index.js.flow +4 -0
- package/lib/components/Grid/Grid.js +82 -0
- package/lib/components/Grid/Grid.js.flow +88 -0
- package/lib/components/Grid/Grid.module.css +30 -0
- package/lib/components/Grid/index.js +16 -0
- package/lib/components/Grid/index.js.flow +3 -0
- package/lib/components/Icon/ClickableIcon.js +51 -0
- package/lib/components/Icon/ClickableIcon.js.flow +51 -0
- package/lib/components/Icon/ClickableIcon.module.css +50 -0
- package/lib/components/Icon/FontAwesomeLibrary.js +3 -0
- package/lib/components/Icon/FontAwesomeLibrary.js.flow +3 -0
- package/lib/components/Icon/Icon.js +38 -0
- package/lib/components/Icon/Icon.js.flow +51 -0
- package/lib/components/Icon/index.js +25 -0
- package/lib/components/Icon/index.js.flow +6 -0
- package/lib/components/InContextAlert/InContextAlert.js +121 -0
- package/lib/components/InContextAlert/InContextAlert.js.flow +173 -0
- package/lib/components/InContextAlert/InContextAlert.module.css +54 -0
- package/lib/components/InContextAlert/index.js +18 -0
- package/lib/components/InContextAlert/index.js.flow +3 -0
- package/lib/components/Input/Input.js +172 -0
- package/lib/components/Input/Input.js.flow +246 -0
- package/lib/components/Input/Input.module.css +122 -0
- package/lib/components/Input/index.js +12 -0
- package/lib/components/Input/index.js.flow +4 -0
- package/lib/components/LinearLoader/LinearLoader.js +35 -0
- package/lib/components/LinearLoader/LinearLoader.js.flow +34 -0
- package/lib/components/LinearLoader/LinearLoader.module.css +43 -0
- package/lib/components/LinearLoader/index.js +12 -0
- package/lib/components/LinearLoader/index.js.flow +3 -0
- package/lib/components/Menu/Menu.js +76 -0
- package/lib/components/Menu/Menu.js.flow +85 -0
- package/lib/components/Menu/Menu.module.css +124 -0
- package/lib/components/Menu/index.js +12 -0
- package/lib/components/Menu/index.js.flow +4 -0
- package/lib/components/Modal/Modal.js +121 -0
- package/lib/components/Modal/Modal.js.flow +157 -0
- package/lib/components/Modal/Modal.module.css +62 -0
- package/lib/components/Modal/index.js +12 -0
- package/lib/components/Modal/index.js.flow +3 -0
- package/lib/components/Notification/Notification.js +89 -0
- package/lib/components/Notification/Notification.js.flow +136 -0
- package/lib/components/Notification/Notification.module.css +54 -0
- package/lib/components/Notification/index.js +18 -0
- package/lib/components/Notification/index.js.flow +3 -0
- package/lib/components/Panel/Panel.js +96 -0
- package/lib/components/Panel/Panel.js.flow +109 -0
- package/lib/components/Panel/Panel.module.css +77 -0
- package/lib/components/Panel/index.js +30 -0
- package/lib/components/Panel/index.js.flow +10 -0
- package/lib/components/RadioButton/RadioButton.js +76 -0
- package/lib/components/RadioButton/RadioButton.js.flow +102 -0
- package/lib/components/RadioButton/RadioButton.module.css +122 -0
- package/lib/components/RadioButton/RadioGroup.js +60 -0
- package/lib/components/RadioButton/RadioGroup.js.flow +85 -0
- package/lib/components/RadioButton/RadioGroup.module.css +47 -0
- package/lib/components/RadioButton/index.js +19 -0
- package/lib/components/RadioButton/index.js.flow +3 -0
- package/lib/components/SearchInput/SearchInput.js +47 -0
- package/lib/components/SearchInput/SearchInput.js.flow +73 -0
- package/lib/components/SearchInput/SearchInput.module.css +11 -0
- package/lib/components/SearchInput/index.js +12 -0
- package/lib/components/SearchInput/index.js.flow +4 -0
- package/lib/components/Text/Text.js +195 -0
- package/lib/components/Text/Text.js.flow +160 -0
- package/lib/components/Text/index.js +103 -0
- package/lib/components/Text/index.js.flow +21 -0
- package/lib/components/Textarea/Textarea.js +95 -0
- package/lib/components/Textarea/Textarea.js.flow +133 -0
- package/lib/components/Textarea/Textarea.module.css +110 -0
- package/lib/components/Textarea/index.js +12 -0
- package/lib/components/Textarea/index.js.flow +4 -0
- package/lib/components/Toast/Toast.js +187 -0
- package/lib/components/Toast/Toast.js.flow +210 -0
- package/lib/components/Toast/Toast.module.css +52 -0
- package/lib/components/Toast/ToastContainer.js +129 -0
- package/lib/components/Toast/ToastContainer.js.flow +125 -0
- package/lib/components/Toast/ToastContainer.module.css +41 -0
- package/lib/components/Toast/ToastManager.js +62 -0
- package/lib/components/Toast/ToastManager.js.flow +67 -0
- package/lib/components/Toast/index.js +56 -0
- package/lib/components/Toast/index.js.flow +12 -0
- package/lib/components/Toggle/Toggle.js +69 -0
- package/lib/components/Toggle/Toggle.js.flow +94 -0
- package/lib/components/Toggle/Toggle.module.css +144 -0
- package/lib/components/Toggle/index.js +12 -0
- package/lib/components/Toggle/index.js.flow +2 -0
- package/lib/components/Tooltip/Tooltip.js +81 -0
- package/lib/components/Tooltip/Tooltip.js.flow +110 -0
- package/lib/components/Tooltip/Tooltip.module.css +16 -0
- package/lib/components/Tooltip/index.js +12 -0
- package/lib/components/Tooltip/index.js.flow +4 -0
- package/lib/components/Truncate/Truncate.js +28 -0
- package/lib/components/Truncate/Truncate.js.flow +22 -0
- package/lib/components/Truncate/Truncate.module.css +6 -0
- package/lib/components/Truncate/index.js +12 -0
- package/lib/components/Truncate/index.js.flow +4 -0
- package/lib/components/Typeahead/Typeahead.js +124 -0
- package/lib/components/Typeahead/Typeahead.js.flow +153 -0
- package/lib/components/Typeahead/Typeahead.module.css +10 -0
- package/lib/components/Typeahead/index.js +12 -0
- package/lib/components/Typeahead/index.js.flow +4 -0
- package/lib/hooks/index.js +27 -0
- package/lib/hooks/index.js.flow +4 -0
- package/lib/hooks/useMountTransition.js +25 -0
- package/lib/hooks/useMountTransition.js.flow +27 -0
- package/lib/hooks/useToastPortal.js +32 -0
- package/lib/hooks/useToastPortal.js.flow +30 -0
- package/lib/styles/animation.module.css +9 -0
- package/lib/styles/border.module.css +27 -0
- package/lib/styles/shadow.module.css +42 -0
- package/lib/styles/typography.module.css +227 -0
- package/lib/styles/variables/_border.css +21 -0
- package/lib/styles/variables/_border.js +29 -0
- package/lib/styles/variables/_border.js.flow +23 -0
- package/lib/styles/variables/_color.css +131 -0
- package/lib/styles/variables/_color.js +139 -0
- package/lib/styles/variables/_color.js.flow +133 -0
- package/lib/styles/variables/_elevation.css +11 -0
- package/lib/styles/variables/_elevation.js +19 -0
- package/lib/styles/variables/_elevation.js.flow +13 -0
- package/lib/styles/variables/_font.css +51 -0
- package/lib/styles/variables/_font.js +59 -0
- package/lib/styles/variables/_font.js.flow +53 -0
- package/lib/styles/variables/_motion.css +11 -0
- package/lib/styles/variables/_motion.js +19 -0
- package/lib/styles/variables/_motion.js.flow +13 -0
- package/lib/styles/variables/_opacity.css +29 -0
- package/lib/styles/variables/_opacity.js +37 -0
- package/lib/styles/variables/_opacity.js.flow +31 -0
- package/lib/styles/variables/_shadow.css +47 -0
- package/lib/styles/variables/_shadow.js +55 -0
- package/lib/styles/variables/_shadow.js.flow +49 -0
- package/lib/styles/variables/_size.css +59 -0
- package/lib/styles/variables/_size.js +67 -0
- package/lib/styles/variables/_size.js.flow +61 -0
- package/lib/styles/variables/_space.css +23 -0
- package/lib/styles/variables/_space.js +31 -0
- package/lib/styles/variables/_space.js.flow +25 -0
- package/lib/types/common.js +1 -0
- package/lib/types/common.js.flow +3 -0
- package/lib/types/toast.js +24 -0
- package/lib/types/toast.js.flow +41 -0
- package/lib/types/typography.js +22 -0
- package/lib/types/typography.js.flow +18 -0
- package/lib/utils/classify.js +33 -0
- package/lib/utils/classify.js.flow +29 -0
- package/lib/utils/click-away.js +110 -0
- package/lib/utils/click-away.js.flow +134 -0
- package/lib/utils/dom.js +202 -0
- package/lib/utils/dom.js.flow +238 -0
- package/lib/utils/helpers.js +16 -0
- package/lib/utils/helpers.js.flow +11 -0
- package/lib/utils/makeClassNameComponent.js +58 -0
- package/lib/utils/makeClassNameComponent.js.flow +71 -0
- package/lib/utils/merge-refs.js +17 -0
- package/lib/utils/merge-refs.js.flow +14 -0
- package/lint-staged.config.js +5 -0
- package/package.json +114 -0
- package/postcss.config.js +3 -0
- package/pull_request_template.md +48 -0
- package/settings.json +3 -0
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
{
|
|
2
|
+
"convention" : {
|
|
3
|
+
"commitTypes": [
|
|
4
|
+
"feat",
|
|
5
|
+
"fix",
|
|
6
|
+
"perf",
|
|
7
|
+
"refactor",
|
|
8
|
+
"style",
|
|
9
|
+
"test",
|
|
10
|
+
"build",
|
|
11
|
+
"ops",
|
|
12
|
+
"docs",
|
|
13
|
+
"chore",
|
|
14
|
+
"merge",
|
|
15
|
+
"revert"
|
|
16
|
+
],
|
|
17
|
+
"commitScopes": [],
|
|
18
|
+
"releaseTagGlobPattern": "v[0-9]*.[0-9]*.[0-9]*",
|
|
19
|
+
"issueRegexPattern": "(^|\\s)#\\d+(\\s|$)"
|
|
20
|
+
},
|
|
21
|
+
|
|
22
|
+
"changelog" : {
|
|
23
|
+
"commitTypes": [
|
|
24
|
+
"feat",
|
|
25
|
+
"fix",
|
|
26
|
+
"perf",
|
|
27
|
+
"merge"
|
|
28
|
+
],
|
|
29
|
+
"includeInvalidCommits": true,
|
|
30
|
+
"commitIgnoreRegexPattern": "^WIP ",
|
|
31
|
+
"headlines": {
|
|
32
|
+
"feat": "Features",
|
|
33
|
+
"fix": "Bug Fixes",
|
|
34
|
+
"perf": "Performance Improvements",
|
|
35
|
+
"merge": "Merged Branches",
|
|
36
|
+
"breakingChange": "BREAKING CHANGES"
|
|
37
|
+
},
|
|
38
|
+
|
|
39
|
+
"commitUrl": "https://github.com/ACCOUNT/REPOSITORY/commit/%commit%",
|
|
40
|
+
"commitRangeUrl": "https://github.com/ACCOUNT/REPOSITORY/compare/%from%...%to%?diff=split",
|
|
41
|
+
"issueUrl": "https://github.com/ACCOUNT/REPOSITORY/issues/%issue%"
|
|
42
|
+
}
|
|
43
|
+
}
|
package/gulpfile.js
ADDED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
const gulp = require('gulp');
|
|
2
|
+
const babel = require('gulp-babel');
|
|
3
|
+
const rename = require('gulp-rename');
|
|
4
|
+
const replace = require('gulp-replace');
|
|
5
|
+
|
|
6
|
+
const babelRc = require('./babel.config');
|
|
7
|
+
|
|
8
|
+
const doNotBuildThese = [
|
|
9
|
+
'src/__tests__/**',
|
|
10
|
+
'src/**/*.test.js',
|
|
11
|
+
'src/**/*.stories.jsx',
|
|
12
|
+
'src/**/*.stories.module.css',
|
|
13
|
+
'src/stories/**',
|
|
14
|
+
];
|
|
15
|
+
|
|
16
|
+
function getJsStream() {
|
|
17
|
+
return gulp.src('src/**/*.{js,jsx}', {
|
|
18
|
+
ignore: doNotBuildThese,
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
function buildCjs() {
|
|
23
|
+
return getJsStream()
|
|
24
|
+
.pipe(babel(babelRc))
|
|
25
|
+
.pipe(replace('.jsx', '.js'))
|
|
26
|
+
.pipe(gulp.dest('lib'));
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
function copyFlow() {
|
|
30
|
+
return getJsStream()
|
|
31
|
+
.pipe(replace('.jsx', '.js'))
|
|
32
|
+
.pipe(
|
|
33
|
+
rename((path) => {
|
|
34
|
+
path.extname = path.extname.replace('jsx', 'js') + '.flow';
|
|
35
|
+
}),
|
|
36
|
+
)
|
|
37
|
+
.pipe(gulp.dest('lib'));
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
function copyOther() {
|
|
41
|
+
return gulp
|
|
42
|
+
.src('src/**/*', {
|
|
43
|
+
ignore: ['src/**/*.{js,jsx}', ...doNotBuildThese],
|
|
44
|
+
})
|
|
45
|
+
.pipe(gulp.dest('lib'));
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
module.exports.build = gulp.parallel(buildCjs, copyFlow, copyOther);
|
package/jest.config.js
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
Font Awesome Pro License
|
|
2
|
+
------------------------
|
|
3
|
+
|
|
4
|
+
Font Awesome Pro is commercial software that requires a paid license. Full
|
|
5
|
+
Font Awesome Pro license: https://fontawesome.com/license.
|
|
6
|
+
|
|
7
|
+
# Commercial License
|
|
8
|
+
The Font Awesome Pro commercial license allows you to pay for FA Pro once, own
|
|
9
|
+
it, and use it just about everywhere you'd like.
|
|
10
|
+
|
|
11
|
+
# Attribution
|
|
12
|
+
Attribution is not required by the Font Awesome Pro commercial license.
|
|
13
|
+
|
|
14
|
+
# Brand Icons
|
|
15
|
+
All brand icons are trademarks of their respective owners. The use of these
|
|
16
|
+
trademarks does not indicate endorsement of the trademark holder by Font
|
|
17
|
+
Awesome, nor vice versa. **Please do not use brand logos for any purpose except
|
|
18
|
+
to represent the company, product, or service to which they refer.**
|