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/assets/tokens/border-radius.scss CHANGED
@@ -1,12 +1,12 @@
1
1
  $radius-square: 0px;
2
- $radius-50: 4px;
3
- $radius-100: 8px;
4
- $radius-150: 12px;
5
- $radius-200: 16px;
6
- $radius-300: 24px;
7
- $radius-400: 32px;
8
- $radius-1250: 100px;
9
- $radius-rounded: 300px;
2
+ $radius-50: 0.25rem; // 4px
3
+ $radius-100: 0.5rem; // 8px
4
+ $radius-150: 0.75rem; // 12px
5
+ $radius-200: 1rem; // 16px
6
+ $radius-300: 1.5rem; // 24px
7
+ $radius-400: 2rem; // 32px
8
+ $radius-1250: 6.25rem; // 100px
9
+ $radius-rounded: 18.75rem; // 300px
10
10
  $radius-circle: 50%;
11
11
 
12
12
  $token-radius: (
package/dist/assets/tokens/font-sizes.scss CHANGED
@@ -3,13 +3,13 @@
3
3
  * @presenter FontSize
4
4
  */
5
5
 
6
- $font-size-100: 10px;
7
- $font-size-200: 13px;
8
- $font-size-300: 16px;
9
- $font-size-400: 20px;
10
- $font-size-500: 28px;
11
- $font-size-600: 32px;
12
- $font-size-700: 48px;
6
+ $font-size-100: 0.625rem; // 10px
7
+ $font-size-200: 0.8125rem; // 13px
8
+ $font-size-300: 1rem; // 16px
9
+ $font-size-400: 1.25rem; // 20px
10
+ $font-size-500: 1.75rem; // 28px
11
+ $font-size-600: 2rem; // 32px
12
+ $font-size-700: 3rem; // 48px
13
13
 
14
14
  $token-font-sizes: (
15
15
  "100": $font-size-100,
package/dist/assets/tokens/letter-spacings.scss CHANGED
@@ -2,5 +2,5 @@
2
2
  * @tokens Letter Spacing
3
3
  * @presenter Spacing
4
4
  */
5
- $letter-spacing-m: 0.4px;
6
- $letter-spacing-l: 1px;
5
+ $letter-spacing-m: 0.025rem; // 0.4px
6
+ $letter-spacing-l: 0.0625rem; // 1px
package/dist/assets/tokens/line-heights.scss CHANGED
@@ -3,13 +3,13 @@
3
3
  * @presenter LineHeight
4
4
  */
5
5
 
6
- $line-height-150: 12px; /* Additional token */
7
- $line-height-200: 16px;
8
- $line-height-250: 20px; /* Additional token */
9
- $line-height-300: 24px;
10
- $line-height-400: 32px;
11
- $line-height-500: 40px;
12
- $line-height-600: 48px;
6
+ $line-height-150: 0.75rem; // 12px
7
+ $line-height-200: 1rem; // 16px
8
+ $line-height-250: 1.25rem; // 20px
9
+ $line-height-300: 1.5rem; // 24px
10
+ $line-height-400: 2rem; // 32px
11
+ $line-height-500: 2.5rem; // 40px
12
+ $line-height-600: 3rem; // 48px
13
13
 
14
14
  $token-line-heights: (
15
15
  150: $line-height-150,
package/dist/assets/tokens/sizes.scss CHANGED
@@ -3,20 +3,20 @@
3
3
  * @presenter Spacing
4
4
  */
5
5
 
6
- $size-50: 4px; /* Additional token */
7
- $size-100: 8px;
8
- $size-150: 12px; /* Additional token */
9
- $size-200: 16px;
10
- $size-250: 20px; /* Additional token */
11
- $size-300: 24px;
12
- $size-400: 32px;
13
- $size-500: 40px;
14
- $size-550: 44px; /* Additional token */
15
- $size-600: 48px;
16
- $size-700: 56px;
17
- $size-800: 64px;
18
- $size-900: 72px;
19
- $size-1000: 80px;
6
+ $size-50: 0.25rem; // 4px
7
+ $size-100: 0.5rem; // 8px
8
+ $size-150: 0.75rem; // 12px
9
+ $size-200: 1rem; // 16px
10
+ $size-250: 1.25rem; // 20px
11
+ $size-300: 1.5rem; // 24px
12
+ $size-400: 2rem; // 32px
13
+ $size-500: 2.5rem; // 40px
14
+ $size-550: 2.75rem; // 44px
15
+ $size-600: 3em; // 48px
16
+ $size-700: 3.5rem; // 56px
17
+ $size-800: 4rem; // 64px
18
+ $size-900: 4.5rem; // 72px
19
+ $size-1000: 5rem; // 80px
20
20
 
21
21
  $token-avatar-sizes: (
22
22
  300: $size-300,
package/dist/assets/tokens/spacings.scss CHANGED
@@ -4,31 +4,31 @@
4
4
  */
5
5
 
6
6
  $space-zero: 0;
7
- $space-50: 4px; /* Additional token */
8
- $space-100: 8px;
9
- $space-150: 12px; /* Additional token */
10
- $space-200: 16px;
11
- $space-250: 20px; /* Additional token */
12
- $space-300: 24px;
13
- $space-350: 28px; /* Additional token */
14
- $space-400: 32px;
15
- $space-450: 36px; /* Additional token */
16
- $space-500: 40px;
17
- $space-600: 48px;
18
- $space-700: 56px;
19
- $space-800: 64px;
20
- $space-900: 72px;
21
- $space-1000: 80px;
7
+ $space-50: 0.25rem; // 4px
8
+ $space-100: 0.5rem; // 8px
9
+ $space-150: 0.75rem; // 12px
10
+ $space-200: 1rem; // 16px
11
+ $space-250: 1.25rem; // 20px
12
+ $space-300: 1.5rem; // 24px
13
+ $space-350: 1.75rem; // 28px
14
+ $space-400: 2rem; // 32px
15
+ $space-450: 2.25rem; // 36px
16
+ $space-500: 2.5rem; // 40px
17
+ $space-600: 3rem; // 48px
18
+ $space-700: 3.5rem; // 56px
19
+ $space-800: 4rem; // 64px
20
+ $space-900: 4.5rem; // 72px
21
+ $space-1000: 5rem; // 80px
22
22
 
23
23
  $token-spaces: (
24
- 50: $space-50, /* Additional token */
24
+ 50: $space-50,
25
25
  100: $space-100,
26
- 150: $space-150, /* Additional token */
26
+ 150: $space-150,
27
27
  200: $space-200,
28
- 250: $space-250, /* Additional token */
28
+ 250: $space-250,
29
29
  300: $space-300,
30
30
  400: $space-400,
31
- 450: $space-450, /* Additional token */
31
+ 450: $space-450,
32
32
  500: $space-500,
33
33
  600: $space-600,
34
34
  700: $space-700,