@aivenio/aquarium 6.1.0 → 6.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_variables.scss +1 -1
- package/dist/atoms.cjs +8 -6
- package/dist/atoms.mjs +8 -6
- package/dist/charts.cjs +3 -3
- package/dist/charts.mjs +3 -3
- package/dist/src/atoms/ChoiceChip/ChoiceChip.js +3 -3
- package/dist/src/atoms/CommandPalette/CommandPalette.d.ts +16 -0
- package/dist/src/atoms/CommandPalette/CommandPalette.js +3 -1
- package/dist/src/molecules/CommandPalette/CommandPalette.d.ts +12 -4
- package/dist/src/molecules/CommandPalette/CommandPalette.js +17 -5
- package/dist/src/molecules/CommandPalette/CommandPaletteProvider.d.ts +5 -0
- package/dist/src/molecules/CommandPalette/CommandPaletteProvider.js +102 -27
- package/dist/src/molecules/CommandPalette/findSubCommands.d.ts +13 -0
- package/dist/src/molecules/CommandPalette/findSubCommands.js +65 -0
- package/dist/src/molecules/CommandPalette/types.d.ts +31 -1
- package/dist/src/molecules/CommandPalette/types.js +10 -1
- package/dist/src/molecules/DataList/DataList.d.ts +5 -1
- package/dist/src/molecules/DataList/DataList.js +3 -3
- package/dist/src/molecules/Popover/Popover.d.ts +3 -0
- package/dist/src/molecules/Popover/Popover.js +1 -1
- package/dist/src/molecules/Section/Section.d.ts +9 -0
- package/dist/src/molecules/Section/Section.js +13 -6
- package/dist/src/molecules/SegmentedControl/SegmentedControl.js +3 -3
- package/dist/src/molecules/Table/Table.d.ts +3 -0
- package/dist/src/molecules/Table/Table.js +4 -1
- package/dist/src/molecules/Tabs/Tabs.d.ts +4 -0
- package/dist/src/molecules/Tabs/Tabs.js +3 -3
- package/dist/src/molecules/TagLabel/TagLabel.d.ts +1 -1
- package/dist/src/molecules/TagLabel/TagLabel.js +1 -1
- package/dist/src/molecules/Typography/Typography.d.ts +3 -0
- package/dist/src/molecules/Typography/Typography.js +1 -1
- package/dist/src/tokens/tokens.json +3 -3
- package/dist/styles.css +40 -28
- package/dist/system.cjs +838 -673
- package/dist/system.mjs +793 -626
- package/dist/tokens.json +3 -3
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -13,7 +13,7 @@ import React from 'react';
|
|
|
13
13
|
import { InverseChip } from '../../../src/molecules/Chip/Chip';
|
|
14
14
|
/**
|
|
15
15
|
*
|
|
16
|
-
* @deprecated Use `<
|
|
16
|
+
* @deprecated Use `<Chip.Inverse>` instead.
|
|
17
17
|
*/
|
|
18
18
|
export const TagLabel = (_a) => {
|
|
19
19
|
var { title, dense = false, variant } = _a, rest = __rest(_a, ["title", "dense", "variant"]);
|
|
@@ -12,6 +12,9 @@ type ComposedTypographyProps = Record<Body | Header | Monospace, React.FC<Props>
|
|
|
12
12
|
Subheading: React.FC<LegacyProps>;
|
|
13
13
|
Paragraph: React.FC<LegacyProps>;
|
|
14
14
|
P: React.FC<LegacyProps>;
|
|
15
|
+
/**
|
|
16
|
+
* @deprecated Use Typography.Small for 12px
|
|
17
|
+
*/
|
|
15
18
|
Caption: React.FC<LegacyProps>;
|
|
16
19
|
};
|
|
17
20
|
export declare const Typography: ComposedTypographyProps & React.FC<TypographyProps>;
|
|
@@ -114,4 +114,4 @@ Typography.CodeSmallStrong = (_a) => {
|
|
|
114
114
|
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "code-small-strong" })));
|
|
115
115
|
};
|
|
116
116
|
Typography.CodeSmallStrong.displayName = 'Typography.CodeSmallStrong';
|
|
117
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
117
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHlwb2dyYXBoeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBRTVCLE9BQU8sRUFBRSxVQUFVLElBQUksY0FBYyxFQUF3QixNQUFNLGlDQUFpQyxDQUFDO0FBb0NyRyxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQXdELENBQUMsS0FBc0IsRUFBRSxFQUFFO0lBQ3hHLE1BQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxPQUFPLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUM7SUFDMUUsT0FBTyxvQkFBQyxjQUFjLG9CQUFLLEtBQUssSUFBRSxPQUFPLEVBQUUsV0FBVyxJQUFJLENBQUM7QUFDN0QsQ0FBQyxDQUFDO0FBQ0YsVUFBVSxDQUFDLFdBQVcsR0FBRyxZQUFZLENBQUM7QUFFdEMsVUFBVSxDQUFDLFlBQVksR0FBRyxDQUFDLEVBQW1DLEVBQUUsRUFBRTtRQUF2QyxFQUFFLE9BQU8sR0FBRyxJQUFJLE9BQW1CLEVBQWQsS0FBSyxjQUExQixXQUE0QixDQUFGO0lBQWMsT0FBQSxDQUNqRSxvQkFBQyxjQUFjLG9CQUFLLEtBQUssSUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBQyxlQUFlLElBQUcsQ0FDeEUsQ0FBQTtDQUFBLENBQUM7QUFDRixVQUFVLENBQUMsWUFBWSxDQUFDLFdBQVcsR0FBRyx5QkFBeUIsQ0FBQztBQUVoRTs7Ozs7OztHQU9HO0FBQ0gsVUFBVSxDQUFDLE9BQU8sR0FBRyxDQUFDLEVBQXFELEVBQUUsRUFBRTtRQUF6RCxFQUFFLE9BQU8sR0FBRyxJQUFJLEVBQUUsVUFB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
|
|
@@ -26,8 +26,8 @@
|
|
|
26
26
|
"medium": "rgba(235,235,235,1)",
|
|
27
27
|
"intense": "rgba(181,181,183,1)",
|
|
28
28
|
"primary": {
|
|
29
|
-
"muted": "rgba(
|
|
30
|
-
"default": "rgba(
|
|
29
|
+
"muted": "rgba(217,249,248,1)",
|
|
30
|
+
"default": "rgba(217,249,248,1)",
|
|
31
31
|
"graphic": "rgba(46,208,205,1)",
|
|
32
32
|
"intense": "rgba(0,128,124,1)",
|
|
33
33
|
"inverse": "rgba(0,128,124,1)",
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
"inverse": "rgba(198,42,42,1)"
|
|
72
72
|
},
|
|
73
73
|
"status": {
|
|
74
|
-
"announcement": "rgba(
|
|
74
|
+
"announcement": "rgba(217,249,248,1)",
|
|
75
75
|
"info": "rgba(233,249,253,1)",
|
|
76
76
|
"warning": "rgba(255,249,230,1)",
|
|
77
77
|
"danger": "rgba(255,241,241,1)",
|
package/dist/styles.css
CHANGED
|
@@ -621,7 +621,7 @@ video {
|
|
|
621
621
|
--aquarium-background-color-muted: var(--aquarium-colors-grey-5);
|
|
622
622
|
--aquarium-background-color-medium: var(--aquarium-colors-grey-10);
|
|
623
623
|
--aquarium-background-color-intense: var(--aquarium-colors-grey-30);
|
|
624
|
-
--aquarium-background-color-primary-default: var(--aquarium-colors-primary-
|
|
624
|
+
--aquarium-background-color-primary-default: var(--aquarium-colors-primary-5);
|
|
625
625
|
--aquarium-background-color-primary-graphic: var(--aquarium-colors-primary-30);
|
|
626
626
|
--aquarium-background-color-primary-inverse: var(--aquarium-colors-primary-60);
|
|
627
627
|
--aquarium-background-color-primary-active: var(--aquarium-colors-primary-0);
|
|
@@ -2650,7 +2650,7 @@ video {
|
|
|
2650
2650
|
background-color: var(--aquarium-background-color-primary-active);
|
|
2651
2651
|
}
|
|
2652
2652
|
.bg-primary-default{
|
|
2653
|
-
background-color: rgba(
|
|
2653
|
+
background-color: rgba(217,249,248,1);
|
|
2654
2654
|
background-color: var(--aquarium-background-color-primary-default);
|
|
2655
2655
|
}
|
|
2656
2656
|
.bg-primary-graphic{
|
|
@@ -2670,11 +2670,11 @@ video {
|
|
|
2670
2670
|
background-color: var(--aquarium-background-color-primary-inverse);
|
|
2671
2671
|
}
|
|
2672
2672
|
.bg-primary-muted{
|
|
2673
|
-
background-color: rgba(
|
|
2673
|
+
background-color: rgba(217,249,248,1);
|
|
2674
2674
|
background-color: var(--aquarium-background-color-primary-muted);
|
|
2675
2675
|
}
|
|
2676
2676
|
.bg-status-announcement{
|
|
2677
|
-
background-color: rgba(
|
|
2677
|
+
background-color: rgba(217,249,248,1);
|
|
2678
2678
|
background-color: var(--aquarium-background-color-status-announcement);
|
|
2679
2679
|
}
|
|
2680
2680
|
.bg-status-danger{
|
|
@@ -3723,7 +3723,16 @@ code{
|
|
|
3723
3723
|
/* the collapsible <Section> uses a different background color for the header element when expanded. To enhance the contrast between the header's background color and the secondary button's background color, we need to specifically change the secondary button's background to bg-body instead of bg-transparent. */
|
|
3724
3724
|
background-color: rgba(255,255,255,1);
|
|
3725
3725
|
background-color: var(--aquarium-background-color-body);
|
|
3726
|
-
|
|
3726
|
+
}
|
|
3727
|
+
/*
|
|
3728
|
+
Nested corners: matching parent/child radius can make child bg bleed past the
|
|
3729
|
+
container curve. Use inner radius = outer radius - border width via design tokens.
|
|
3730
|
+
*/
|
|
3731
|
+
.Aquarium-SegmentedControl {
|
|
3732
|
+
--aquarium-segmented-control-inner-radius: calc(
|
|
3733
|
+
var(--aquarium-border-radius-default) - var(--aquarium-border-width-default)
|
|
3734
|
+
);
|
|
3735
|
+
}
|
|
3727
3736
|
.aquarium-theme-dark {
|
|
3728
3737
|
--aquarium-border-color-muted: var(--aquarium-colors-grey-70);
|
|
3729
3738
|
--aquarium-border-color-default: var(--aquarium-colors-grey-60);
|
|
@@ -3830,7 +3839,7 @@ code{
|
|
|
3830
3839
|
--aquarium-text-color-danger-default: var(--aquarium-colors-error-20);
|
|
3831
3840
|
--aquarium-text-color-danger-intense: var(--aquarium-text-color-danger-default);
|
|
3832
3841
|
|
|
3833
|
-
|
|
3842
|
+
/* Code block (syntax highlighting) */
|
|
3834
3843
|
--aquarium-code-background: var(--aquarium-background-color-body);
|
|
3835
3844
|
--aquarium-code-text: var(--aquarium-text-color-default);
|
|
3836
3845
|
--aquarium-code-keyword: rgba(223, 86, 242, 1);
|
|
@@ -3912,7 +3921,7 @@ code{
|
|
|
3912
3921
|
.aquarium-theme-dark .Aquarium-DropdownMenu\.Item.bg-muted,
|
|
3913
3922
|
.aquarium-theme-dark .Aquarium-DropdownMenu\.Item.hover\:bg-muted:hover,
|
|
3914
3923
|
.aquarium-theme-dark .Aquarium-Select\.Item.bg-muted,
|
|
3915
|
-
.aquarium-theme-dark .Aquarium-Select\.Item.hover\:bg-muted:hover{
|
|
3924
|
+
.aquarium-theme-dark .Aquarium-Select\.Item.hover\:bg-muted:hover {
|
|
3916
3925
|
background-color: rgba(235,235,235,1);
|
|
3917
3926
|
background-color: var(--aquarium-background-color-medium);
|
|
3918
3927
|
}
|
|
@@ -3929,7 +3938,7 @@ code{
|
|
|
3929
3938
|
.aquarium-theme-dark .Aquarium-StatusChip {
|
|
3930
3939
|
--aquarium-text-color-info-intense: var(--aquarium-text-color-info-default);
|
|
3931
3940
|
}
|
|
3932
|
-
.aquarium-theme-dark .Aquarium-Navigation li[role=
|
|
3941
|
+
.aquarium-theme-dark .Aquarium-Navigation li[role='presentation'] a[role='menuitem'] {
|
|
3933
3942
|
--aquarium-text-color-primary-intense: var(--aquarium-text-color-primary-default);
|
|
3934
3943
|
}
|
|
3935
3944
|
/* In dark mode, both these popover related components(bg-overlay) and banner background(bg-muted) colors are set to grey-90. To avoid them blending together, we need to use a different color. */
|
|
@@ -3949,7 +3958,14 @@ code{
|
|
|
3949
3958
|
.aquarium-theme-dark .Aquarium-Modal .Aquarium-InputChip, .aquarium-theme-dark .Aquarium-Dialog .Aquarium-InputChip, .aquarium-theme-dark .Aquarium-Drawer .Aquarium-InputChip, .aquarium-theme-dark .Aquarium-Popover .Aquarium-InputChip {
|
|
3950
3959
|
--aquarium-background-color-muted: var(--aquarium-background-color-medium);
|
|
3951
3960
|
}
|
|
3952
|
-
.aquarium-theme-dark .Aquarium-Modal .Aquarium-InputChip [role=
|
|
3961
|
+
.aquarium-theme-dark .Aquarium-Modal .Aquarium-InputChip [role='button']:hover,
|
|
3962
|
+
.aquarium-theme-dark .Aquarium-Modal .Aquarium-InputChip [role='button']:focus,
|
|
3963
|
+
.aquarium-theme-dark .Aquarium-Dialog .Aquarium-InputChip [role='button']:hover,
|
|
3964
|
+
.aquarium-theme-dark .Aquarium-Dialog .Aquarium-InputChip [role='button']:focus,
|
|
3965
|
+
.aquarium-theme-dark .Aquarium-Drawer .Aquarium-InputChip [role='button']:hover,
|
|
3966
|
+
.aquarium-theme-dark .Aquarium-Drawer .Aquarium-InputChip [role='button']:focus,
|
|
3967
|
+
.aquarium-theme-dark .Aquarium-Popover .Aquarium-InputChip [role='button']:hover,
|
|
3968
|
+
.aquarium-theme-dark .Aquarium-Popover .Aquarium-InputChip [role='button']:focus {
|
|
3953
3969
|
--aquarium-background-color-intense: var(--aquarium-background-color-inactive);
|
|
3954
3970
|
}
|
|
3955
3971
|
.aquarium-theme-dark .Aquarium-Modal .Aquarium-Table .sticky, .aquarium-theme-dark .Aquarium-Modal .Aquarium-DataList .sticky, .aquarium-theme-dark .Aquarium-Modal .Aquarium-DataTable .sticky, .aquarium-theme-dark .Aquarium-Modal .Aquarium-ItemList .sticky, .aquarium-theme-dark .Aquarium-Dialog .Aquarium-Table .sticky, .aquarium-theme-dark .Aquarium-Dialog .Aquarium-DataList .sticky, .aquarium-theme-dark .Aquarium-Dialog .Aquarium-DataTable .sticky, .aquarium-theme-dark .Aquarium-Dialog .Aquarium-ItemList .sticky, .aquarium-theme-dark .Aquarium-Drawer .Aquarium-Table .sticky, .aquarium-theme-dark .Aquarium-Drawer .Aquarium-DataList .sticky, .aquarium-theme-dark .Aquarium-Drawer .Aquarium-DataTable .sticky, .aquarium-theme-dark .Aquarium-Drawer .Aquarium-ItemList .sticky, .aquarium-theme-dark .Aquarium-Popover .Aquarium-Table .sticky, .aquarium-theme-dark .Aquarium-Popover .Aquarium-DataList .sticky, .aquarium-theme-dark .Aquarium-Popover .Aquarium-DataTable .sticky, .aquarium-theme-dark .Aquarium-Popover .Aquarium-ItemList .sticky {
|
|
@@ -3960,24 +3976,24 @@ code{
|
|
|
3960
3976
|
border: 1px solid rgba(225,225,225,1);
|
|
3961
3977
|
border: 1px solid var(--aquarium-border-color-muted);
|
|
3962
3978
|
}
|
|
3963
|
-
.aquarium-theme-dark .Aquarium-Table div[role=
|
|
3979
|
+
.aquarium-theme-dark .Aquarium-Table div[role='columnheader'],
|
|
3964
3980
|
.aquarium-theme-dark .Aquarium-Table thead th.border-intense,
|
|
3965
|
-
.aquarium-theme-dark .Aquarium-DataList div[role=
|
|
3981
|
+
.aquarium-theme-dark .Aquarium-DataList div[role='columnheader'],
|
|
3966
3982
|
.aquarium-theme-dark .Aquarium-DataList thead th.border-intense,
|
|
3967
|
-
.aquarium-theme-dark .Aquarium-DataTable div[role=
|
|
3983
|
+
.aquarium-theme-dark .Aquarium-DataTable div[role='columnheader'],
|
|
3968
3984
|
.aquarium-theme-dark .Aquarium-DataTable thead th.border-intense,
|
|
3969
|
-
.aquarium-theme-dark .Aquarium-ItemList div[role=
|
|
3985
|
+
.aquarium-theme-dark .Aquarium-ItemList div[role='columnheader'],
|
|
3970
3986
|
.aquarium-theme-dark .Aquarium-ItemList thead th.border-intense {
|
|
3971
3987
|
border-color: rgba(181,181,183,1);
|
|
3972
3988
|
border-color: var(--aquarium-border-color-default);
|
|
3973
3989
|
}
|
|
3974
|
-
.aquarium-theme-dark .Aquarium-Table div[role=
|
|
3990
|
+
.aquarium-theme-dark .Aquarium-Table div[role='cell'],
|
|
3975
3991
|
.aquarium-theme-dark .Aquarium-Table tbody td,
|
|
3976
|
-
.aquarium-theme-dark .Aquarium-DataList div[role=
|
|
3992
|
+
.aquarium-theme-dark .Aquarium-DataList div[role='cell'],
|
|
3977
3993
|
.aquarium-theme-dark .Aquarium-DataList tbody td,
|
|
3978
|
-
.aquarium-theme-dark .Aquarium-DataTable div[role=
|
|
3994
|
+
.aquarium-theme-dark .Aquarium-DataTable div[role='cell'],
|
|
3979
3995
|
.aquarium-theme-dark .Aquarium-DataTable tbody td,
|
|
3980
|
-
.aquarium-theme-dark .Aquarium-ItemList div[role=
|
|
3996
|
+
.aquarium-theme-dark .Aquarium-ItemList div[role='cell'],
|
|
3981
3997
|
.aquarium-theme-dark .Aquarium-ItemList tbody td {
|
|
3982
3998
|
border-color: rgba(225,225,225,1);
|
|
3983
3999
|
border-color: var(--aquarium-border-color-muted);
|
|
@@ -4137,21 +4153,17 @@ code{
|
|
|
4137
4153
|
.first\:mt-0:first-child{
|
|
4138
4154
|
margin-top: 0px;
|
|
4139
4155
|
}
|
|
4140
|
-
.first\:rounded-l:first-child{
|
|
4141
|
-
border-top-left-radius:
|
|
4142
|
-
border-
|
|
4143
|
-
border-bottom-left-radius: 4px;
|
|
4144
|
-
border-bottom-left-radius: var(--aquarium-border-radius-default);
|
|
4156
|
+
.first\:rounded-l-\[var\(--aquarium-segmented-control-inner-radius\)\]:first-child{
|
|
4157
|
+
border-top-left-radius: var(--aquarium-segmented-control-inner-radius);
|
|
4158
|
+
border-bottom-left-radius: var(--aquarium-segmented-control-inner-radius);
|
|
4145
4159
|
}
|
|
4146
4160
|
.first\:border-l-0:first-child{
|
|
4147
4161
|
border-left-width: 0px;
|
|
4148
4162
|
border-left-width: var(--aquarium-border-width-0);
|
|
4149
4163
|
}
|
|
4150
|
-
.last\:rounded-r:last-child{
|
|
4151
|
-
border-top-right-radius:
|
|
4152
|
-
border-
|
|
4153
|
-
border-bottom-right-radius: 4px;
|
|
4154
|
-
border-bottom-right-radius: var(--aquarium-border-radius-default);
|
|
4164
|
+
.last\:rounded-r-\[var\(--aquarium-segmented-control-inner-radius\)\]:last-child{
|
|
4165
|
+
border-top-right-radius: var(--aquarium-segmented-control-inner-radius);
|
|
4166
|
+
border-bottom-right-radius: var(--aquarium-segmented-control-inner-radius);
|
|
4155
4167
|
}
|
|
4156
4168
|
.last\:border-r-0:last-child{
|
|
4157
4169
|
border-right-width: 0px;
|
|
@@ -4182,7 +4194,7 @@ code{
|
|
|
4182
4194
|
background-color: var(--aquarium-background-color-primary-inverse);
|
|
4183
4195
|
}
|
|
4184
4196
|
.checked\:bg-primary-muted:checked{
|
|
4185
|
-
background-color: rgba(
|
|
4197
|
+
background-color: rgba(217,249,248,1);
|
|
4186
4198
|
background-color: var(--aquarium-background-color-primary-muted);
|
|
4187
4199
|
}
|
|
4188
4200
|
.checked\:opacity-50:checked{
|