@neo-ui-kit/react 1.0.0 → 1.0.1

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 (55) hide show
  1. package/README.md +12 -2
  2. package/dist/components/artwork/DatabaseArt/styles.css +58 -58
  3. package/dist/components/artwork/Landscape/styles.css +79 -79
  4. package/dist/components/artwork/Planet/styles.css +52 -52
  5. package/dist/components/artwork/QuantumField/UPSTREAM-LICENSE.txt +21 -21
  6. package/dist/components/artwork/ServerArt/styles.css +43 -43
  7. package/dist/components/artwork/Spectrum/styles.css +35 -35
  8. package/dist/components/controls/Autocomplete/styles.css +1 -1
  9. package/dist/components/controls/Checkbox/styles.css +58 -58
  10. package/dist/components/controls/InputBase/styles.css +374 -374
  11. package/dist/components/controls/Link/styles.css +50 -50
  12. package/dist/components/controls/SegmentedControl/styles.css +9 -9
  13. package/dist/components/controls/Switch/styles.css +54 -54
  14. package/dist/components/controls/Tabs/styles.css +239 -239
  15. package/dist/components/controls/ToggleButton/styles.css +49 -49
  16. package/dist/components/controls/shared.css +694 -694
  17. package/dist/components/editor/shared.css +1 -1
  18. package/dist/components/effects/Beacon/styles.css +38 -38
  19. package/dist/components/effects/Equalizer/styles.css +34 -34
  20. package/dist/components/effects/GlowText/styles.css +56 -56
  21. package/dist/components/effects/Marquee/styles.css +46 -46
  22. package/dist/components/effects/Reveal/styles.css +25 -25
  23. package/dist/components/effects/Shimmer/styles.css +48 -48
  24. package/dist/components/effects/Sparkles/styles.css +28 -28
  25. package/dist/components/effects/Spotlight/styles.css +45 -45
  26. package/dist/components/effects/Tilt/styles.css +67 -67
  27. package/dist/components/feedback/CollapsibleSection/styles.css +76 -76
  28. package/dist/components/feedback/DataTable/styles.css +522 -522
  29. package/dist/components/feedback/EmptyState/styles.css +80 -80
  30. package/dist/components/feedback/KeyValueList/styles.css +51 -51
  31. package/dist/components/feedback/MenuItem/styles.css +71 -71
  32. package/dist/components/feedback/Popover/styles.css +44 -44
  33. package/dist/components/feedback/Steps/styles.css +152 -152
  34. package/dist/components/feedback/Toast/styles.css +89 -89
  35. package/dist/components/forms/FormFields/styles.css +21 -21
  36. package/dist/components/foundation/ThemeProvider/styles.css +31 -31
  37. package/dist/components/layout/Avatar/styles.css +151 -151
  38. package/dist/components/layout/Card/styles.css +37 -37
  39. package/dist/components/layout/DialogActions/styles.css +31 -31
  40. package/dist/components/layout/DialogBody/styles.css +17 -17
  41. package/dist/components/layout/Illustration/styles.css +104 -104
  42. package/dist/components/layout/ScrollArea/styles.css +61 -61
  43. package/dist/components/layout/TabPanel/styles.css +16 -16
  44. package/dist/components/layout/shared.css +65 -65
  45. package/dist/components/media/AudioPlayer/styles.css +86 -86
  46. package/dist/components/media/LevelMeter/styles.css +30 -30
  47. package/dist/components/media/MelodyRoll/styles.css +196 -196
  48. package/dist/components/media/RotaryKnob/styles.css +319 -319
  49. package/dist/components/media/Sparkline/styles.css +69 -69
  50. package/dist/components/media/WaveDecoration/styles.css +1 -1
  51. package/dist/components/media/shared.css +7 -7
  52. package/dist/fonts/melodix.css +123 -123
  53. package/dist/index.js +2101 -2101
  54. package/dist/theme/base.css +210 -210
  55. package/package.json +1 -1
@@ -1,70 +1,70 @@
1
- /* Styles owned by Sparkline. */
2
- .ad-sparkline {
3
- display: block;
4
- width: 100%;
5
- max-width: 20rem;
6
- aspect-ratio: 24 / 7;
7
- height: auto;
8
- position: relative;
9
- overflow: visible;
10
- }
1
+ /* Styles owned by Sparkline. */
2
+ .ad-sparkline {
3
+ display: block;
4
+ width: 100%;
5
+ max-width: 20rem;
6
+ aspect-ratio: 24 / 7;
7
+ height: auto;
8
+ position: relative;
9
+ overflow: visible;
10
+ }
11
11
  /* The drawings lie over each other; the beacon is isolated in a separate SVG. */
12
- .ad-sparkline > svg {
13
- position: absolute;
14
- inset: 0;
15
- display: block;
16
- width: 100%;
17
- height: 100%;
18
- overflow: visible;
19
- }
20
- .ad-sparkline-area {
21
- animation: ad-spark-fade 1.2s 0.4s ease-out both;
22
- }
23
- .ad-sparkline-line {
24
- fill: none;
25
- stroke: var(--ad-spark);
26
- stroke-width: 1.6;
27
- stroke-linecap: round;
28
- stroke-linejoin: round;
29
- vector-effect: non-scaling-stroke;
30
- stroke-dasharray: 1;
31
- filter: drop-shadow(0 0 0.25rem var(--ad-spark));
32
- animation: ad-spark-draw 1.4s cubic-bezier(0.6, 0, 0.2, 1) both;
33
- }
34
- .ad-sparkline-dot {
35
- fill: #fff;
36
- vector-effect: non-scaling-stroke;
37
- filter: drop-shadow(0 0 0.3rem var(--ad-spark));
38
- }
39
- .ad-sparkline-ping {
40
- fill: none;
41
- stroke: var(--ad-spark);
42
- stroke-width: 1;
43
- vector-effect: non-scaling-stroke;
44
- transform-box: fill-box;
45
- transform-origin: center;
46
- animation: ad-spark-ping 1.8s 1.4s ease-out infinite;
47
- }
48
- @keyframes ad-spark-draw {
49
- from {
50
- stroke-dashoffset: 1;
51
- }
52
- to {
53
- stroke-dashoffset: 0;
54
- }
55
- }
56
- @keyframes ad-spark-fade {
57
- from {
58
- opacity: 0;
59
- }
60
- }
61
- @keyframes ad-spark-ping {
62
- from {
63
- scale: 1;
64
- opacity: 0.9;
65
- }
66
- to {
67
- scale: 4;
68
- opacity: 0;
69
- }
70
- }
12
+ .ad-sparkline > svg {
13
+ position: absolute;
14
+ inset: 0;
15
+ display: block;
16
+ width: 100%;
17
+ height: 100%;
18
+ overflow: visible;
19
+ }
20
+ .ad-sparkline-area {
21
+ animation: ad-spark-fade 1.2s 0.4s ease-out both;
22
+ }
23
+ .ad-sparkline-line {
24
+ fill: none;
25
+ stroke: var(--ad-spark);
26
+ stroke-width: 1.6;
27
+ stroke-linecap: round;
28
+ stroke-linejoin: round;
29
+ vector-effect: non-scaling-stroke;
30
+ stroke-dasharray: 1;
31
+ filter: drop-shadow(0 0 0.25rem var(--ad-spark));
32
+ animation: ad-spark-draw 1.4s cubic-bezier(0.6, 0, 0.2, 1) both;
33
+ }
34
+ .ad-sparkline-dot {
35
+ fill: #fff;
36
+ vector-effect: non-scaling-stroke;
37
+ filter: drop-shadow(0 0 0.3rem var(--ad-spark));
38
+ }
39
+ .ad-sparkline-ping {
40
+ fill: none;
41
+ stroke: var(--ad-spark);
42
+ stroke-width: 1;
43
+ vector-effect: non-scaling-stroke;
44
+ transform-box: fill-box;
45
+ transform-origin: center;
46
+ animation: ad-spark-ping 1.8s 1.4s ease-out infinite;
47
+ }
48
+ @keyframes ad-spark-draw {
49
+ from {
50
+ stroke-dashoffset: 1;
51
+ }
52
+ to {
53
+ stroke-dashoffset: 0;
54
+ }
55
+ }
56
+ @keyframes ad-spark-fade {
57
+ from {
58
+ opacity: 0;
59
+ }
60
+ }
61
+ @keyframes ad-spark-ping {
62
+ from {
63
+ scale: 1;
64
+ opacity: 0.9;
65
+ }
66
+ to {
67
+ scale: 4;
68
+ opacity: 0;
69
+ }
70
+ }
@@ -1,2 +1,2 @@
1
- /* Styles owned by WaveDecoration. */
1
+ /* Styles owned by WaveDecoration. */
2
2
  /* Animated path data needs no full-width transform layer. */
@@ -1,7 +1,7 @@
1
- /* Shared only by sibling components. */
2
- .ad-wave-decoration {
3
- width: 100%;
4
- height: 8.125rem;
5
- display: block;
6
- pointer-events: none;
7
- }
1
+ /* Shared only by sibling components. */
2
+ .ad-wave-decoration {
3
+ width: 100%;
4
+ height: 8.125rem;
5
+ display: block;
6
+ pointer-events: none;
7
+ }
@@ -1,123 +1,123 @@
1
- /* Melodix: the musical display typeface, in nine weights (100 Thin … 900 Black). Records, piano
2
- keys, note heads, strings and waveforms are part of the letters themselves; the Latin S carries a
3
- treble clef (a loop above, a hook with a note head below). Capitals of Cyrillic (Russian and
4
- Ukrainian) and Latin, digits, ! ? : ; , … and ♩ ♪ ♫ ♬ 𝄞 ♥ #; lowercase letters are the same shapes
5
- as small capitals. Traced from the large Melodix sheet, weights grown or slimmed from it.
6
- "Melodix Text" is the cut for small sizes (body text, menus, labels under ~24 px): the engraving
7
- finer than a screen pixel is filled in so the letters stay clear, records and notes stay.
8
- Greek and the remaining punctuation come from Playfair Display (SIL Open Font License 1.1, see
9
- melodix/OFL-PlayfairDisplay.txt). Each weight downloads only when some text uses it. */
10
- @font-face {
11
- font-family: "Melodix";
12
- src: url("./melodix/Melodix-100.woff2") format("woff2");
13
- font-weight: 100;
14
- font-display: swap;
15
- }
16
- @font-face {
17
- font-family: "Melodix";
18
- src: url("./melodix/Melodix-200.woff2") format("woff2");
19
- font-weight: 200;
20
- font-display: swap;
21
- }
22
- @font-face {
23
- font-family: "Melodix";
24
- src: url("./melodix/Melodix-300.woff2") format("woff2");
25
- font-weight: 300;
26
- font-display: swap;
27
- }
28
- @font-face {
29
- font-family: "Melodix";
30
- src: url("./melodix/Melodix-400.woff2") format("woff2");
31
- font-weight: 400;
32
- font-display: swap;
33
- }
34
- @font-face {
35
- font-family: "Melodix";
36
- src: url("./melodix/Melodix-500.woff2") format("woff2");
37
- font-weight: 500;
38
- font-display: swap;
39
- }
40
- @font-face {
41
- font-family: "Melodix";
42
- src: url("./melodix/Melodix-600.woff2") format("woff2");
43
- font-weight: 600;
44
- font-display: swap;
45
- }
46
- @font-face {
47
- font-family: "Melodix";
48
- src: url("./melodix/Melodix-700.woff2") format("woff2");
49
- font-weight: 700;
50
- font-display: swap;
51
- }
52
- @font-face {
53
- font-family: "Melodix";
54
- src: url("./melodix/Melodix-800.woff2") format("woff2");
55
- font-weight: 800;
56
- font-display: swap;
57
- }
58
- @font-face {
59
- font-family: "Melodix";
60
- src: url("./melodix/Melodix-900.woff2") format("woff2");
61
- font-weight: 900;
62
- font-display: swap;
63
- }
64
- @font-face {
65
- font-family: "Melodix Text";
66
- src: url("./melodix/MelodixText-100.woff2") format("woff2");
67
- font-weight: 100;
68
- font-display: swap;
69
- }
70
- @font-face {
71
- font-family: "Melodix Text";
72
- src: url("./melodix/MelodixText-200.woff2") format("woff2");
73
- font-weight: 200;
74
- font-display: swap;
75
- }
76
- @font-face {
77
- font-family: "Melodix Text";
78
- src: url("./melodix/MelodixText-300.woff2") format("woff2");
79
- font-weight: 300;
80
- font-display: swap;
81
- }
82
- @font-face {
83
- font-family: "Melodix Text";
84
- src: url("./melodix/MelodixText-400.woff2") format("woff2");
85
- font-weight: 400;
86
- font-display: swap;
87
- }
88
- @font-face {
89
- font-family: "Melodix Text";
90
- src: url("./melodix/MelodixText-500.woff2") format("woff2");
91
- font-weight: 500;
92
- font-display: swap;
93
- }
94
- @font-face {
95
- font-family: "Melodix Text";
96
- src: url("./melodix/MelodixText-600.woff2") format("woff2");
97
- font-weight: 600;
98
- font-display: swap;
99
- }
100
- @font-face {
101
- font-family: "Melodix Text";
102
- src: url("./melodix/MelodixText-700.woff2") format("woff2");
103
- font-weight: 700;
104
- font-display: swap;
105
- }
106
- @font-face {
107
- font-family: "Melodix Text";
108
- src: url("./melodix/MelodixText-800.woff2") format("woff2");
109
- font-weight: 800;
110
- font-display: swap;
111
- }
112
- @font-face {
113
- font-family: "Melodix Text";
114
- src: url("./melodix/MelodixText-900.woff2") format("woff2");
115
- font-weight: 900;
116
- font-display: swap;
117
- }
118
- :root,
119
- .ad-theme {
120
- --ad-font-family-melodix: "Melodix", Georgia, serif;
121
- /* the same letters cut for small sizes: use it for running text, menus and labels */
122
- --ad-font-family-melodix-text: "Melodix Text", "Melodix", Georgia, serif;
123
- }
1
+ /* Melodix: the musical display typeface, in nine weights (100 Thin … 900 Black). Records, piano
2
+ keys, note heads, strings and waveforms are part of the letters themselves; the Latin S carries a
3
+ treble clef (a loop above, a hook with a note head below). Capitals of Cyrillic (Russian and
4
+ Ukrainian) and Latin, digits, ! ? : ; , … and ♩ ♪ ♫ ♬ 𝄞 ♥ #; lowercase letters are the same shapes
5
+ as small capitals. Traced from the large Melodix sheet, weights grown or slimmed from it.
6
+ "Melodix Text" is the cut for small sizes (body text, menus, labels under ~24 px): the engraving
7
+ finer than a screen pixel is filled in so the letters stay clear, records and notes stay.
8
+ Greek and the remaining punctuation come from Playfair Display (SIL Open Font License 1.1, see
9
+ melodix/OFL-PlayfairDisplay.txt). Each weight downloads only when some text uses it. */
10
+ @font-face {
11
+ font-family: "Melodix";
12
+ src: url("./melodix/Melodix-100.woff2") format("woff2");
13
+ font-weight: 100;
14
+ font-display: swap;
15
+ }
16
+ @font-face {
17
+ font-family: "Melodix";
18
+ src: url("./melodix/Melodix-200.woff2") format("woff2");
19
+ font-weight: 200;
20
+ font-display: swap;
21
+ }
22
+ @font-face {
23
+ font-family: "Melodix";
24
+ src: url("./melodix/Melodix-300.woff2") format("woff2");
25
+ font-weight: 300;
26
+ font-display: swap;
27
+ }
28
+ @font-face {
29
+ font-family: "Melodix";
30
+ src: url("./melodix/Melodix-400.woff2") format("woff2");
31
+ font-weight: 400;
32
+ font-display: swap;
33
+ }
34
+ @font-face {
35
+ font-family: "Melodix";
36
+ src: url("./melodix/Melodix-500.woff2") format("woff2");
37
+ font-weight: 500;
38
+ font-display: swap;
39
+ }
40
+ @font-face {
41
+ font-family: "Melodix";
42
+ src: url("./melodix/Melodix-600.woff2") format("woff2");
43
+ font-weight: 600;
44
+ font-display: swap;
45
+ }
46
+ @font-face {
47
+ font-family: "Melodix";
48
+ src: url("./melodix/Melodix-700.woff2") format("woff2");
49
+ font-weight: 700;
50
+ font-display: swap;
51
+ }
52
+ @font-face {
53
+ font-family: "Melodix";
54
+ src: url("./melodix/Melodix-800.woff2") format("woff2");
55
+ font-weight: 800;
56
+ font-display: swap;
57
+ }
58
+ @font-face {
59
+ font-family: "Melodix";
60
+ src: url("./melodix/Melodix-900.woff2") format("woff2");
61
+ font-weight: 900;
62
+ font-display: swap;
63
+ }
64
+ @font-face {
65
+ font-family: "Melodix Text";
66
+ src: url("./melodix/MelodixText-100.woff2") format("woff2");
67
+ font-weight: 100;
68
+ font-display: swap;
69
+ }
70
+ @font-face {
71
+ font-family: "Melodix Text";
72
+ src: url("./melodix/MelodixText-200.woff2") format("woff2");
73
+ font-weight: 200;
74
+ font-display: swap;
75
+ }
76
+ @font-face {
77
+ font-family: "Melodix Text";
78
+ src: url("./melodix/MelodixText-300.woff2") format("woff2");
79
+ font-weight: 300;
80
+ font-display: swap;
81
+ }
82
+ @font-face {
83
+ font-family: "Melodix Text";
84
+ src: url("./melodix/MelodixText-400.woff2") format("woff2");
85
+ font-weight: 400;
86
+ font-display: swap;
87
+ }
88
+ @font-face {
89
+ font-family: "Melodix Text";
90
+ src: url("./melodix/MelodixText-500.woff2") format("woff2");
91
+ font-weight: 500;
92
+ font-display: swap;
93
+ }
94
+ @font-face {
95
+ font-family: "Melodix Text";
96
+ src: url("./melodix/MelodixText-600.woff2") format("woff2");
97
+ font-weight: 600;
98
+ font-display: swap;
99
+ }
100
+ @font-face {
101
+ font-family: "Melodix Text";
102
+ src: url("./melodix/MelodixText-700.woff2") format("woff2");
103
+ font-weight: 700;
104
+ font-display: swap;
105
+ }
106
+ @font-face {
107
+ font-family: "Melodix Text";
108
+ src: url("./melodix/MelodixText-800.woff2") format("woff2");
109
+ font-weight: 800;
110
+ font-display: swap;
111
+ }
112
+ @font-face {
113
+ font-family: "Melodix Text";
114
+ src: url("./melodix/MelodixText-900.woff2") format("woff2");
115
+ font-weight: 900;
116
+ font-display: swap;
117
+ }
118
+ :root,
119
+ .ad-theme {
120
+ --ad-font-family-melodix: "Melodix", Georgia, serif;
121
+ /* the same letters cut for small sizes: use it for running text, menus and labels */
122
+ --ad-font-family-melodix-text: "Melodix Text", "Melodix", Georgia, serif;
123
+ }