mediacube-ui-v2 0.0.153 → 0.0.155

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 (16) hide show
  1. package/dist/assets/tokens/border-radius.scss +8 -8
  2. package/dist/assets/tokens/font-sizes.scss +7 -7
  3. package/dist/assets/tokens/letter-spacings.scss +2 -2
  4. package/dist/assets/tokens/line-heights.scss +7 -7
  5. package/dist/assets/tokens/sizes.scss +14 -14
  6. package/dist/assets/tokens/spacings.scss +19 -19
  7. package/dist/mediacube-ui-v2.js +1250 -1250
  8. package/dist/mediacube-ui-v2.umd.cjs +2 -2
  9. package/dist/style.css +1 -1
  10. package/dist/types/assets/tokens/json/border-radius.json.d.ts +16 -16
  11. package/dist/types/assets/tokens/json/font-sizes.json.d.ts +14 -14
  12. package/dist/types/assets/tokens/json/letter-spacings.json.d.ts +2 -2
  13. package/dist/types/assets/tokens/json/line-heights.json.d.ts +14 -14
  14. package/dist/types/assets/tokens/json/sizes.json.d.ts +36 -36
  15. package/dist/types/assets/tokens/json/spacings.json.d.ts +29 -29
  16. package/package.json +3 -1
package/dist/types/assets/tokens/json/border-radius.json.d.ts CHANGED
@@ -1,24 +1,24 @@
1
1
  declare const _default: {
2
2
  "$radius-square": "0px",
3
- "$radius-50": "4px",
4
- "$radius-100": "8px",
5
- "$radius-150": "12px",
6
- "$radius-200": "16px",
7
- "$radius-300": "24px",
8
- "$radius-400": "32px",
9
- "$radius-1250": "100px",
10
- "$radius-rounded": "300px",
3
+ "$radius-50": "0.25rem",
4
+ "$radius-100": "0.5rem",
5
+ "$radius-150": "0.75rem",
6
+ "$radius-200": "1rem",
7
+ "$radius-300": "1.5rem",
8
+ "$radius-400": "2rem",
9
+ "$radius-1250": "6.25rem",
10
+ "$radius-rounded": "18.75rem",
11
11
  "$radius-circle": "50%",
12
12
  "$token-radius": {
13
- "50": "4px",
14
- "100": "8px",
15
- "150": "12px",
16
- "200": "16px",
17
- "300": "24px",
18
- "400": "32px",
19
- "1250": "100px",
13
+ "50": "0.25rem",
14
+ "100": "0.5rem",
15
+ "150": "0.75rem",
16
+ "200": "1rem",
17
+ "300": "1.5rem",
18
+ "400": "2rem",
19
+ "1250": "6.25rem",
20
20
  "square": "0px",
21
- "rounded": "300px",
21
+ "rounded": "18.75rem",
22
22
  "circle": "50%"
23
23
  }
24
24
  };
package/dist/types/assets/tokens/json/font-sizes.json.d.ts CHANGED
@@ -1,19 +1,19 @@
1
1
  declare const _default: {
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",
2
+ "$font-size-100": "0.625rem",
3
+ "$font-size-200": "0.8125rem",
4
+ "$font-size-300": "1rem",
5
+ "$font-size-400": "1.25rem",
6
+ "$font-size-500": "1.75rem",
7
+ "$font-size-600": "2rem",
8
+ "$font-size-700": "3rem",
9
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"
10
+ "100": "0.625rem",
11
+ "200": "0.8125rem",
12
+ "300": "1rem",
13
+ "400": "1.25rem",
14
+ "500": "1.75rem",
15
+ "600": "2rem",
16
+ "700": "3rem"
17
17
  }
18
18
  };
19
19
 
package/dist/types/assets/tokens/json/letter-spacings.json.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  declare const _default: {
2
- "$letter-spacing-m": "0.4px",
3
- "$letter-spacing-l": "1px"
2
+ "$letter-spacing-m": "0.025rem",
3
+ "$letter-spacing-l": "0.0625rem"
4
4
  };
5
5
 
6
6
  export default _default;
package/dist/types/assets/tokens/json/line-heights.json.d.ts CHANGED
@@ -1,19 +1,19 @@
1
1
  declare const _default: {
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",
2
+ "$line-height-150": "0.75rem",
3
+ "$line-height-200": "1rem",
4
+ "$line-height-250": "1.25rem",
5
+ "$line-height-300": "1.5rem",
6
+ "$line-height-400": "2rem",
7
+ "$line-height-500": "2.5rem",
8
+ "$line-height-600": "3rem",
9
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"
10
+ "150": "0.75rem",
11
+ "200": "1rem",
12
+ "250": "1.25rem",
13
+ "300": "1.5rem",
14
+ "400": "2rem",
15
+ "500": "2.5rem",
16
+ "600": "3rem"
17
17
  }
18
18
  };
19
19
 
package/dist/types/assets/tokens/json/sizes.json.d.ts CHANGED
@@ -1,43 +1,43 @@
1
1
  declare const _default: {
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",
2
+ "$size-50": "0.25rem",
3
+ "$size-100": "0.5rem",
4
+ "$size-150": "0.75rem",
5
+ "$size-200": "1rem",
6
+ "$size-250": "1.25rem",
7
+ "$size-300": "1.5rem",
8
+ "$size-400": "2rem",
9
+ "$size-500": "2.5rem",
10
+ "$size-550": "2.75rem",
11
+ "$size-600": "3em",
12
+ "$size-700": "3.5rem",
13
+ "$size-800": "4rem",
14
+ "$size-900": "4.5rem",
15
+ "$size-1000": "5rem",
16
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"
17
+ "300": "1.5rem",
18
+ "400": "2rem",
19
+ "500": "2.5rem",
20
+ "600": "3em",
21
+ "700": "3.5rem",
22
+ "800": "4rem",
23
+ "900": "4.5rem",
24
+ "1000": "5rem"
25
25
  },
26
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"
27
+ "50": "0.25rem",
28
+ "100": "0.5rem",
29
+ "150": "0.75rem",
30
+ "200": "1rem",
31
+ "250": "1.25rem",
32
+ "300": "1.5rem",
33
+ "400": "2rem",
34
+ "500": "2.5rem",
35
+ "550": "2.75rem",
36
+ "600": "3em",
37
+ "700": "3.5rem",
38
+ "800": "4rem",
39
+ "900": "4.5rem",
40
+ "1000": "5rem"
41
41
  }
42
42
  };
43
43
 
package/dist/types/assets/tokens/json/spacings.json.d.ts CHANGED
@@ -1,35 +1,35 @@
1
1
  declare const _default: {
2
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",
3
+ "$space-50": "0.25rem",
4
+ "$space-100": "0.5rem",
5
+ "$space-150": "0.75rem",
6
+ "$space-200": "1rem",
7
+ "$space-250": "1.25rem",
8
+ "$space-300": "1.5rem",
9
+ "$space-350": "1.75rem",
10
+ "$space-400": "2rem",
11
+ "$space-450": "2.25rem",
12
+ "$space-500": "2.5rem",
13
+ "$space-600": "3rem",
14
+ "$space-700": "3.5rem",
15
+ "$space-800": "4rem",
16
+ "$space-900": "4.5rem",
17
+ "$space-1000": "5rem",
18
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"
19
+ "50": "0.25rem",
20
+ "100": "0.5rem",
21
+ "150": "0.75rem",
22
+ "200": "1rem",
23
+ "250": "1.25rem",
24
+ "300": "1.5rem",
25
+ "400": "2rem",
26
+ "450": "2.25rem",
27
+ "500": "2.5rem",
28
+ "600": "3rem",
29
+ "700": "3.5rem",
30
+ "800": "4rem",
31
+ "900": "4.5rem",
32
+ "1000": "5rem"
33
33
  }
34
34
  };
35
35
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mediacube-ui-v2",
3
- "version": "0.0.153",
3
+ "version": "0.0.155",
4
4
  "license": "MIT",
5
5
  "description": "Design system for Mediacube services",
6
6
  "keywords": [
@@ -16,6 +16,7 @@
16
16
  "variables": "./dist/assets/variables.scss",
17
17
  "style": "./dist/style.css",
18
18
  "font": "./dist/assets/fonts/inter/inter.css",
19
+ "base": "./dist/assets/base.scss",
19
20
  "sprite": "./dist/assets/iconsSprite.svg",
20
21
  "default": "./dist/mediacube-ui-v2.js",
21
22
  "exports": {
@@ -25,6 +26,7 @@
25
26
  },
26
27
  "./style": "./dist/style.css",
27
28
  "./font": "./dist/assets/fonts/inter/inter.css",
29
+ "./base": "./dist/assets/base.scss",
28
30
  "./sprite": "./dist/assets/iconsSprite.svg",
29
31
  "./variables": "./dist/assets/variables.scss",
30
32
  "./tokens/*": "./dist/assets/tokens/*",