mediacube-ui-v2 0.0.46 → 0.0.48
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 +67 -20
- package/README.template.md +67 -20
- package/dist/assets/iconsSprite.svg +1 -1
- package/dist/mediacube-ui-v2.js +877 -864
- package/dist/mediacube-ui-v2.umd.cjs +4 -4
- package/dist/types/components/elements/McFieldSelect/McFieldSelect.vue.d.ts +3 -3
- package/dist/types/components/elements/McNodata/McNoData.vue.d.ts +3 -3
- package/dist/types/components/elements/McNotification/McNotification.vue.d.ts +5 -5
- package/dist/types/components/patterns/McSideBar/McSideBar.vue.d.ts +3 -3
- package/dist/types/components/patterns/McSideBar/McSideBarButton/McSideBarButton.vue.d.ts +1 -1
- package/dist/types/components/patterns/McSideBar/McSideBarTop/McSideBarTop.vue.d.ts +3 -3
- package/dist/types/components/patterns/McTab/McTab.vue.d.ts +6 -6
- package/dist/types/components/templates/McDrawer/McDrawer.vue.d.ts +3 -3
- package/dist/types/components/templates/McTable/McTable/McTable.vue.d.ts +3 -3
- package/dist/types/types/styles/Icons.d.ts +0 -1
- package/package.json +9 -6
- package/dist/assets/fonts/inter/Inter-Bold.woff +0 -0
- package/dist/assets/fonts/inter/Inter-Bold.woff2 +0 -0
- package/dist/assets/fonts/inter/Inter-Italic.woff +0 -0
- package/dist/assets/fonts/inter/Inter-Italic.woff2 +0 -0
- package/dist/assets/fonts/inter/Inter-Medium.woff +0 -0
- package/dist/assets/fonts/inter/Inter-Medium.woff2 +0 -0
- package/dist/assets/fonts/inter/Inter-Regular.woff +0 -0
- package/dist/assets/fonts/inter/Inter-Regular.woff2 +0 -0
- package/dist/assets/fonts/inter/Inter-SemiBold.woff +0 -0
- package/dist/assets/fonts/inter/Inter-SemiBold.woff2 +0 -0
- package/dist/assets/fonts/inter/inter.css +0 -44
- package/dist/assets/tokens/json/animations.json +0 -6
- package/dist/assets/tokens/json/border-radius.json +0 -24
- package/dist/assets/tokens/json/box-shadows.json +0 -24
- package/dist/assets/tokens/json/colors.json +0 -71
- package/dist/assets/tokens/json/durations.json +0 -10
- package/dist/assets/tokens/json/easings.json +0 -3
- package/dist/assets/tokens/json/font-families.json +0 -4
- package/dist/assets/tokens/json/font-sizes.json +0 -18
- package/dist/assets/tokens/json/font-weights.json +0 -12
- package/dist/assets/tokens/json/gradients.json +0 -13
- package/dist/assets/tokens/json/index.d.ts +0 -19
- package/dist/assets/tokens/json/index.d.ts.map +0 -1
- package/dist/assets/tokens/json/index.js +0 -18
- package/dist/assets/tokens/json/index.ts +0 -37
- package/dist/assets/tokens/json/letter-spacings.json +0 -4
- package/dist/assets/tokens/json/line-heights.json +0 -18
- package/dist/assets/tokens/json/media-queries.json +0 -26
- package/dist/assets/tokens/json/opacities.json +0 -5
- package/dist/assets/tokens/json/sizes.json +0 -42
- package/dist/assets/tokens/json/spacings.json +0 -34
- package/dist/assets/tokens/json/z-indexes.json +0 -12
- package/dist/preview.png +0 -0
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$font-size-100": "10px",
|
|
3
|
-
"$font-size-200": "13px",
|
|
4
|
-
"$font-size-300": "16px",
|
|
5
|
-
"$font-size-400": "20px",
|
|
6
|
-
"$font-size-500": "28px",
|
|
7
|
-
"$font-size-600": "32px",
|
|
8
|
-
"$font-size-700": "48px",
|
|
9
|
-
"$token-font-sizes": {
|
|
10
|
-
"100": "10px",
|
|
11
|
-
"200": "13px",
|
|
12
|
-
"300": "16px",
|
|
13
|
-
"400": "20px",
|
|
14
|
-
"500": "28px",
|
|
15
|
-
"600": "32px",
|
|
16
|
-
"700": "48px"
|
|
17
|
-
}
|
|
18
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$gradient-pink": "linear-gradient(180deg, #F5576C 0%, #F093FB 100%)",
|
|
3
|
-
"$gradient-violet": "linear-gradient(180deg, #E41AFE 0%, #8035F8 100%)",
|
|
4
|
-
"$gradient-blue": "linear-gradient(180deg, #1ADBFE 0%, #3580F8 100%)",
|
|
5
|
-
"$gradient-yellow": "linear-gradient(180deg, #FEE41A 0%, #F89B35 100%)",
|
|
6
|
-
"$gradient-green": "linear-gradient(180deg, #C9DD4C 0%, #63BE7E 100%)",
|
|
7
|
-
"$gradient-red": "linear-gradient(180deg, #F26567 0%, #F79440 100%)",
|
|
8
|
-
"$gradient-purple": "linear-gradient(270deg, #9a47ed 0%, #8446ff 100%)",
|
|
9
|
-
"$gradient-purple-pink": "linear-gradient(90deg, #722eff 2%, #fe6ffc 100%)",
|
|
10
|
-
"$gradient-blue-purple": "linear-gradient(90deg, #18bfe3 20%, #8756ff 70%)",
|
|
11
|
-
"$gradient-dark-blue": "linear-gradient(90deg, #5550EF 0%, #7F4EFF 100%)",
|
|
12
|
-
"$gradient-primary-radial": "radial-gradient(rgb(179, 211, 255), rgb(62, 132, 244))"
|
|
13
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import animations from './animations.json';
|
|
2
|
-
import borderRadius from './border-radius.json';
|
|
3
|
-
import boxShadows from './box-shadows.json';
|
|
4
|
-
import colors from './colors.json';
|
|
5
|
-
import durations from './durations.json';
|
|
6
|
-
import easings from './easings.json';
|
|
7
|
-
import fontFamilies from './font-families.json';
|
|
8
|
-
import fontSizes from './font-sizes.json';
|
|
9
|
-
import fontWeights from './font-weights.json';
|
|
10
|
-
import gradients from './gradients.json';
|
|
11
|
-
import letterSpacings from './letter-spacings.json';
|
|
12
|
-
import lineHeights from './line-heights.json';
|
|
13
|
-
import mediaQueries from './media-queries.json';
|
|
14
|
-
import opacities from './opacities.json';
|
|
15
|
-
import sizes from './sizes.json';
|
|
16
|
-
import spacings from './spacings.json';
|
|
17
|
-
import zIndexes from './z-indexes.json';
|
|
18
|
-
export { animations, borderRadius, boxShadows, colors, durations, easings, fontFamilies, fontSizes, fontWeights, gradients, letterSpacings, lineHeights, mediaQueries, opacities, sizes, spacings, zIndexes, };
|
|
19
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,mBAAmB,CAAA;AAC1C,OAAO,YAAY,MAAM,sBAAsB,CAAA;AAC/C,OAAO,UAAU,MAAM,oBAAoB,CAAA;AAC3C,OAAO,MAAM,MAAM,eAAe,CAAA;AAClC,OAAO,SAAS,MAAM,kBAAkB,CAAA;AACxC,OAAO,OAAO,MAAM,gBAAgB,CAAA;AACpC,OAAO,YAAY,MAAM,sBAAsB,CAAA;AAC/C,OAAO,SAAS,MAAM,mBAAmB,CAAA;AACzC,OAAO,WAAW,MAAM,qBAAqB,CAAA;AAC7C,OAAO,SAAS,MAAM,kBAAkB,CAAA;AACxC,OAAO,cAAc,MAAM,wBAAwB,CAAA;AACnD,OAAO,WAAW,MAAM,qBAAqB,CAAA;AAC7C,OAAO,YAAY,MAAM,sBAAsB,CAAA;AAC/C,OAAO,SAAS,MAAM,kBAAkB,CAAA;AACxC,OAAO,KAAK,MAAM,cAAc,CAAA;AAChC,OAAO,QAAQ,MAAM,iBAAiB,CAAA;AACtC,OAAO,QAAQ,MAAM,kBAAkB,CAAA;AAEvC,OAAO,EACL,UAAU,EACV,YAAY,EACZ,UAAU,EACV,MAAM,EACN,SAAS,EACT,OAAO,EACP,YAAY,EACZ,SAAS,EACT,WAAW,EACX,SAAS,EACT,cAAc,EACd,WAAW,EACX,YAAY,EACZ,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,CAAA"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import animations from './animations.json';
|
|
2
|
-
import borderRadius from './border-radius.json';
|
|
3
|
-
import boxShadows from './box-shadows.json';
|
|
4
|
-
import colors from './colors.json';
|
|
5
|
-
import durations from './durations.json';
|
|
6
|
-
import easings from './easings.json';
|
|
7
|
-
import fontFamilies from './font-families.json';
|
|
8
|
-
import fontSizes from './font-sizes.json';
|
|
9
|
-
import fontWeights from './font-weights.json';
|
|
10
|
-
import gradients from './gradients.json';
|
|
11
|
-
import letterSpacings from './letter-spacings.json';
|
|
12
|
-
import lineHeights from './line-heights.json';
|
|
13
|
-
import mediaQueries from './media-queries.json';
|
|
14
|
-
import opacities from './opacities.json';
|
|
15
|
-
import sizes from './sizes.json';
|
|
16
|
-
import spacings from './spacings.json';
|
|
17
|
-
import zIndexes from './z-indexes.json';
|
|
18
|
-
export { animations, borderRadius, boxShadows, colors, durations, easings, fontFamilies, fontSizes, fontWeights, gradients, letterSpacings, lineHeights, mediaQueries, opacities, sizes, spacings, zIndexes, };
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import animations from './animations.json'
|
|
2
|
-
import borderRadius from './border-radius.json'
|
|
3
|
-
import boxShadows from './box-shadows.json'
|
|
4
|
-
import colors from './colors.json'
|
|
5
|
-
import durations from './durations.json'
|
|
6
|
-
import easings from './easings.json'
|
|
7
|
-
import fontFamilies from './font-families.json'
|
|
8
|
-
import fontSizes from './font-sizes.json'
|
|
9
|
-
import fontWeights from './font-weights.json'
|
|
10
|
-
import gradients from './gradients.json'
|
|
11
|
-
import letterSpacings from './letter-spacings.json'
|
|
12
|
-
import lineHeights from './line-heights.json'
|
|
13
|
-
import mediaQueries from './media-queries.json'
|
|
14
|
-
import opacities from './opacities.json'
|
|
15
|
-
import sizes from './sizes.json'
|
|
16
|
-
import spacings from './spacings.json'
|
|
17
|
-
import zIndexes from './z-indexes.json'
|
|
18
|
-
|
|
19
|
-
export {
|
|
20
|
-
animations,
|
|
21
|
-
borderRadius,
|
|
22
|
-
boxShadows,
|
|
23
|
-
colors,
|
|
24
|
-
durations,
|
|
25
|
-
easings,
|
|
26
|
-
fontFamilies,
|
|
27
|
-
fontSizes,
|
|
28
|
-
fontWeights,
|
|
29
|
-
gradients,
|
|
30
|
-
letterSpacings,
|
|
31
|
-
lineHeights,
|
|
32
|
-
mediaQueries,
|
|
33
|
-
opacities,
|
|
34
|
-
sizes,
|
|
35
|
-
spacings,
|
|
36
|
-
zIndexes,
|
|
37
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$line-height-150": "12px",
|
|
3
|
-
"$line-height-200": "16px",
|
|
4
|
-
"$line-height-250": "20px",
|
|
5
|
-
"$line-height-300": "24px",
|
|
6
|
-
"$line-height-400": "32px",
|
|
7
|
-
"$line-height-500": "40px",
|
|
8
|
-
"$line-height-600": "48px",
|
|
9
|
-
"$token-line-heights": {
|
|
10
|
-
"150": "12px",
|
|
11
|
-
"200": "16px",
|
|
12
|
-
"250": "20px",
|
|
13
|
-
"300": "24px",
|
|
14
|
-
"400": "32px",
|
|
15
|
-
"500": "40px",
|
|
16
|
-
"600": "48px"
|
|
17
|
-
}
|
|
18
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$media-query-xs": "\"(min-width: 375px)\"",
|
|
3
|
-
"$media-query-s": "\"(min-width: 480px)\"",
|
|
4
|
-
"$media-query-m": "\"(min-width: 768px)\"",
|
|
5
|
-
"$media-query-l": "\"(min-width: 1024px)\"",
|
|
6
|
-
"$media-query-xl": "\"(min-width: 1440px)\"",
|
|
7
|
-
"$media-query-xs-down": "\"(max-width: 374px)\"",
|
|
8
|
-
"$media-query-s-down": "\"(max-width: 479px)\"",
|
|
9
|
-
"$media-query-m-down": "\"(max-width: 767px)\"",
|
|
10
|
-
"$media-query-l-down": "\"(max-width: 1023px)\"",
|
|
11
|
-
"$media-query-xl-down": "\"(max-width: 1439px)\"",
|
|
12
|
-
"$media-desktop": "\"(hover: hover) and (pointer: fine)\"",
|
|
13
|
-
"$media-mobile": "\"(hover: none) and (pointer: coarse)\"",
|
|
14
|
-
"$token-media-queries": {
|
|
15
|
-
"xs": "\"(min-width: 375px)\"",
|
|
16
|
-
"s": "\"(min-width: 480px)\"",
|
|
17
|
-
"m": "\"(min-width: 768px)\"",
|
|
18
|
-
"l": "\"(min-width: 1024px)\"",
|
|
19
|
-
"xl": "\"(min-width: 1440px)\"",
|
|
20
|
-
"xs-down": "\"(max-width: 374px)\"",
|
|
21
|
-
"s-down": "\"(max-width: 479px)\"",
|
|
22
|
-
"m-down": "\"(max-width: 767px)\"",
|
|
23
|
-
"l-down": "\"(max-width: 1023px)\"",
|
|
24
|
-
"xl-down": "\"(max-width: 1439px)\""
|
|
25
|
-
}
|
|
26
|
-
}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$size-50": "4px",
|
|
3
|
-
"$size-100": "8px",
|
|
4
|
-
"$size-150": "12px",
|
|
5
|
-
"$size-200": "16px",
|
|
6
|
-
"$size-250": "20px",
|
|
7
|
-
"$size-300": "24px",
|
|
8
|
-
"$size-400": "32px",
|
|
9
|
-
"$size-500": "40px",
|
|
10
|
-
"$size-550": "44px",
|
|
11
|
-
"$size-600": "48px",
|
|
12
|
-
"$size-700": "56px",
|
|
13
|
-
"$size-800": "64px",
|
|
14
|
-
"$size-900": "72px",
|
|
15
|
-
"$size-1000": "80px",
|
|
16
|
-
"$token-avatar-sizes": {
|
|
17
|
-
"300": "24px",
|
|
18
|
-
"400": "32px",
|
|
19
|
-
"500": "40px",
|
|
20
|
-
"600": "48px",
|
|
21
|
-
"700": "56px",
|
|
22
|
-
"800": "64px",
|
|
23
|
-
"900": "72px",
|
|
24
|
-
"1000": "80px"
|
|
25
|
-
},
|
|
26
|
-
"$token-icon-sizes": {
|
|
27
|
-
"50": "4px",
|
|
28
|
-
"100": "8px",
|
|
29
|
-
"150": "12px",
|
|
30
|
-
"200": "16px",
|
|
31
|
-
"250": "20px",
|
|
32
|
-
"300": "24px",
|
|
33
|
-
"400": "32px",
|
|
34
|
-
"500": "40px",
|
|
35
|
-
"550": "44px",
|
|
36
|
-
"600": "48px",
|
|
37
|
-
"700": "56px",
|
|
38
|
-
"800": "64px",
|
|
39
|
-
"900": "72px",
|
|
40
|
-
"1000": "80px"
|
|
41
|
-
}
|
|
42
|
-
}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$space-zero": "0",
|
|
3
|
-
"$space-50": "4px",
|
|
4
|
-
"$space-100": "8px",
|
|
5
|
-
"$space-150": "12px",
|
|
6
|
-
"$space-200": "16px",
|
|
7
|
-
"$space-250": "20px",
|
|
8
|
-
"$space-300": "24px",
|
|
9
|
-
"$space-350": "28px",
|
|
10
|
-
"$space-400": "32px",
|
|
11
|
-
"$space-450": "36px",
|
|
12
|
-
"$space-500": "40px",
|
|
13
|
-
"$space-600": "48px",
|
|
14
|
-
"$space-700": "56px",
|
|
15
|
-
"$space-800": "64px",
|
|
16
|
-
"$space-900": "72px",
|
|
17
|
-
"$space-1000": "80px",
|
|
18
|
-
"$token-spaces": {
|
|
19
|
-
"50": "4px",
|
|
20
|
-
"100": "8px",
|
|
21
|
-
"150": "12px",
|
|
22
|
-
"200": "16px",
|
|
23
|
-
"250": "20px",
|
|
24
|
-
"300": "24px",
|
|
25
|
-
"400": "32px",
|
|
26
|
-
"450": "36px",
|
|
27
|
-
"500": "40px",
|
|
28
|
-
"600": "48px",
|
|
29
|
-
"700": "56px",
|
|
30
|
-
"800": "64px",
|
|
31
|
-
"900": "72px",
|
|
32
|
-
"1000": "80px"
|
|
33
|
-
}
|
|
34
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$z-index-sticky-tabs": "49",
|
|
3
|
-
"$z-index-dropdown": "100",
|
|
4
|
-
"$z-index-sticky": "100",
|
|
5
|
-
"$z-index-overlay-page": "7000",
|
|
6
|
-
"$z-index-modal": "8000",
|
|
7
|
-
"$z-index-top-line": "8000",
|
|
8
|
-
"$z-index-header": "10000",
|
|
9
|
-
"$z-index-notification": "10001",
|
|
10
|
-
"$z-index-overlay": "10002",
|
|
11
|
-
"$z-index-toasted": "10003"
|
|
12
|
-
}
|
package/dist/preview.png
DELETED
|
Binary file
|