@antimatter-audio/antimatter-ui 9.0.2 → 9.0.4

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 (17) hide show
  1. package/dist/assets/src/advanced/ModuleHeader/ModuleHeader.css.ts.vanilla-Bsm7SHSN.css +19 -0
  2. package/dist/assets/src/advanced/ModuleHeader/ModuleHeader.css.ts.vanilla-CNFDAF2H.css +19 -0
  3. package/dist/assets/src/common/styles/base.css.ts.vanilla-Bwy1-FdI.css +77 -0
  4. package/dist/assets/src/common/styles/base.css.ts.vanilla-CFTgAGoQ.css +77 -0
  5. package/dist/assets/src/common/styles/base.css.ts.vanilla-CHQNPrUE.css +77 -0
  6. package/dist/assets/src/common/styles/base.css.ts.vanilla-CNIm3n0Q.css +77 -0
  7. package/dist/assets/src/common/styles/base.css.ts.vanilla-DgURxkSO.css +77 -0
  8. package/dist/assets/src/common/styles/base.css.ts.vanilla-aBQSVOsn.css +77 -0
  9. package/dist/assets/src/common/styles/base.css.ts.vanilla-dmdNlzQx.css +77 -0
  10. package/dist/assets/src/core/Heading/Heading.css.ts.vanilla-VBevHy-U.css +117 -0
  11. package/dist/assets/src/core/Label/Label.css.ts.vanilla-Dpu7ocyX.css +114 -0
  12. package/dist/assets/src/core/Tabs/Tabs.css.ts.vanilla-DQ1nIUyD.css +231 -0
  13. package/dist/index.d.ts +3 -1
  14. package/dist/index.js +49 -23
  15. package/dist/index.js.map +1 -1
  16. package/dist/styles.css.ts +11 -11
  17. package/package.json +1 -1
package/dist/assets/src/advanced/ModuleHeader/ModuleHeader.css.ts.vanilla-Bsm7SHSN.css ADDED
@@ -0,0 +1,19 @@
1
+ .ModuleHeader_ModuleHeaderStyle__1o3vm7i0 {
2
+ background-color: var(--namedColors-background-section__1rgzsg0o);
3
+ font-weight: normal;
4
+ }
5
+ .ModuleHeader_ModuleNameStyle__1o3vm7i1 {
6
+ font-size: var(--fontSizes-title__1rgzsg0d);
7
+ letter-spacing: 4px;
8
+ text-transform: uppercase;
9
+ font-weight: lighter;
10
+ height: 1.75rem;
11
+ color: var(--namedColors-accent__1rgzsg0g);
12
+ }
13
+ .ModuleHeader_ModuleSubheaderStyle__1o3vm7i2 {
14
+ font-size: var(--fontSizes-small__1rgzsg09);
15
+ font-weight: lighter;
16
+ letter-spacing: 2px;
17
+ text-transform: uppercase;
18
+ color: var(--namedColors-accent__1rgzsg0g);
19
+ }
package/dist/assets/src/advanced/ModuleHeader/ModuleHeader.css.ts.vanilla-CNFDAF2H.css ADDED
@@ -0,0 +1,19 @@
1
+ .ModuleHeader_ModuleHeaderStyle__1o3vm7i0 {
2
+ background-color: var(--namedColors-background-section__1rgzsg0o);
3
+ font-weight: normal;
4
+ }
5
+ .ModuleHeader_ModuleNameStyle__1o3vm7i1 {
6
+ font-size: var(--fontSizes-title__1rgzsg0d);
7
+ letter-spacing: 4px;
8
+ text-transform: uppercase;
9
+ font-weight: lighter;
10
+ height: 1.75rem;
11
+ color: var(--namedColors-accent__1rgzsg0g);
12
+ }
13
+ .ModuleHeader_ModuleSubheaderStyle__1o3vm7i2 {
14
+ font-size: var(--fontSizes-xSmall__1rgzsg08);
15
+ font-weight: lighter;
16
+ letter-spacing: 2.75px;
17
+ text-transform: uppercase;
18
+ color: var(--namedColors-accent__1rgzsg0g);
19
+ }
package/dist/assets/src/common/styles/base.css.ts.vanilla-Bwy1-FdI.css ADDED
@@ -0,0 +1,77 @@
1
+ @font-face {
2
+ src: url(./common/assets/fonts/LeagueSpartan-Regular.ttf);
3
+ font-weight: normal;
4
+ font-family: "base_LeagueSpartan__1rgzsg013";
5
+ }
6
+ @font-face {
7
+ src: url(./common/assets/fonts/LeagueSpartan-Thin.ttf);
8
+ font-weight: lighter;
9
+ font-family: "base_LeagueSpartan__1rgzsg013";
10
+ }
11
+ .root {
12
+ --spacing-none__1rgzsg00: 0px;
13
+ --spacing-xSmall__1rgzsg01: 2px;
14
+ --spacing-small__1rgzsg02: 4px;
15
+ --spacing-mediumSmall__1rgzsg03: 6px;
16
+ --spacing-medium__1rgzsg04: 8px;
17
+ --spacing-mediumLarge__1rgzsg05: 12px;
18
+ --spacing-large__1rgzsg06: 16px;
19
+ --spacing-xLarge__1rgzsg07: 20px;
20
+ --fontSizes-xSmall__1rgzsg08: .625rem;
21
+ --fontSizes-small__1rgzsg09: .75rem;
22
+ --fontSizes-medium__1rgzsg0a: .875rem;
23
+ --fontSizes-large__1rgzsg0b: 1rem;
24
+ --fontSizes-xLarge__1rgzsg0c: 1.25rem;
25
+ --fontSizes-title__1rgzsg0d: 1.5rem;
26
+ --borderRadius__1rgzsg0e: 4px;
27
+ --namedColors-primary__1rgzsg0f: #BB68D9;
28
+ --namedColors-accent__1rgzsg0g: #B552D9;
29
+ --namedColors-alert__1rgzsg0h: #8a0101;
30
+ --namedColors-muted__1rgzsg0i: #595763;
31
+ --namedColors-highlighted__1rgzsg0j: #838091;
32
+ --namedColors-selected__1rgzsg0k: #999999;
33
+ --namedColors-text-default__1rgzsg0l: #BAB6CF;
34
+ --namedColors-text-inverse__1rgzsg0m: #1E1D21;
35
+ --namedColors-background-page__1rgzsg0n: #1E1D21;
36
+ --namedColors-background-section__1rgzsg0o: #1E1D21;
37
+ --namedColors-background-popover__1rgzsg0p: #101012;
38
+ --namedColors-background-input__1rgzsg0q: #1E1D21;
39
+ --namedColors-border__1rgzsg0r: #1E1D21;
40
+ --colors-grey-100__1rgzsg0s: #C7C3DE;
41
+ --colors-grey-200__1rgzsg0t: #9A96AB;
42
+ --colors-grey-300__1rgzsg0u: #838091;
43
+ --colors-grey-400__1rgzsg0v: #595763;
44
+ --colors-grey-500__1rgzsg0w: #4C4A54;
45
+ --colors-grey-600__1rgzsg0x: #2E2C33;
46
+ --colors-grey-700__1rgzsg0y: #1E1D21;
47
+ --colors-grey-800__1rgzsg0z: #101012;
48
+ --fonts-heading__1rgzsg010: arial, sans-serif;
49
+ --fonts-body__1rgzsg011: arial, sans-serif;
50
+ --fonts-label__1rgzsg012: arial, sans-serif;
51
+ }
52
+ * {
53
+ box-sizing: border-box;
54
+ }
55
+ h1, h2, h3, h4, h5 {
56
+ margin: 0;
57
+ }
58
+ body, html {
59
+ font-size: 16px;
60
+ color: #eee;
61
+ font-family: arial, sans-serif;
62
+ margin: 0;
63
+ padding: 0;
64
+ }
65
+ input, input:hover, input:focus, input:focus-visible {
66
+ background: transparent;
67
+ border: none;
68
+ outline: none;
69
+ appearance: textfield;
70
+ }
71
+ button, button:hover, button:focus, button:focus-visible {
72
+ border: none;
73
+ outline: none;
74
+ }
75
+ button:disabled, input:disabled {
76
+ cursor: not-allowed;
77
+ }
package/dist/assets/src/common/styles/base.css.ts.vanilla-CFTgAGoQ.css ADDED
@@ -0,0 +1,77 @@
1
+ @font-face {
2
+ src: url(./common/assets/fonts/LeagueSpartan-Regular.ttf);
3
+ font-weight: normal;
4
+ font-family: "base_LeagueSpartan__1rgzsg013";
5
+ }
6
+ @font-face {
7
+ src: url(./common/assets/fonts/LeagueSpartan-Thin.ttf);
8
+ font-weight: lighter;
9
+ font-family: "base_LeagueSpartan__1rgzsg013";
10
+ }
11
+ .root {
12
+ --spacing-none__1rgzsg00: 0px;
13
+ --spacing-xSmall__1rgzsg01: 2px;
14
+ --spacing-small__1rgzsg02: 4px;
15
+ --spacing-mediumSmall__1rgzsg03: 6px;
16
+ --spacing-medium__1rgzsg04: 8px;
17
+ --spacing-mediumLarge__1rgzsg05: 12px;
18
+ --spacing-large__1rgzsg06: 16px;
19
+ --spacing-xLarge__1rgzsg07: 20px;
20
+ --fontSizes-xSmall__1rgzsg08: .625rem;
21
+ --fontSizes-small__1rgzsg09: .75rem;
22
+ --fontSizes-medium__1rgzsg0a: .875rem;
23
+ --fontSizes-large__1rgzsg0b: 1rem;
24
+ --fontSizes-xLarge__1rgzsg0c: 1.25rem;
25
+ --fontSizes-title__1rgzsg0d: 1.25rem;
26
+ --borderRadius__1rgzsg0e: 4px;
27
+ --namedColors-primary__1rgzsg0f: #BB68D9;
28
+ --namedColors-accent__1rgzsg0g: #B552D9;
29
+ --namedColors-alert__1rgzsg0h: #8a0101;
30
+ --namedColors-muted__1rgzsg0i: #595763;
31
+ --namedColors-highlighted__1rgzsg0j: #838091;
32
+ --namedColors-selected__1rgzsg0k: #999999;
33
+ --namedColors-text-default__1rgzsg0l: #BAB6CF;
34
+ --namedColors-text-inverse__1rgzsg0m: #1E1D21;
35
+ --namedColors-background-page__1rgzsg0n: #1E1D21;
36
+ --namedColors-background-section__1rgzsg0o: #1E1D21;
37
+ --namedColors-background-popover__1rgzsg0p: #101012;
38
+ --namedColors-background-input__1rgzsg0q: #1E1D21;
39
+ --namedColors-border__1rgzsg0r: #1E1D21;
40
+ --colors-grey-100__1rgzsg0s: #C7C3DE;
41
+ --colors-grey-200__1rgzsg0t: #9A96AB;
42
+ --colors-grey-300__1rgzsg0u: #838091;
43
+ --colors-grey-400__1rgzsg0v: #595763;
44
+ --colors-grey-500__1rgzsg0w: #4C4A54;
45
+ --colors-grey-600__1rgzsg0x: #2E2C33;
46
+ --colors-grey-700__1rgzsg0y: #1E1D21;
47
+ --colors-grey-800__1rgzsg0z: #101012;
48
+ --fonts-heading__1rgzsg010: arial, sans-serif;
49
+ --fonts-body__1rgzsg011: arial, sans-serif;
50
+ --fonts-label__1rgzsg012: arial, sans-serif;
51
+ }
52
+ * {
53
+ box-sizing: border-box;
54
+ }
55
+ h1, h2, h3, h4, h5 {
56
+ margin: 0;
57
+ }
58
+ body, html {
59
+ font-size: 16px;
60
+ color: #eee;
61
+ font-family: arial, sans-serif;
62
+ margin: 0;
63
+ padding: 0;
64
+ }
65
+ input, input:hover, input:focus, input:focus-visible {
66
+ background: transparent;
67
+ border: none;
68
+ outline: none;
69
+ appearance: textfield;
70
+ }
71
+ button, button:hover, button:focus, button:focus-visible {
72
+ border: none;
73
+ outline: none;
74
+ }
75
+ button:disabled, input:disabled {
76
+ cursor: not-allowed;
77
+ }
package/dist/assets/src/common/styles/base.css.ts.vanilla-CHQNPrUE.css ADDED
@@ -0,0 +1,77 @@
1
+ @font-face {
2
+ src: url(./common/assets/fonts/LeagueSpartan-Regular.ttf);
3
+ font-weight: normal;
4
+ font-family: "base_LeagueSpartan__1rgzsg013";
5
+ }
6
+ @font-face {
7
+ src: url(./common/assets/fonts/LeagueSpartan-Thin.ttf);
8
+ font-weight: lighter;
9
+ font-family: "base_LeagueSpartan__1rgzsg013";
10
+ }
11
+ .root {
12
+ --spacing-none__1rgzsg00: 0px;
13
+ --spacing-xSmall__1rgzsg01: 2px;
14
+ --spacing-small__1rgzsg02: 4px;
15
+ --spacing-mediumSmall__1rgzsg03: 6px;
16
+ --spacing-medium__1rgzsg04: 8px;
17
+ --spacing-mediumLarge__1rgzsg05: 12px;
18
+ --spacing-large__1rgzsg06: 16px;
19
+ --spacing-xLarge__1rgzsg07: 20px;
20
+ --fontSizes-xSmall__1rgzsg08: .625rem;
21
+ --fontSizes-small__1rgzsg09: 4.75rem;
22
+ --fontSizes-medium__1rgzsg0a: .875rem;
23
+ --fontSizes-large__1rgzsg0b: 1rem;
24
+ --fontSizes-xLarge__1rgzsg0c: 1.25rem;
25
+ --fontSizes-title__1rgzsg0d: 1.5rem;
26
+ --borderRadius__1rgzsg0e: 4px;
27
+ --namedColors-primary__1rgzsg0f: #BB68D9;
28
+ --namedColors-accent__1rgzsg0g: #B552D9;
29
+ --namedColors-alert__1rgzsg0h: #8a0101;
30
+ --namedColors-muted__1rgzsg0i: #595763;
31
+ --namedColors-highlighted__1rgzsg0j: #838091;
32
+ --namedColors-selected__1rgzsg0k: #999999;
33
+ --namedColors-text-default__1rgzsg0l: #BAB6CF;
34
+ --namedColors-text-inverse__1rgzsg0m: #1E1D21;
35
+ --namedColors-background-page__1rgzsg0n: #1E1D21;
36
+ --namedColors-background-section__1rgzsg0o: #1E1D21;
37
+ --namedColors-background-popover__1rgzsg0p: #101012;
38
+ --namedColors-background-input__1rgzsg0q: #1E1D21;
39
+ --namedColors-border__1rgzsg0r: #1E1D21;
40
+ --colors-grey-100__1rgzsg0s: #C7C3DE;
41
+ --colors-grey-200__1rgzsg0t: #9A96AB;
42
+ --colors-grey-300__1rgzsg0u: #838091;
43
+ --colors-grey-400__1rgzsg0v: #595763;
44
+ --colors-grey-500__1rgzsg0w: #4C4A54;
45
+ --colors-grey-600__1rgzsg0x: #2E2C33;
46
+ --colors-grey-700__1rgzsg0y: #1E1D21;
47
+ --colors-grey-800__1rgzsg0z: #101012;
48
+ --fonts-heading__1rgzsg010: arial, sans-serif;
49
+ --fonts-body__1rgzsg011: arial, sans-serif;
50
+ --fonts-label__1rgzsg012: arial, sans-serif;
51
+ }
52
+ * {
53
+ box-sizing: border-box;
54
+ }
55
+ h1, h2, h3, h4, h5 {
56
+ margin: 0;
57
+ }
58
+ body, html {
59
+ font-size: 16px;
60
+ color: #eee;
61
+ font-family: arial, sans-serif;
62
+ margin: 0;
63
+ padding: 0;
64
+ }
65
+ input, input:hover, input:focus, input:focus-visible {
66
+ background: transparent;
67
+ border: none;
68
+ outline: none;
69
+ appearance: textfield;
70
+ }
71
+ button, button:hover, button:focus, button:focus-visible {
72
+ border: none;
73
+ outline: none;
74
+ }
75
+ button:disabled, input:disabled {
76
+ cursor: not-allowed;
77
+ }
package/dist/assets/src/common/styles/base.css.ts.vanilla-CNIm3n0Q.css ADDED
@@ -0,0 +1,77 @@
1
+ @font-face {
2
+ src: url(./common/assets/fonts/LeagueSpartan-Regular.ttf);
3
+ font-weight: normal;
4
+ font-family: "base_LeagueSpartan__1rgzsg013";
5
+ }
6
+ @font-face {
7
+ src: url(./common/assets/fonts/LeagueSpartan-Thin.ttf);
8
+ font-weight: lighter;
9
+ font-family: "base_LeagueSpartan__1rgzsg013";
10
+ }
11
+ .root {
12
+ --spacing-none__1rgzsg00: 0px;
13
+ --spacing-xSmall__1rgzsg01: 2px;
14
+ --spacing-small__1rgzsg02: 4px;
15
+ --spacing-mediumSmall__1rgzsg03: 6px;
16
+ --spacing-medium__1rgzsg04: 8px;
17
+ --spacing-mediumLarge__1rgzsg05: 12px;
18
+ --spacing-large__1rgzsg06: 16px;
19
+ --spacing-xLarge__1rgzsg07: 20px;
20
+ --fontSizes-xSmall__1rgzsg08: .625rem;
21
+ --fontSizes-small__1rgzsg09: .75rem;
22
+ --fontSizes-medium__1rgzsg0a: .875rem;
23
+ --fontSizes-large__1rgzsg0b: 1rem;
24
+ --fontSizes-xLarge__1rgzsg0c: 3.25rem;
25
+ --fontSizes-title__1rgzsg0d: 1.5rem;
26
+ --borderRadius__1rgzsg0e: 4px;
27
+ --namedColors-primary__1rgzsg0f: #BB68D9;
28
+ --namedColors-accent__1rgzsg0g: #B552D9;
29
+ --namedColors-alert__1rgzsg0h: #8a0101;
30
+ --namedColors-muted__1rgzsg0i: #595763;
31
+ --namedColors-highlighted__1rgzsg0j: #838091;
32
+ --namedColors-selected__1rgzsg0k: #999999;
33
+ --namedColors-text-default__1rgzsg0l: #BAB6CF;
34
+ --namedColors-text-inverse__1rgzsg0m: #1E1D21;
35
+ --namedColors-background-page__1rgzsg0n: #1E1D21;
36
+ --namedColors-background-section__1rgzsg0o: #1E1D21;
37
+ --namedColors-background-popover__1rgzsg0p: #101012;
38
+ --namedColors-background-input__1rgzsg0q: #1E1D21;
39
+ --namedColors-border__1rgzsg0r: #1E1D21;
40
+ --colors-grey-100__1rgzsg0s: #C7C3DE;
41
+ --colors-grey-200__1rgzsg0t: #9A96AB;
42
+ --colors-grey-300__1rgzsg0u: #838091;
43
+ --colors-grey-400__1rgzsg0v: #595763;
44
+ --colors-grey-500__1rgzsg0w: #4C4A54;
45
+ --colors-grey-600__1rgzsg0x: #2E2C33;
46
+ --colors-grey-700__1rgzsg0y: #1E1D21;
47
+ --colors-grey-800__1rgzsg0z: #101012;
48
+ --fonts-heading__1rgzsg010: arial, sans-serif;
49
+ --fonts-body__1rgzsg011: arial, sans-serif;
50
+ --fonts-label__1rgzsg012: arial, sans-serif;
51
+ }
52
+ * {
53
+ box-sizing: border-box;
54
+ }
55
+ h1, h2, h3, h4, h5 {
56
+ margin: 0;
57
+ }
58
+ body, html {
59
+ font-size: 16px;
60
+ color: #eee;
61
+ font-family: arial, sans-serif;
62
+ margin: 0;
63
+ padding: 0;
64
+ }
65
+ input, input:hover, input:focus, input:focus-visible {
66
+ background: transparent;
67
+ border: none;
68
+ outline: none;
69
+ appearance: textfield;
70
+ }
71
+ button, button:hover, button:focus, button:focus-visible {
72
+ border: none;
73
+ outline: none;
74
+ }
75
+ button:disabled, input:disabled {
76
+ cursor: not-allowed;
77
+ }
package/dist/assets/src/common/styles/base.css.ts.vanilla-DgURxkSO.css ADDED
@@ -0,0 +1,77 @@
1
+ @font-face {
2
+ src: url(./common/assets/fonts/LeagueSpartan-Regular.ttf);
3
+ font-weight: normal;
4
+ font-family: "base_LeagueSpartan__1rgzsg013";
5
+ }
6
+ @font-face {
7
+ src: url(./common/assets/fonts/LeagueSpartan-Thin.ttf);
8
+ font-weight: lighter;
9
+ font-family: "base_LeagueSpartan__1rgzsg013";
10
+ }
11
+ .root {
12
+ --spacing-none__1rgzsg00: 0px;
13
+ --spacing-xSmall__1rgzsg01: 2px;
14
+ --spacing-small__1rgzsg02: 4px;
15
+ --spacing-mediumSmall__1rgzsg03: 6px;
16
+ --spacing-medium__1rgzsg04: 8px;
17
+ --spacing-mediumLarge__1rgzsg05: 12px;
18
+ --spacing-large__1rgzsg06: 16px;
19
+ --spacing-xLarge__1rgzsg07: 20px;
20
+ --fontSizes-xSmall__1rgzsg08: .75rem;
21
+ --fontSizes-small__1rgzsg09: .875rem;
22
+ --fontSizes-medium__1rgzsg0a: 1rem;
23
+ --fontSizes-large__1rgzsg0b: 1.25rem;
24
+ --fontSizes-xLarge__1rgzsg0c: 1.5rem;
25
+ --fontSizes-title__1rgzsg0d: 2rem;
26
+ --borderRadius__1rgzsg0e: 4px;
27
+ --namedColors-primary__1rgzsg0f: #BB68D9;
28
+ --namedColors-accent__1rgzsg0g: #B552D9;
29
+ --namedColors-alert__1rgzsg0h: #8a0101;
30
+ --namedColors-muted__1rgzsg0i: #595763;
31
+ --namedColors-highlighted__1rgzsg0j: #838091;
32
+ --namedColors-selected__1rgzsg0k: #999999;
33
+ --namedColors-text-default__1rgzsg0l: #BAB6CF;
34
+ --namedColors-text-inverse__1rgzsg0m: #1E1D21;
35
+ --namedColors-background-page__1rgzsg0n: #1E1D21;
36
+ --namedColors-background-section__1rgzsg0o: #1E1D21;
37
+ --namedColors-background-popover__1rgzsg0p: #101012;
38
+ --namedColors-background-input__1rgzsg0q: #1E1D21;
39
+ --namedColors-border__1rgzsg0r: #1E1D21;
40
+ --colors-grey-100__1rgzsg0s: #C7C3DE;
41
+ --colors-grey-200__1rgzsg0t: #9A96AB;
42
+ --colors-grey-300__1rgzsg0u: #838091;
43
+ --colors-grey-400__1rgzsg0v: #595763;
44
+ --colors-grey-500__1rgzsg0w: #4C4A54;
45
+ --colors-grey-600__1rgzsg0x: #2E2C33;
46
+ --colors-grey-700__1rgzsg0y: #1E1D21;
47
+ --colors-grey-800__1rgzsg0z: #101012;
48
+ --fonts-heading__1rgzsg010: arial, sans-serif;
49
+ --fonts-body__1rgzsg011: arial, sans-serif;
50
+ --fonts-label__1rgzsg012: arial, sans-serif;
51
+ }
52
+ * {
53
+ box-sizing: border-box;
54
+ }
55
+ h1, h2, h3, h4, h5 {
56
+ margin: 0;
57
+ }
58
+ body, html {
59
+ font-size: 16px;
60
+ color: #eee;
61
+ font-family: arial, sans-serif;
62
+ margin: 0;
63
+ padding: 0;
64
+ }
65
+ input, input:hover, input:focus, input:focus-visible {
66
+ background: transparent;
67
+ border: none;
68
+ outline: none;
69
+ appearance: textfield;
70
+ }
71
+ button, button:hover, button:focus, button:focus-visible {
72
+ border: none;
73
+ outline: none;
74
+ }
75
+ button:disabled, input:disabled {
76
+ cursor: not-allowed;
77
+ }
package/dist/assets/src/common/styles/base.css.ts.vanilla-aBQSVOsn.css ADDED
@@ -0,0 +1,77 @@
1
+ @font-face {
2
+ src: url(./common/assets/fonts/LeagueSpartan-Regular.ttf);
3
+ font-weight: normal;
4
+ font-family: "base_LeagueSpartan__1rgzsg013";
5
+ }
6
+ @font-face {
7
+ src: url(./common/assets/fonts/LeagueSpartan-Thin.ttf);
8
+ font-weight: lighter;
9
+ font-family: "base_LeagueSpartan__1rgzsg013";
10
+ }
11
+ .root {
12
+ --spacing-none__1rgzsg00: 0px;
13
+ --spacing-xSmall__1rgzsg01: 2px;
14
+ --spacing-small__1rgzsg02: 4px;
15
+ --spacing-mediumSmall__1rgzsg03: 6px;
16
+ --spacing-medium__1rgzsg04: 8px;
17
+ --spacing-mediumLarge__1rgzsg05: 12px;
18
+ --spacing-large__1rgzsg06: 16px;
19
+ --spacing-xLarge__1rgzsg07: 20px;
20
+ --fontSizes-xSmall__1rgzsg08: .625rem;
21
+ --fontSizes-small__1rgzsg09: .75rem;
22
+ --fontSizes-medium__1rgzsg0a: .875rem;
23
+ --fontSizes-large__1rgzsg0b: 1rem;
24
+ --fontSizes-xLarge__1rgzsg0c: 1.25rem;
25
+ --fontSizes-title__1rgzsg0d: 1.75rem;
26
+ --borderRadius__1rgzsg0e: 4px;
27
+ --namedColors-primary__1rgzsg0f: #BB68D9;
28
+ --namedColors-accent__1rgzsg0g: #B552D9;
29
+ --namedColors-alert__1rgzsg0h: #8a0101;
30
+ --namedColors-muted__1rgzsg0i: #595763;
31
+ --namedColors-highlighted__1rgzsg0j: #838091;
32
+ --namedColors-selected__1rgzsg0k: #999999;
33
+ --namedColors-text-default__1rgzsg0l: #BAB6CF;
34
+ --namedColors-text-inverse__1rgzsg0m: #1E1D21;
35
+ --namedColors-background-page__1rgzsg0n: #1E1D21;
36
+ --namedColors-background-section__1rgzsg0o: #1E1D21;
37
+ --namedColors-background-popover__1rgzsg0p: #101012;
38
+ --namedColors-background-input__1rgzsg0q: #1E1D21;
39
+ --namedColors-border__1rgzsg0r: #1E1D21;
40
+ --colors-grey-100__1rgzsg0s: #C7C3DE;
41
+ --colors-grey-200__1rgzsg0t: #9A96AB;
42
+ --colors-grey-300__1rgzsg0u: #838091;
43
+ --colors-grey-400__1rgzsg0v: #595763;
44
+ --colors-grey-500__1rgzsg0w: #4C4A54;
45
+ --colors-grey-600__1rgzsg0x: #2E2C33;
46
+ --colors-grey-700__1rgzsg0y: #1E1D21;
47
+ --colors-grey-800__1rgzsg0z: #101012;
48
+ --fonts-heading__1rgzsg010: arial, sans-serif;
49
+ --fonts-body__1rgzsg011: arial, sans-serif;
50
+ --fonts-label__1rgzsg012: arial, sans-serif;
51
+ }
52
+ * {
53
+ box-sizing: border-box;
54
+ }
55
+ h1, h2, h3, h4, h5 {
56
+ margin: 0;
57
+ }
58
+ body, html {
59
+ font-size: 16px;
60
+ color: #eee;
61
+ font-family: arial, sans-serif;
62
+ margin: 0;
63
+ padding: 0;
64
+ }
65
+ input, input:hover, input:focus, input:focus-visible {
66
+ background: transparent;
67
+ border: none;
68
+ outline: none;
69
+ appearance: textfield;
70
+ }
71
+ button, button:hover, button:focus, button:focus-visible {
72
+ border: none;
73
+ outline: none;
74
+ }
75
+ button:disabled, input:disabled {
76
+ cursor: not-allowed;
77
+ }
package/dist/assets/src/common/styles/base.css.ts.vanilla-dmdNlzQx.css ADDED
@@ -0,0 +1,77 @@
1
+ @font-face {
2
+ src: url(./common/assets/fonts/LeagueSpartan-Regular.ttf);
3
+ font-weight: normal;
4
+ font-family: "base_LeagueSpartan__1rgzsg013";
5
+ }
6
+ @font-face {
7
+ src: url(./common/assets/fonts/LeagueSpartan-Thin.ttf);
8
+ font-weight: lighter;
9
+ font-family: "base_LeagueSpartan__1rgzsg013";
10
+ }
11
+ .root {
12
+ --spacing-none__1rgzsg00: 0px;
13
+ --spacing-xSmall__1rgzsg01: 2px;
14
+ --spacing-small__1rgzsg02: 4px;
15
+ --spacing-mediumSmall__1rgzsg03: 6px;
16
+ --spacing-medium__1rgzsg04: 8px;
17
+ --spacing-mediumLarge__1rgzsg05: 12px;
18
+ --spacing-large__1rgzsg06: 16px;
19
+ --spacing-xLarge__1rgzsg07: 20px;
20
+ --fontSizes-xSmall__1rgzsg08: .625rem;
21
+ --fontSizes-small__1rgzsg09: .75rem;
22
+ --fontSizes-medium__1rgzsg0a: .875rem;
23
+ --fontSizes-large__1rgzsg0b: 1rem;
24
+ --fontSizes-xLarge__1rgzsg0c: 1.25rem;
25
+ --fontSizes-title__1rgzsg0d: 2rem;
26
+ --borderRadius__1rgzsg0e: 4px;
27
+ --namedColors-primary__1rgzsg0f: #BB68D9;
28
+ --namedColors-accent__1rgzsg0g: #B552D9;
29
+ --namedColors-alert__1rgzsg0h: #8a0101;
30
+ --namedColors-muted__1rgzsg0i: #595763;
31
+ --namedColors-highlighted__1rgzsg0j: #838091;
32
+ --namedColors-selected__1rgzsg0k: #999999;
33
+ --namedColors-text-default__1rgzsg0l: #BAB6CF;
34
+ --namedColors-text-inverse__1rgzsg0m: #1E1D21;
35
+ --namedColors-background-page__1rgzsg0n: #1E1D21;
36
+ --namedColors-background-section__1rgzsg0o: #1E1D21;
37
+ --namedColors-background-popover__1rgzsg0p: #101012;
38
+ --namedColors-background-input__1rgzsg0q: #1E1D21;
39
+ --namedColors-border__1rgzsg0r: #1E1D21;
40
+ --colors-grey-100__1rgzsg0s: #C7C3DE;
41
+ --colors-grey-200__1rgzsg0t: #9A96AB;
42
+ --colors-grey-300__1rgzsg0u: #838091;
43
+ --colors-grey-400__1rgzsg0v: #595763;
44
+ --colors-grey-500__1rgzsg0w: #4C4A54;
45
+ --colors-grey-600__1rgzsg0x: #2E2C33;
46
+ --colors-grey-700__1rgzsg0y: #1E1D21;
47
+ --colors-grey-800__1rgzsg0z: #101012;
48
+ --fonts-heading__1rgzsg010: arial, sans-serif;
49
+ --fonts-body__1rgzsg011: arial, sans-serif;
50
+ --fonts-label__1rgzsg012: arial, sans-serif;
51
+ }
52
+ * {
53
+ box-sizing: border-box;
54
+ }
55
+ h1, h2, h3, h4, h5 {
56
+ margin: 0;
57
+ }
58
+ body, html {
59
+ font-size: 16px;
60
+ color: #eee;
61
+ font-family: arial, sans-serif;
62
+ margin: 0;
63
+ padding: 0;
64
+ }
65
+ input, input:hover, input:focus, input:focus-visible {
66
+ background: transparent;
67
+ border: none;
68
+ outline: none;
69
+ appearance: textfield;
70
+ }
71
+ button, button:hover, button:focus, button:focus-visible {
72
+ border: none;
73
+ outline: none;
74
+ }
75
+ button:disabled, input:disabled {
76
+ cursor: not-allowed;
77
+ }
package/dist/assets/src/core/Heading/Heading.css.ts.vanilla-VBevHy-U.css ADDED
@@ -0,0 +1,117 @@
1
+ .Heading_HeadingStyle__36kgqp0 {
2
+ font-weight: bold;
3
+ }
4
+ .Heading_fontSizeVariant_xSmall__36kgqp1 {
5
+ font-size: var(--fontSizes-xSmall__1rgzsg08);
6
+ }
7
+ .Heading_fontSizeVariant_small__36kgqp2 {
8
+ font-size: var(--fontSizes-small__1rgzsg09);
9
+ }
10
+ .Heading_fontSizeVariant_medium__36kgqp3 {
11
+ font-size: var(--fontSizes-medium__1rgzsg0a);
12
+ }
13
+ .Heading_fontSizeVariant_large__36kgqp4 {
14
+ font-size: var(--fontSizes-large__1rgzsg0b);
15
+ }
16
+ .Heading_fontSizeVariant_xLarge__36kgqp5 {
17
+ font-size: var(--fontSizes-xLarge__1rgzsg0c);
18
+ }
19
+ .Heading_fontSizeVariant_title__36kgqp6 {
20
+ font-size: var(--fontSizes-title__1rgzsg0d);
21
+ }
22
+ .Heading_paddingTop_none__36kgqp7 {
23
+ padding-top: var(--spacing-none__1rgzsg00);
24
+ }
25
+ .Heading_paddingTop_xSmall__36kgqp8 {
26
+ padding-top: var(--spacing-xSmall__1rgzsg01);
27
+ }
28
+ .Heading_paddingTop_small__36kgqp9 {
29
+ padding-top: var(--spacing-small__1rgzsg02);
30
+ }
31
+ .Heading_paddingTop_mediumSmall__36kgqpa {
32
+ padding-top: var(--spacing-mediumSmall__1rgzsg03);
33
+ }
34
+ .Heading_paddingTop_medium__36kgqpb {
35
+ padding-top: var(--spacing-medium__1rgzsg04);
36
+ }
37
+ .Heading_paddingTop_mediumLarge__36kgqpc {
38
+ padding-top: var(--spacing-mediumLarge__1rgzsg05);
39
+ }
40
+ .Heading_paddingTop_large__36kgqpd {
41
+ padding-top: var(--spacing-large__1rgzsg06);
42
+ }
43
+ .Heading_paddingTop_xLarge__36kgqpe {
44
+ padding-top: var(--spacing-xLarge__1rgzsg07);
45
+ }
46
+ .Heading_paddingRight_none__36kgqpf {
47
+ padding-right: var(--spacing-none__1rgzsg00);
48
+ }
49
+ .Heading_paddingRight_xSmall__36kgqpg {
50
+ padding-right: var(--spacing-xSmall__1rgzsg01);
51
+ }
52
+ .Heading_paddingRight_small__36kgqph {
53
+ padding-right: var(--spacing-small__1rgzsg02);
54
+ }
55
+ .Heading_paddingRight_mediumSmall__36kgqpi {
56
+ padding-right: var(--spacing-mediumSmall__1rgzsg03);
57
+ }
58
+ .Heading_paddingRight_medium__36kgqpj {
59
+ padding-right: var(--spacing-medium__1rgzsg04);
60
+ }
61
+ .Heading_paddingRight_mediumLarge__36kgqpk {
62
+ padding-right: var(--spacing-mediumLarge__1rgzsg05);
63
+ }
64
+ .Heading_paddingRight_large__36kgqpl {
65
+ padding-right: var(--spacing-large__1rgzsg06);
66
+ }
67
+ .Heading_paddingRight_xLarge__36kgqpm {
68
+ padding-right: var(--spacing-xLarge__1rgzsg07);
69
+ }
70
+ .Heading_paddingBottom_none__36kgqpn {
71
+ padding-bottom: var(--spacing-none__1rgzsg00);
72
+ }
73
+ .Heading_paddingBottom_xSmall__36kgqpo {
74
+ padding-bottom: var(--spacing-xSmall__1rgzsg01);
75
+ }
76
+ .Heading_paddingBottom_small__36kgqpp {
77
+ padding-bottom: var(--spacing-small__1rgzsg02);
78
+ }
79
+ .Heading_paddingBottom_mediumSmall__36kgqpq {
80
+ padding-bottom: var(--spacing-mediumSmall__1rgzsg03);
81
+ }
82
+ .Heading_paddingBottom_medium__36kgqpr {
83
+ padding-bottom: var(--spacing-medium__1rgzsg04);
84
+ }
85
+ .Heading_paddingBottom_mediumLarge__36kgqps {
86
+ padding-bottom: var(--spacing-mediumLarge__1rgzsg05);
87
+ }
88
+ .Heading_paddingBottom_large__36kgqpt {
89
+ padding-bottom: var(--spacing-large__1rgzsg06);
90
+ }
91
+ .Heading_paddingBottom_xLarge__36kgqpu {
92
+ padding-bottom: var(--spacing-xLarge__1rgzsg07);
93
+ }
94
+ .Heading_paddingLeft_none__36kgqpv {
95
+ padding-left: var(--spacing-none__1rgzsg00);
96
+ }
97
+ .Heading_paddingLeft_xSmall__36kgqpw {
98
+ padding-left: var(--spacing-xSmall__1rgzsg01);
99
+ }
100
+ .Heading_paddingLeft_small__36kgqpx {
101
+ padding-left: var(--spacing-small__1rgzsg02);
102
+ }
103
+ .Heading_paddingLeft_mediumSmall__36kgqpy {
104
+ padding-left: var(--spacing-mediumSmall__1rgzsg03);
105
+ }
106
+ .Heading_paddingLeft_medium__36kgqpz {
107
+ padding-left: var(--spacing-medium__1rgzsg04);
108
+ }
109
+ .Heading_paddingLeft_mediumLarge__36kgqp10 {
110
+ padding-left: var(--spacing-mediumLarge__1rgzsg05);
111
+ }
112
+ .Heading_paddingLeft_large__36kgqp11 {
113
+ padding-left: var(--spacing-large__1rgzsg06);
114
+ }
115
+ .Heading_paddingLeft_xLarge__36kgqp12 {
116
+ padding-left: var(--spacing-xLarge__1rgzsg07);
117
+ }
package/dist/assets/src/core/Label/Label.css.ts.vanilla-Dpu7ocyX.css ADDED
@@ -0,0 +1,114 @@
1
+ .Label_fontSizeVariant_xSmall__gunjni0 {
2
+ font-size: var(--fontSizes-xSmall__1rgzsg08);
3
+ }
4
+ .Label_fontSizeVariant_small__gunjni1 {
5
+ font-size: var(--fontSizes-small__1rgzsg09);
6
+ }
7
+ .Label_fontSizeVariant_medium__gunjni2 {
8
+ font-size: var(--fontSizes-medium__1rgzsg0a);
9
+ }
10
+ .Label_fontSizeVariant_large__gunjni3 {
11
+ font-size: var(--fontSizes-large__1rgzsg0b);
12
+ }
13
+ .Label_fontSizeVariant_xLarge__gunjni4 {
14
+ font-size: var(--fontSizes-xLarge__1rgzsg0c);
15
+ }
16
+ .Label_fontSizeVariant_title__gunjni5 {
17
+ font-size: var(--fontSizes-title__1rgzsg0d);
18
+ }
19
+ .Label_paddingTop_none__gunjni6 {
20
+ padding-top: var(--spacing-none__1rgzsg00);
21
+ }
22
+ .Label_paddingTop_xSmall__gunjni7 {
23
+ padding-top: var(--spacing-xSmall__1rgzsg01);
24
+ }
25
+ .Label_paddingTop_small__gunjni8 {
26
+ padding-top: var(--spacing-small__1rgzsg02);
27
+ }
28
+ .Label_paddingTop_mediumSmall__gunjni9 {
29
+ padding-top: var(--spacing-mediumSmall__1rgzsg03);
30
+ }
31
+ .Label_paddingTop_medium__gunjnia {
32
+ padding-top: var(--spacing-medium__1rgzsg04);
33
+ }
34
+ .Label_paddingTop_mediumLarge__gunjnib {
35
+ padding-top: var(--spacing-mediumLarge__1rgzsg05);
36
+ }
37
+ .Label_paddingTop_large__gunjnic {
38
+ padding-top: var(--spacing-large__1rgzsg06);
39
+ }
40
+ .Label_paddingTop_xLarge__gunjnid {
41
+ padding-top: var(--spacing-xLarge__1rgzsg07);
42
+ }
43
+ .Label_paddingRight_none__gunjnie {
44
+ padding-right: var(--spacing-none__1rgzsg00);
45
+ }
46
+ .Label_paddingRight_xSmall__gunjnif {
47
+ padding-right: var(--spacing-xSmall__1rgzsg01);
48
+ }
49
+ .Label_paddingRight_small__gunjnig {
50
+ padding-right: var(--spacing-small__1rgzsg02);
51
+ }
52
+ .Label_paddingRight_mediumSmall__gunjnih {
53
+ padding-right: var(--spacing-mediumSmall__1rgzsg03);
54
+ }
55
+ .Label_paddingRight_medium__gunjnii {
56
+ padding-right: var(--spacing-medium__1rgzsg04);
57
+ }
58
+ .Label_paddingRight_mediumLarge__gunjnij {
59
+ padding-right: var(--spacing-mediumLarge__1rgzsg05);
60
+ }
61
+ .Label_paddingRight_large__gunjnik {
62
+ padding-right: var(--spacing-large__1rgzsg06);
63
+ }
64
+ .Label_paddingRight_xLarge__gunjnil {
65
+ padding-right: var(--spacing-xLarge__1rgzsg07);
66
+ }
67
+ .Label_paddingBottom_none__gunjnim {
68
+ padding-bottom: var(--spacing-none__1rgzsg00);
69
+ }
70
+ .Label_paddingBottom_xSmall__gunjnin {
71
+ padding-bottom: var(--spacing-xSmall__1rgzsg01);
72
+ }
73
+ .Label_paddingBottom_small__gunjnio {
74
+ padding-bottom: var(--spacing-small__1rgzsg02);
75
+ }
76
+ .Label_paddingBottom_mediumSmall__gunjnip {
77
+ padding-bottom: var(--spacing-mediumSmall__1rgzsg03);
78
+ }
79
+ .Label_paddingBottom_medium__gunjniq {
80
+ padding-bottom: var(--spacing-medium__1rgzsg04);
81
+ }
82
+ .Label_paddingBottom_mediumLarge__gunjnir {
83
+ padding-bottom: var(--spacing-mediumLarge__1rgzsg05);
84
+ }
85
+ .Label_paddingBottom_large__gunjnis {
86
+ padding-bottom: var(--spacing-large__1rgzsg06);
87
+ }
88
+ .Label_paddingBottom_xLarge__gunjnit {
89
+ padding-bottom: var(--spacing-xLarge__1rgzsg07);
90
+ }
91
+ .Label_paddingLeft_none__gunjniu {
92
+ padding-left: var(--spacing-none__1rgzsg00);
93
+ }
94
+ .Label_paddingLeft_xSmall__gunjniv {
95
+ padding-left: var(--spacing-xSmall__1rgzsg01);
96
+ }
97
+ .Label_paddingLeft_small__gunjniw {
98
+ padding-left: var(--spacing-small__1rgzsg02);
99
+ }
100
+ .Label_paddingLeft_mediumSmall__gunjnix {
101
+ padding-left: var(--spacing-mediumSmall__1rgzsg03);
102
+ }
103
+ .Label_paddingLeft_medium__gunjniy {
104
+ padding-left: var(--spacing-medium__1rgzsg04);
105
+ }
106
+ .Label_paddingLeft_mediumLarge__gunjniz {
107
+ padding-left: var(--spacing-mediumLarge__1rgzsg05);
108
+ }
109
+ .Label_paddingLeft_large__gunjni10 {
110
+ padding-left: var(--spacing-large__1rgzsg06);
111
+ }
112
+ .Label_paddingLeft_xLarge__gunjni11 {
113
+ padding-left: var(--spacing-xLarge__1rgzsg07);
114
+ }
package/dist/assets/src/core/Tabs/Tabs.css.ts.vanilla-DQ1nIUyD.css ADDED
@@ -0,0 +1,231 @@
1
+ .Tabs_TabsStyle__1mqnhd40 {
2
+ display: flex;
3
+ font-size: 1rem;
4
+ align-items: center;
5
+ justify-content: center;
6
+ vertical-align: middle;
7
+ white-space: nowrap;
8
+ text-decoration: none;
9
+ text-transform: uppercase;
10
+ text-align: center;
11
+ border: 0;
12
+ appearance: none;
13
+ user-select: none;
14
+ }
15
+ .Tabs_TabsItemStyle__1mqnhd41 {
16
+ font-size: 1rem;
17
+ display: flex;
18
+ align-items: center;
19
+ justify-content: center;
20
+ margin-right: 1px;
21
+ cursor: pointer;
22
+ vertical-align: middle;
23
+ white-space: nowrap;
24
+ text-decoration: none;
25
+ text-transform: uppercase;
26
+ text-align: center;
27
+ border: 0;
28
+ appearance: none;
29
+ user-select: none;
30
+ }
31
+ .Tabs_TabsItemStyle__1mqnhd41:hover {
32
+ outline: none;
33
+ }
34
+ .Tabs_TabsItemStyle__1mqnhd41:focus-visible {
35
+ outline: none;
36
+ }
37
+ .Tabs_TabsItemStyle__1mqnhd41:disabled {
38
+ cursor: not-allowed;
39
+ }
40
+ .Tabs_paddingTop_none__1mqnhd42 {
41
+ padding-top: var(--spacing-none__1rgzsg00);
42
+ }
43
+ .Tabs_paddingTop_xSmall__1mqnhd43 {
44
+ padding-top: var(--spacing-xSmall__1rgzsg01);
45
+ }
46
+ .Tabs_paddingTop_small__1mqnhd44 {
47
+ padding-top: var(--spacing-small__1rgzsg02);
48
+ }
49
+ .Tabs_paddingTop_mediumSmall__1mqnhd45 {
50
+ padding-top: var(--spacing-mediumSmall__1rgzsg03);
51
+ }
52
+ .Tabs_paddingTop_medium__1mqnhd46 {
53
+ padding-top: var(--spacing-medium__1rgzsg04);
54
+ }
55
+ .Tabs_paddingTop_mediumLarge__1mqnhd47 {
56
+ padding-top: var(--spacing-mediumLarge__1rgzsg05);
57
+ }
58
+ .Tabs_paddingTop_large__1mqnhd48 {
59
+ padding-top: var(--spacing-large__1rgzsg06);
60
+ }
61
+ .Tabs_paddingTop_xLarge__1mqnhd49 {
62
+ padding-top: var(--spacing-xLarge__1rgzsg07);
63
+ }
64
+ .Tabs_paddingRight_none__1mqnhd4a {
65
+ padding-right: var(--spacing-none__1rgzsg00);
66
+ }
67
+ .Tabs_paddingRight_xSmall__1mqnhd4b {
68
+ padding-right: var(--spacing-xSmall__1rgzsg01);
69
+ }
70
+ .Tabs_paddingRight_small__1mqnhd4c {
71
+ padding-right: var(--spacing-small__1rgzsg02);
72
+ }
73
+ .Tabs_paddingRight_mediumSmall__1mqnhd4d {
74
+ padding-right: var(--spacing-mediumSmall__1rgzsg03);
75
+ }
76
+ .Tabs_paddingRight_medium__1mqnhd4e {
77
+ padding-right: var(--spacing-medium__1rgzsg04);
78
+ }
79
+ .Tabs_paddingRight_mediumLarge__1mqnhd4f {
80
+ padding-right: var(--spacing-mediumLarge__1rgzsg05);
81
+ }
82
+ .Tabs_paddingRight_large__1mqnhd4g {
83
+ padding-right: var(--spacing-large__1rgzsg06);
84
+ }
85
+ .Tabs_paddingRight_xLarge__1mqnhd4h {
86
+ padding-right: var(--spacing-xLarge__1rgzsg07);
87
+ }
88
+ .Tabs_paddingBottom_none__1mqnhd4i {
89
+ padding-bottom: var(--spacing-none__1rgzsg00);
90
+ }
91
+ .Tabs_paddingBottom_xSmall__1mqnhd4j {
92
+ padding-bottom: var(--spacing-xSmall__1rgzsg01);
93
+ }
94
+ .Tabs_paddingBottom_small__1mqnhd4k {
95
+ padding-bottom: var(--spacing-small__1rgzsg02);
96
+ }
97
+ .Tabs_paddingBottom_mediumSmall__1mqnhd4l {
98
+ padding-bottom: var(--spacing-mediumSmall__1rgzsg03);
99
+ }
100
+ .Tabs_paddingBottom_medium__1mqnhd4m {
101
+ padding-bottom: var(--spacing-medium__1rgzsg04);
102
+ }
103
+ .Tabs_paddingBottom_mediumLarge__1mqnhd4n {
104
+ padding-bottom: var(--spacing-mediumLarge__1rgzsg05);
105
+ }
106
+ .Tabs_paddingBottom_large__1mqnhd4o {
107
+ padding-bottom: var(--spacing-large__1rgzsg06);
108
+ }
109
+ .Tabs_paddingBottom_xLarge__1mqnhd4p {
110
+ padding-bottom: var(--spacing-xLarge__1rgzsg07);
111
+ }
112
+ .Tabs_paddingLeft_none__1mqnhd4q {
113
+ padding-left: var(--spacing-none__1rgzsg00);
114
+ }
115
+ .Tabs_paddingLeft_xSmall__1mqnhd4r {
116
+ padding-left: var(--spacing-xSmall__1rgzsg01);
117
+ }
118
+ .Tabs_paddingLeft_small__1mqnhd4s {
119
+ padding-left: var(--spacing-small__1rgzsg02);
120
+ }
121
+ .Tabs_paddingLeft_mediumSmall__1mqnhd4t {
122
+ padding-left: var(--spacing-mediumSmall__1rgzsg03);
123
+ }
124
+ .Tabs_paddingLeft_medium__1mqnhd4u {
125
+ padding-left: var(--spacing-medium__1rgzsg04);
126
+ }
127
+ .Tabs_paddingLeft_mediumLarge__1mqnhd4v {
128
+ padding-left: var(--spacing-mediumLarge__1rgzsg05);
129
+ }
130
+ .Tabs_paddingLeft_large__1mqnhd4w {
131
+ padding-left: var(--spacing-large__1rgzsg06);
132
+ }
133
+ .Tabs_paddingLeft_xLarge__1mqnhd4x {
134
+ padding-left: var(--spacing-xLarge__1rgzsg07);
135
+ }
136
+ .Tabs_marginTop_none__1mqnhd4y {
137
+ margin-top: var(--spacing-none__1rgzsg00);
138
+ }
139
+ .Tabs_marginTop_xSmall__1mqnhd4z {
140
+ margin-top: var(--spacing-xSmall__1rgzsg01);
141
+ }
142
+ .Tabs_marginTop_small__1mqnhd410 {
143
+ margin-top: var(--spacing-small__1rgzsg02);
144
+ }
145
+ .Tabs_marginTop_mediumSmall__1mqnhd411 {
146
+ margin-top: var(--spacing-mediumSmall__1rgzsg03);
147
+ }
148
+ .Tabs_marginTop_medium__1mqnhd412 {
149
+ margin-top: var(--spacing-medium__1rgzsg04);
150
+ }
151
+ .Tabs_marginTop_mediumLarge__1mqnhd413 {
152
+ margin-top: var(--spacing-mediumLarge__1rgzsg05);
153
+ }
154
+ .Tabs_marginTop_large__1mqnhd414 {
155
+ margin-top: var(--spacing-large__1rgzsg06);
156
+ }
157
+ .Tabs_marginTop_xLarge__1mqnhd415 {
158
+ margin-top: var(--spacing-xLarge__1rgzsg07);
159
+ }
160
+ .Tabs_marginRight_none__1mqnhd416 {
161
+ margin-right: var(--spacing-none__1rgzsg00);
162
+ }
163
+ .Tabs_marginRight_xSmall__1mqnhd417 {
164
+ margin-right: var(--spacing-xSmall__1rgzsg01);
165
+ }
166
+ .Tabs_marginRight_small__1mqnhd418 {
167
+ margin-right: var(--spacing-small__1rgzsg02);
168
+ }
169
+ .Tabs_marginRight_mediumSmall__1mqnhd419 {
170
+ margin-right: var(--spacing-mediumSmall__1rgzsg03);
171
+ }
172
+ .Tabs_marginRight_medium__1mqnhd41a {
173
+ margin-right: var(--spacing-medium__1rgzsg04);
174
+ }
175
+ .Tabs_marginRight_mediumLarge__1mqnhd41b {
176
+ margin-right: var(--spacing-mediumLarge__1rgzsg05);
177
+ }
178
+ .Tabs_marginRight_large__1mqnhd41c {
179
+ margin-right: var(--spacing-large__1rgzsg06);
180
+ }
181
+ .Tabs_marginRight_xLarge__1mqnhd41d {
182
+ margin-right: var(--spacing-xLarge__1rgzsg07);
183
+ }
184
+ .Tabs_marginBottom_none__1mqnhd41e {
185
+ margin-bottom: var(--spacing-none__1rgzsg00);
186
+ }
187
+ .Tabs_marginBottom_xSmall__1mqnhd41f {
188
+ margin-bottom: var(--spacing-xSmall__1rgzsg01);
189
+ }
190
+ .Tabs_marginBottom_small__1mqnhd41g {
191
+ margin-bottom: var(--spacing-small__1rgzsg02);
192
+ }
193
+ .Tabs_marginBottom_mediumSmall__1mqnhd41h {
194
+ margin-bottom: var(--spacing-mediumSmall__1rgzsg03);
195
+ }
196
+ .Tabs_marginBottom_medium__1mqnhd41i {
197
+ margin-bottom: var(--spacing-medium__1rgzsg04);
198
+ }
199
+ .Tabs_marginBottom_mediumLarge__1mqnhd41j {
200
+ margin-bottom: var(--spacing-mediumLarge__1rgzsg05);
201
+ }
202
+ .Tabs_marginBottom_large__1mqnhd41k {
203
+ margin-bottom: var(--spacing-large__1rgzsg06);
204
+ }
205
+ .Tabs_marginBottom_xLarge__1mqnhd41l {
206
+ margin-bottom: var(--spacing-xLarge__1rgzsg07);
207
+ }
208
+ .Tabs_marginLeft_none__1mqnhd41m {
209
+ margin-left: var(--spacing-none__1rgzsg00);
210
+ }
211
+ .Tabs_marginLeft_xSmall__1mqnhd41n {
212
+ margin-left: var(--spacing-xSmall__1rgzsg01);
213
+ }
214
+ .Tabs_marginLeft_small__1mqnhd41o {
215
+ margin-left: var(--spacing-small__1rgzsg02);
216
+ }
217
+ .Tabs_marginLeft_mediumSmall__1mqnhd41p {
218
+ margin-left: var(--spacing-mediumSmall__1rgzsg03);
219
+ }
220
+ .Tabs_marginLeft_medium__1mqnhd41q {
221
+ margin-left: var(--spacing-medium__1rgzsg04);
222
+ }
223
+ .Tabs_marginLeft_mediumLarge__1mqnhd41r {
224
+ margin-left: var(--spacing-mediumLarge__1rgzsg05);
225
+ }
226
+ .Tabs_marginLeft_large__1mqnhd41s {
227
+ margin-left: var(--spacing-large__1rgzsg06);
228
+ }
229
+ .Tabs_marginLeft_xLarge__1mqnhd41t {
230
+ margin-left: var(--spacing-xLarge__1rgzsg07);
231
+ }
package/dist/index.d.ts CHANGED
@@ -42,12 +42,14 @@ interface TabsProps {
42
42
  items: Array<string>;
43
43
  onChange: (index: number) => void;
44
44
  padding?: Array<Spacing>;
45
+ margin?: Array<Spacing>;
45
46
  className?: string;
46
47
  style?: object;
47
48
  }
48
- declare function Tabs({ items, className, padding, onChange, }: React__default.PropsWithChildren<TabsProps>): React__default.JSX.Element;
49
+ declare function Tabs({ items, className, padding, margin, onChange, }: React__default.PropsWithChildren<TabsProps>): React__default.JSX.Element;
49
50
  declare namespace Tabs {
50
51
  var padding: typeof Spacing;
52
+ var margin: typeof Spacing;
51
53
  }
52
54
 
53
55
  declare enum ButtonSize {
package/dist/index.js CHANGED
@@ -2,24 +2,24 @@ import * as React from 'react';
2
2
  import React__default, { useState, useRef, useCallback, useEffect } from 'react';
3
3
  import classnames from 'classnames';
4
4
  import { TabGroup, TabList, Tab, Listbox, ListboxButton, ListboxOptions, ListboxOption } from '@headlessui/react';
5
- import './assets/src/common/styles/base.css.ts.vanilla-BFdSW11N.css';
6
- import './assets/src/core/Tabs/Tabs.css.ts.vanilla-DNEJfFE0.css';
5
+ import './assets/src/common/styles/base.css.ts.vanilla-aBQSVOsn.css';
6
+ import './assets/src/core/Tabs/Tabs.css.ts.vanilla-DQ1nIUyD.css';
7
7
  import * as Juce from 'juce-framework-frontend';
8
8
  import './assets/src/core/Button/Button.css.ts.vanilla-BFb_4C6w.css';
9
9
  import './assets/src/core/Dropdown/Dropdown.css.ts.vanilla-BLtRNWLI.css';
10
10
  import { useDrag } from '@use-gesture/react';
11
11
  import './assets/src/core/Slider/RotarySlider.css.ts.vanilla-BQXYfvmS.css';
12
12
  import './assets/src/core/Slider/BarSlider.css.ts.vanilla-B-s_nUZW.css';
13
- import './assets/src/core/Label/Label.css.ts.vanilla-CVXwAkKg.css';
13
+ import './assets/src/core/Label/Label.css.ts.vanilla-Dpu7ocyX.css';
14
14
  import './assets/src/core/Box/Box.css.ts.vanilla-DbG2dKSH.css';
15
- import './assets/src/core/Heading/Heading.css.ts.vanilla-LHnXtoZN.css';
15
+ import './assets/src/core/Heading/Heading.css.ts.vanilla-VBevHy-U.css';
16
16
  import { v4 } from 'uuid';
17
17
  import './assets/src/core/Matrix/Matrix.css.ts.vanilla-CM51RBF2.css';
18
18
  import './assets/src/core/Indicators/IndicatorLight.css.ts.vanilla-CZ8i-Pqo.css';
19
19
  import './assets/src/advanced/KeyValueDisplayScreen/KeyValueDisplayScreen.css.ts.vanilla-BpE9IWhL.css';
20
20
  import * as d3 from 'd3';
21
21
  import './assets/src/advanced/Oscilloscope/Oscilloscope.css.ts.vanilla-CwarcIIM.css';
22
- import './assets/src/advanced/ModuleHeader/ModuleHeader.css.ts.vanilla-B9ethNkF.css';
22
+ import './assets/src/advanced/ModuleHeader/ModuleHeader.css.ts.vanilla-ClQKi6dk.css';
23
23
  import './assets/src/advanced/ModuleFooter/ModuleFooter.css.ts.vanilla-BDcX51S7.css';
24
24
 
25
25
  var Spacing;
@@ -86,6 +86,10 @@ var FontSizes;
86
86
 
87
87
  var TabsItemStyle = 'Tabs_TabsItemStyle__1mqnhd41';
88
88
  var TabsStyle = 'Tabs_TabsStyle__1mqnhd40';
89
+ var marginBottom = {none:'Tabs_marginBottom_none__1mqnhd41e Tabs_TabsStyle__1mqnhd40',xSmall:'Tabs_marginBottom_xSmall__1mqnhd41f Tabs_TabsStyle__1mqnhd40',small:'Tabs_marginBottom_small__1mqnhd41g Tabs_TabsStyle__1mqnhd40',mediumSmall:'Tabs_marginBottom_mediumSmall__1mqnhd41h Tabs_TabsStyle__1mqnhd40',medium:'Tabs_marginBottom_medium__1mqnhd41i Tabs_TabsStyle__1mqnhd40',mediumLarge:'Tabs_marginBottom_mediumLarge__1mqnhd41j Tabs_TabsStyle__1mqnhd40',large:'Tabs_marginBottom_large__1mqnhd41k Tabs_TabsStyle__1mqnhd40',xLarge:'Tabs_marginBottom_xLarge__1mqnhd41l Tabs_TabsStyle__1mqnhd40'};
90
+ var marginLeft = {none:'Tabs_marginLeft_none__1mqnhd41m Tabs_TabsStyle__1mqnhd40',xSmall:'Tabs_marginLeft_xSmall__1mqnhd41n Tabs_TabsStyle__1mqnhd40',small:'Tabs_marginLeft_small__1mqnhd41o Tabs_TabsStyle__1mqnhd40',mediumSmall:'Tabs_marginLeft_mediumSmall__1mqnhd41p Tabs_TabsStyle__1mqnhd40',medium:'Tabs_marginLeft_medium__1mqnhd41q Tabs_TabsStyle__1mqnhd40',mediumLarge:'Tabs_marginLeft_mediumLarge__1mqnhd41r Tabs_TabsStyle__1mqnhd40',large:'Tabs_marginLeft_large__1mqnhd41s Tabs_TabsStyle__1mqnhd40',xLarge:'Tabs_marginLeft_xLarge__1mqnhd41t Tabs_TabsStyle__1mqnhd40'};
91
+ var marginRight = {none:'Tabs_marginRight_none__1mqnhd416 Tabs_TabsStyle__1mqnhd40',xSmall:'Tabs_marginRight_xSmall__1mqnhd417 Tabs_TabsStyle__1mqnhd40',small:'Tabs_marginRight_small__1mqnhd418 Tabs_TabsStyle__1mqnhd40',mediumSmall:'Tabs_marginRight_mediumSmall__1mqnhd419 Tabs_TabsStyle__1mqnhd40',medium:'Tabs_marginRight_medium__1mqnhd41a Tabs_TabsStyle__1mqnhd40',mediumLarge:'Tabs_marginRight_mediumLarge__1mqnhd41b Tabs_TabsStyle__1mqnhd40',large:'Tabs_marginRight_large__1mqnhd41c Tabs_TabsStyle__1mqnhd40',xLarge:'Tabs_marginRight_xLarge__1mqnhd41d Tabs_TabsStyle__1mqnhd40'};
92
+ var marginTop = {none:'Tabs_marginTop_none__1mqnhd4y Tabs_TabsStyle__1mqnhd40',xSmall:'Tabs_marginTop_xSmall__1mqnhd4z Tabs_TabsStyle__1mqnhd40',small:'Tabs_marginTop_small__1mqnhd410 Tabs_TabsStyle__1mqnhd40',mediumSmall:'Tabs_marginTop_mediumSmall__1mqnhd411 Tabs_TabsStyle__1mqnhd40',medium:'Tabs_marginTop_medium__1mqnhd412 Tabs_TabsStyle__1mqnhd40',mediumLarge:'Tabs_marginTop_mediumLarge__1mqnhd413 Tabs_TabsStyle__1mqnhd40',large:'Tabs_marginTop_large__1mqnhd414 Tabs_TabsStyle__1mqnhd40',xLarge:'Tabs_marginTop_xLarge__1mqnhd415 Tabs_TabsStyle__1mqnhd40'};
89
93
  var paddingBottom$3 = {none:'Tabs_paddingBottom_none__1mqnhd4i Tabs_TabsStyle__1mqnhd40',xSmall:'Tabs_paddingBottom_xSmall__1mqnhd4j Tabs_TabsStyle__1mqnhd40',small:'Tabs_paddingBottom_small__1mqnhd4k Tabs_TabsStyle__1mqnhd40',mediumSmall:'Tabs_paddingBottom_mediumSmall__1mqnhd4l Tabs_TabsStyle__1mqnhd40',medium:'Tabs_paddingBottom_medium__1mqnhd4m Tabs_TabsStyle__1mqnhd40',mediumLarge:'Tabs_paddingBottom_mediumLarge__1mqnhd4n Tabs_TabsStyle__1mqnhd40',large:'Tabs_paddingBottom_large__1mqnhd4o Tabs_TabsStyle__1mqnhd40',xLarge:'Tabs_paddingBottom_xLarge__1mqnhd4p Tabs_TabsStyle__1mqnhd40'};
90
94
  var paddingLeft$3 = {none:'Tabs_paddingLeft_none__1mqnhd4q Tabs_TabsStyle__1mqnhd40',xSmall:'Tabs_paddingLeft_xSmall__1mqnhd4r Tabs_TabsStyle__1mqnhd40',small:'Tabs_paddingLeft_small__1mqnhd4s Tabs_TabsStyle__1mqnhd40',mediumSmall:'Tabs_paddingLeft_mediumSmall__1mqnhd4t Tabs_TabsStyle__1mqnhd40',medium:'Tabs_paddingLeft_medium__1mqnhd4u Tabs_TabsStyle__1mqnhd40',mediumLarge:'Tabs_paddingLeft_mediumLarge__1mqnhd4v Tabs_TabsStyle__1mqnhd40',large:'Tabs_paddingLeft_large__1mqnhd4w Tabs_TabsStyle__1mqnhd40',xLarge:'Tabs_paddingLeft_xLarge__1mqnhd4x Tabs_TabsStyle__1mqnhd40'};
91
95
  var paddingRight$3 = {none:'Tabs_paddingRight_none__1mqnhd4a Tabs_TabsStyle__1mqnhd40',xSmall:'Tabs_paddingRight_xSmall__1mqnhd4b Tabs_TabsStyle__1mqnhd40',small:'Tabs_paddingRight_small__1mqnhd4c Tabs_TabsStyle__1mqnhd40',mediumSmall:'Tabs_paddingRight_mediumSmall__1mqnhd4d Tabs_TabsStyle__1mqnhd40',medium:'Tabs_paddingRight_medium__1mqnhd4e Tabs_TabsStyle__1mqnhd40',mediumLarge:'Tabs_paddingRight_mediumLarge__1mqnhd4f Tabs_TabsStyle__1mqnhd40',large:'Tabs_paddingRight_large__1mqnhd4g Tabs_TabsStyle__1mqnhd40',xLarge:'Tabs_paddingRight_xLarge__1mqnhd4h Tabs_TabsStyle__1mqnhd40'};
@@ -140,16 +144,20 @@ function _unsupported_iterable_to_array$6(o, minLen) {
140
144
  function Tabs(param) {
141
145
  var items = param.items, className = param.className, _param_padding = param.padding, padding = _param_padding === void 0 ? [
142
146
  Spacing.mediumSmall
143
- ] : _param_padding, onChange = param.onChange;
147
+ ] : _param_padding, _param_margin = param.margin, margin = _param_margin === void 0 ? [
148
+ Spacing.none
149
+ ] : _param_margin, onChange = param.onChange;
144
150
  var _useState = _sliced_to_array$6(useState(0), 2), selectedItem = _useState[0], setSelectedItem = _useState[1];
145
151
  var handleChange = function(index) {
146
152
  setSelectedItem(index);
147
153
  onChange(index);
148
154
  };
155
+ var _margin_, _margin_1, _margin_2, _ref;
149
156
  //around
150
157
  //vertical, horizontal
151
158
  // top, right, bottom, left
152
159
  return /*#__PURE__*/ React__default.createElement(TabGroup, {
160
+ className: classnames(marginTop[margin[0]], marginRight[(_margin_ = margin[1]) !== null && _margin_ !== void 0 ? _margin_ : margin[0]], marginBottom[(_margin_1 = margin[2]) !== null && _margin_1 !== void 0 ? _margin_1 : margin[0]], marginLeft[(_ref = (_margin_2 = margin[3]) !== null && _margin_2 !== void 0 ? _margin_2 : margin[1]) !== null && _ref !== void 0 ? _ref : margin[0]]),
153
161
  onChange: function(index) {
154
162
  return handleChange(index);
155
163
  }
@@ -165,6 +173,7 @@ function Tabs(param) {
165
173
  })));
166
174
  }
167
175
  Tabs.padding = Spacing;
176
+ Tabs.margin = Spacing;
168
177
 
169
178
  var ButtonSize;
170
179
  (function(ButtonSize) {
@@ -872,6 +881,19 @@ var useSlider = function(param) {
872
881
  }, {
873
882
  preventDefault: true
874
883
  });
884
+ var bindBarSliderDrag = useDrag(function(param) {
885
+ var down = param.down, event = param.event;
886
+ var _event_target;
887
+ var rect = event === null || event === void 0 ? void 0 : (_event_target = event.target) === null || _event_target === void 0 ? void 0 : _event_target.getBoundingClientRect();
888
+ var y = (event === null || event === void 0 ? void 0 : event.clientY) - rect.top;
889
+ if (down) {
890
+ // TODO: Increments?
891
+ var newValue = 1 - y / rect.height;
892
+ setNormalisedState(newValue);
893
+ }
894
+ }, {
895
+ preventDefault: true
896
+ });
875
897
  // TODO: Refactor
876
898
  // const onChangeStarted = () => sliderState.sliderDragStarted();
877
899
  // const onChangeCommitted = () => sliderState.sliderDragEnded();
@@ -880,6 +902,7 @@ var useSlider = function(param) {
880
902
  setScaledState: setScaledState,
881
903
  // onChangeStarted,
882
904
  // onChangeCommitted,
905
+ bindBarSliderDrag: bindBarSliderDrag,
883
906
  bindDrag: bindDrag,
884
907
  normalisedValue: normalisedValue,
885
908
  scaledValue: scaledValue,
@@ -995,10 +1018,11 @@ var BarSliderInnerStyle = 'BarSlider_BarSliderInnerStyle__kmoaop1';
995
1018
  var BarSliderStyle = 'BarSlider_BarSliderStyle__kmoaop0';
996
1019
  var variants$1 = {horizontal:'BarSlider_variants_horizontal__kmoaop3 BarSlider_BarSliderStyle__kmoaop0',vertical:'BarSlider_variants_vertical__kmoaop4 BarSlider_BarSliderStyle__kmoaop0'};
997
1020
 
998
- var paddingBottom$2 = {none:'Label_paddingBottom_none__gunjnig',xSmall:'Label_paddingBottom_xSmall__gunjnih',small:'Label_paddingBottom_small__gunjnii',mediumSmall:'Label_paddingBottom_mediumSmall__gunjnij',medium:'Label_paddingBottom_medium__gunjnik',mediumLarge:'Label_paddingBottom_mediumLarge__gunjnil',large:'Label_paddingBottom_large__gunjnim',xLarge:'Label_paddingBottom_xLarge__gunjnin'};
999
- var paddingLeft$2 = {none:'Label_paddingLeft_none__gunjnio',xSmall:'Label_paddingLeft_xSmall__gunjnip',small:'Label_paddingLeft_small__gunjniq',mediumSmall:'Label_paddingLeft_mediumSmall__gunjnir',medium:'Label_paddingLeft_medium__gunjnis',mediumLarge:'Label_paddingLeft_mediumLarge__gunjnit',large:'Label_paddingLeft_large__gunjniu',xLarge:'Label_paddingLeft_xLarge__gunjniv'};
1000
- var paddingRight$2 = {none:'Label_paddingRight_none__gunjni8',xSmall:'Label_paddingRight_xSmall__gunjni9',small:'Label_paddingRight_small__gunjnia',mediumSmall:'Label_paddingRight_mediumSmall__gunjnib',medium:'Label_paddingRight_medium__gunjnic',mediumLarge:'Label_paddingRight_mediumLarge__gunjnid',large:'Label_paddingRight_large__gunjnie',xLarge:'Label_paddingRight_xLarge__gunjnif'};
1001
- var paddingTop$2 = {none:'Label_paddingTop_none__gunjni0',xSmall:'Label_paddingTop_xSmall__gunjni1',small:'Label_paddingTop_small__gunjni2',mediumSmall:'Label_paddingTop_mediumSmall__gunjni3',medium:'Label_paddingTop_medium__gunjni4',mediumLarge:'Label_paddingTop_mediumLarge__gunjni5',large:'Label_paddingTop_large__gunjni6',xLarge:'Label_paddingTop_xLarge__gunjni7'};
1021
+ var fontSizeVariant$1 = {xSmall:'Label_fontSizeVariant_xSmall__gunjni0',small:'Label_fontSizeVariant_small__gunjni1',medium:'Label_fontSizeVariant_medium__gunjni2',large:'Label_fontSizeVariant_large__gunjni3',xLarge:'Label_fontSizeVariant_xLarge__gunjni4',title:'Label_fontSizeVariant_title__gunjni5'};
1022
+ var paddingBottom$2 = {none:'Label_paddingBottom_none__gunjnim',xSmall:'Label_paddingBottom_xSmall__gunjnin',small:'Label_paddingBottom_small__gunjnio',mediumSmall:'Label_paddingBottom_mediumSmall__gunjnip',medium:'Label_paddingBottom_medium__gunjniq',mediumLarge:'Label_paddingBottom_mediumLarge__gunjnir',large:'Label_paddingBottom_large__gunjnis',xLarge:'Label_paddingBottom_xLarge__gunjnit'};
1023
+ var paddingLeft$2 = {none:'Label_paddingLeft_none__gunjniu',xSmall:'Label_paddingLeft_xSmall__gunjniv',small:'Label_paddingLeft_small__gunjniw',mediumSmall:'Label_paddingLeft_mediumSmall__gunjnix',medium:'Label_paddingLeft_medium__gunjniy',mediumLarge:'Label_paddingLeft_mediumLarge__gunjniz',large:'Label_paddingLeft_large__gunjni10',xLarge:'Label_paddingLeft_xLarge__gunjni11'};
1024
+ var paddingRight$2 = {none:'Label_paddingRight_none__gunjnie',xSmall:'Label_paddingRight_xSmall__gunjnif',small:'Label_paddingRight_small__gunjnig',mediumSmall:'Label_paddingRight_mediumSmall__gunjnih',medium:'Label_paddingRight_medium__gunjnii',mediumLarge:'Label_paddingRight_mediumLarge__gunjnij',large:'Label_paddingRight_large__gunjnik',xLarge:'Label_paddingRight_xLarge__gunjnil'};
1025
+ var paddingTop$2 = {none:'Label_paddingTop_none__gunjni6',xSmall:'Label_paddingTop_xSmall__gunjni7',small:'Label_paddingTop_small__gunjni8',mediumSmall:'Label_paddingTop_mediumSmall__gunjni9',medium:'Label_paddingTop_medium__gunjnia',mediumLarge:'Label_paddingTop_mediumLarge__gunjnib',large:'Label_paddingTop_large__gunjnic',xLarge:'Label_paddingTop_xLarge__gunjnid'};
1002
1026
 
1003
1027
  function _define_property$8(obj, key, value) {
1004
1028
  if (key in obj) {
@@ -1039,7 +1063,7 @@ function Label(param) {
1039
1063
  style: _object_spread$8({
1040
1064
  fontSize: fontSize
1041
1065
  }, style),
1042
- className: classnames('Label', paddingTop$2[padding[0]], paddingRight$2[(_padding_ = padding[1]) !== null && _padding_ !== void 0 ? _padding_ : padding[0]], paddingBottom$2[(_padding_1 = padding[2]) !== null && _padding_1 !== void 0 ? _padding_1 : padding[0]], paddingLeft$2[(_ref = (_padding_2 = padding[3]) !== null && _padding_2 !== void 0 ? _padding_2 : padding[1]) !== null && _ref !== void 0 ? _ref : padding[0]], className)
1066
+ className: classnames('Label', fontSizeVariant$1[fontSize], paddingTop$2[padding[0]], paddingRight$2[(_padding_ = padding[1]) !== null && _padding_ !== void 0 ? _padding_ : padding[0]], paddingBottom$2[(_padding_1 = padding[2]) !== null && _padding_1 !== void 0 ? _padding_1 : padding[0]], paddingLeft$2[(_ref = (_padding_2 = padding[3]) !== null && _padding_2 !== void 0 ? _padding_2 : padding[1]) !== null && _ref !== void 0 ? _ref : padding[0]], className)
1043
1067
  }, value ? value : children);
1044
1068
  }
1045
1069
  Label.padding = Spacing;
@@ -1214,7 +1238,7 @@ function Slider(param) {
1214
1238
  mockInitialNormalisedValue: mockInitialNormalisedValue,
1215
1239
  sliderOrientation: sliderOrientation,
1216
1240
  onChange: onChange
1217
- }), bindDrag = _useSlider.bindDrag, normalisedValue = _useSlider.normalisedValue, scaledValue = _useSlider.scaledValue;
1241
+ }), bindBarSliderDrag = _useSlider.bindBarSliderDrag, normalisedValue = _useSlider.normalisedValue, scaledValue = _useSlider.scaledValue;
1218
1242
  return /*#__PURE__*/ React__default.createElement(Box, {
1219
1243
  flexDirection: Box.flexDirection.column,
1220
1244
  justifyContent: Box.justifyContent.center,
@@ -1223,7 +1247,7 @@ function Slider(param) {
1223
1247
  className: 'Slider-center-marker'
1224
1248
  }), /*#__PURE__*/ React__default.createElement("div", _object_spread_props(_object_spread$6({
1225
1249
  className: classnames('Slider-bar', BarSliderStyle, sliderOrientation === SliderOrientation.horizontal ? variants$1.horizontal : variants$1.vertical)
1226
- }, bindDrag()), {
1250
+ }, bindBarSliderDrag()), {
1227
1251
  onMouseEnter: function() {
1228
1252
  return onMouseEnter && label && onMouseEnter(label, scaledValue);
1229
1253
  },
@@ -1232,12 +1256,14 @@ function Slider(param) {
1232
1256
  }, style)
1233
1257
  }), normalisedValue ? /*#__PURE__*/ React__default.createElement("div", {
1234
1258
  className: classnames(BarSliderInnerStyle),
1235
- style: _object_spread$6({
1259
+ style: _object_spread$6(_object_spread_props(_object_spread$6({
1236
1260
  backgroundColor: color
1237
1261
  }, getPosition({
1238
1262
  sliderType: SliderType.bar,
1239
1263
  sliderOrientation: sliderOrientation,
1240
1264
  polarity: polarity
1265
+ })), {
1266
+ pointerEvents: 'none'
1241
1267
  }), getTransformString({
1242
1268
  sliderType: SliderType.bar,
1243
1269
  sliderOrientation: sliderOrientation,
@@ -1276,10 +1302,11 @@ function SliderValue(param) {
1276
1302
  }
1277
1303
 
1278
1304
  var HeadingStyle = 'Heading_HeadingStyle__36kgqp0';
1279
- var paddingBottom = {none:'Heading_paddingBottom_none__36kgqph Heading_HeadingStyle__36kgqp0',xSmall:'Heading_paddingBottom_xSmall__36kgqpi Heading_HeadingStyle__36kgqp0',small:'Heading_paddingBottom_small__36kgqpj Heading_HeadingStyle__36kgqp0',mediumSmall:'Heading_paddingBottom_mediumSmall__36kgqpk Heading_HeadingStyle__36kgqp0',medium:'Heading_paddingBottom_medium__36kgqpl Heading_HeadingStyle__36kgqp0',mediumLarge:'Heading_paddingBottom_mediumLarge__36kgqpm Heading_HeadingStyle__36kgqp0',large:'Heading_paddingBottom_large__36kgqpn Heading_HeadingStyle__36kgqp0',xLarge:'Heading_paddingBottom_xLarge__36kgqpo Heading_HeadingStyle__36kgqp0'};
1280
- var paddingLeft = {none:'Heading_paddingLeft_none__36kgqpp Heading_HeadingStyle__36kgqp0',xSmall:'Heading_paddingLeft_xSmall__36kgqpq Heading_HeadingStyle__36kgqp0',small:'Heading_paddingLeft_small__36kgqpr Heading_HeadingStyle__36kgqp0',mediumSmall:'Heading_paddingLeft_mediumSmall__36kgqps Heading_HeadingStyle__36kgqp0',medium:'Heading_paddingLeft_medium__36kgqpt Heading_HeadingStyle__36kgqp0',mediumLarge:'Heading_paddingLeft_mediumLarge__36kgqpu Heading_HeadingStyle__36kgqp0',large:'Heading_paddingLeft_large__36kgqpv Heading_HeadingStyle__36kgqp0',xLarge:'Heading_paddingLeft_xLarge__36kgqpw Heading_HeadingStyle__36kgqp0'};
1281
- var paddingRight = {none:'Heading_paddingRight_none__36kgqp9 Heading_HeadingStyle__36kgqp0',xSmall:'Heading_paddingRight_xSmall__36kgqpa Heading_HeadingStyle__36kgqp0',small:'Heading_paddingRight_small__36kgqpb Heading_HeadingStyle__36kgqp0',mediumSmall:'Heading_paddingRight_mediumSmall__36kgqpc Heading_HeadingStyle__36kgqp0',medium:'Heading_paddingRight_medium__36kgqpd Heading_HeadingStyle__36kgqp0',mediumLarge:'Heading_paddingRight_mediumLarge__36kgqpe Heading_HeadingStyle__36kgqp0',large:'Heading_paddingRight_large__36kgqpf Heading_HeadingStyle__36kgqp0',xLarge:'Heading_paddingRight_xLarge__36kgqpg Heading_HeadingStyle__36kgqp0'};
1282
- var paddingTop = {none:'Heading_paddingTop_none__36kgqp1 Heading_HeadingStyle__36kgqp0',xSmall:'Heading_paddingTop_xSmall__36kgqp2 Heading_HeadingStyle__36kgqp0',small:'Heading_paddingTop_small__36kgqp3 Heading_HeadingStyle__36kgqp0',mediumSmall:'Heading_paddingTop_mediumSmall__36kgqp4 Heading_HeadingStyle__36kgqp0',medium:'Heading_paddingTop_medium__36kgqp5 Heading_HeadingStyle__36kgqp0',mediumLarge:'Heading_paddingTop_mediumLarge__36kgqp6 Heading_HeadingStyle__36kgqp0',large:'Heading_paddingTop_large__36kgqp7 Heading_HeadingStyle__36kgqp0',xLarge:'Heading_paddingTop_xLarge__36kgqp8 Heading_HeadingStyle__36kgqp0'};
1305
+ var fontSizeVariant = {xSmall:'Heading_fontSizeVariant_xSmall__36kgqp1 Heading_HeadingStyle__36kgqp0',small:'Heading_fontSizeVariant_small__36kgqp2 Heading_HeadingStyle__36kgqp0',medium:'Heading_fontSizeVariant_medium__36kgqp3 Heading_HeadingStyle__36kgqp0',large:'Heading_fontSizeVariant_large__36kgqp4 Heading_HeadingStyle__36kgqp0',xLarge:'Heading_fontSizeVariant_xLarge__36kgqp5 Heading_HeadingStyle__36kgqp0',title:'Heading_fontSizeVariant_title__36kgqp6 Heading_HeadingStyle__36kgqp0'};
1306
+ var paddingBottom = {none:'Heading_paddingBottom_none__36kgqpn Heading_HeadingStyle__36kgqp0',xSmall:'Heading_paddingBottom_xSmall__36kgqpo Heading_HeadingStyle__36kgqp0',small:'Heading_paddingBottom_small__36kgqpp Heading_HeadingStyle__36kgqp0',mediumSmall:'Heading_paddingBottom_mediumSmall__36kgqpq Heading_HeadingStyle__36kgqp0',medium:'Heading_paddingBottom_medium__36kgqpr Heading_HeadingStyle__36kgqp0',mediumLarge:'Heading_paddingBottom_mediumLarge__36kgqps Heading_HeadingStyle__36kgqp0',large:'Heading_paddingBottom_large__36kgqpt Heading_HeadingStyle__36kgqp0',xLarge:'Heading_paddingBottom_xLarge__36kgqpu Heading_HeadingStyle__36kgqp0'};
1307
+ var paddingLeft = {none:'Heading_paddingLeft_none__36kgqpv Heading_HeadingStyle__36kgqp0',xSmall:'Heading_paddingLeft_xSmall__36kgqpw Heading_HeadingStyle__36kgqp0',small:'Heading_paddingLeft_small__36kgqpx Heading_HeadingStyle__36kgqp0',mediumSmall:'Heading_paddingLeft_mediumSmall__36kgqpy Heading_HeadingStyle__36kgqp0',medium:'Heading_paddingLeft_medium__36kgqpz Heading_HeadingStyle__36kgqp0',mediumLarge:'Heading_paddingLeft_mediumLarge__36kgqp10 Heading_HeadingStyle__36kgqp0',large:'Heading_paddingLeft_large__36kgqp11 Heading_HeadingStyle__36kgqp0',xLarge:'Heading_paddingLeft_xLarge__36kgqp12 Heading_HeadingStyle__36kgqp0'};
1308
+ var paddingRight = {none:'Heading_paddingRight_none__36kgqpf Heading_HeadingStyle__36kgqp0',xSmall:'Heading_paddingRight_xSmall__36kgqpg Heading_HeadingStyle__36kgqp0',small:'Heading_paddingRight_small__36kgqph Heading_HeadingStyle__36kgqp0',mediumSmall:'Heading_paddingRight_mediumSmall__36kgqpi Heading_HeadingStyle__36kgqp0',medium:'Heading_paddingRight_medium__36kgqpj Heading_HeadingStyle__36kgqp0',mediumLarge:'Heading_paddingRight_mediumLarge__36kgqpk Heading_HeadingStyle__36kgqp0',large:'Heading_paddingRight_large__36kgqpl Heading_HeadingStyle__36kgqp0',xLarge:'Heading_paddingRight_xLarge__36kgqpm Heading_HeadingStyle__36kgqp0'};
1309
+ var paddingTop = {none:'Heading_paddingTop_none__36kgqp7 Heading_HeadingStyle__36kgqp0',xSmall:'Heading_paddingTop_xSmall__36kgqp8 Heading_HeadingStyle__36kgqp0',small:'Heading_paddingTop_small__36kgqp9 Heading_HeadingStyle__36kgqp0',mediumSmall:'Heading_paddingTop_mediumSmall__36kgqpa Heading_HeadingStyle__36kgqp0',medium:'Heading_paddingTop_medium__36kgqpb Heading_HeadingStyle__36kgqp0',mediumLarge:'Heading_paddingTop_mediumLarge__36kgqpc Heading_HeadingStyle__36kgqp0',large:'Heading_paddingTop_large__36kgqpd Heading_HeadingStyle__36kgqp0',xLarge:'Heading_paddingTop_xLarge__36kgqpe Heading_HeadingStyle__36kgqp0'};
1283
1310
 
1284
1311
  var HeadingTags;
1285
1312
  (function(HeadingTags) {
@@ -1325,10 +1352,8 @@ function Heading(param) {
1325
1352
  var _padding_, _padding_1, _padding_2, _ref;
1326
1353
  return /*#__PURE__*/ React.createElement(Tag, {
1327
1354
  id: id,
1328
- style: _object_spread$5({
1329
- fontSize: fontSize
1330
- }, style),
1331
- className: classnames('Heading', HeadingStyle, paddingTop[padding[0]], paddingRight[(_padding_ = padding[1]) !== null && _padding_ !== void 0 ? _padding_ : padding[0]], paddingBottom[(_padding_1 = padding[2]) !== null && _padding_1 !== void 0 ? _padding_1 : padding[0]], paddingLeft[(_ref = (_padding_2 = padding[3]) !== null && _padding_2 !== void 0 ? _padding_2 : padding[1]) !== null && _ref !== void 0 ? _ref : padding[0]], className)
1355
+ style: _object_spread$5({}, style),
1356
+ className: classnames('Heading', HeadingStyle, fontSizeVariant[fontSize], paddingTop[padding[0]], paddingRight[(_padding_ = padding[1]) !== null && _padding_ !== void 0 ? _padding_ : padding[0]], paddingBottom[(_padding_1 = padding[2]) !== null && _padding_1 !== void 0 ? _padding_1 : padding[0]], paddingLeft[(_ref = (_padding_2 = padding[3]) !== null && _padding_2 !== void 0 ? _padding_2 : padding[1]) !== null && _ref !== void 0 ? _ref : padding[0]], className)
1332
1357
  }, value ? value : children);
1333
1358
  }
1334
1359
  Heading.fontSize = FontSizes;
@@ -1804,7 +1829,8 @@ function ModuleHeader(param) {
1804
1829
  gap: Box.gap.xLarge
1805
1830
  }, /*#__PURE__*/ React__default.createElement(Box, {
1806
1831
  flexDirection: Box.flexDirection.column,
1807
- flex: "0"
1832
+ flex: "0 1 200px",
1833
+ alignItems: Box.alignItems.flexStart
1808
1834
  }, /*#__PURE__*/ React__default.createElement(Heading, {
1809
1835
  fontSize: Heading.fontSize.title,
1810
1836
  className: ModuleNameStyle
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/dist/styles.css.ts CHANGED
@@ -5,19 +5,19 @@ const root = createGlobalTheme('.root', {
5
5
  none: '0px',
6
6
  xSmall: '2px',
7
7
  small: '4px',
8
- mediumSmall: '8px',
9
- medium: '12px',
10
- mediumLarge: '16px',
11
- large: '20px',
12
- xLarge: '24px',
8
+ mediumSmall: '6px',
9
+ medium: '8px',
10
+ mediumLarge: '12px',
11
+ large: '16px',
12
+ xLarge: '20px',
13
13
  },
14
14
  fontSizes: {
15
- xSmall: '.75rem',
16
- small: '.875rem',
17
- medium: '1rem',
18
- large: '1.25rem',
19
- xLarge: '1.5rem',
20
- title: '2rem',
15
+ xSmall: '.625rem',
16
+ small: '.75rem',
17
+ medium: '.875rem',
18
+ large: '1rem',
19
+ xLarge: '1.25rem',
20
+ title: '1.75rem',
21
21
  },
22
22
  borderRadius: '4px',
23
23
  namedColors: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@antimatter-audio/antimatter-ui",
3
- "version": "9.0.2",
3
+ "version": "9.0.4",
4
4
  "description": "React UI component library for Antimatter Audio.",
5
5
  "repository": {
6
6
  "type": "git",