@gooddata/sdk-ui-kit 11.29.0-alpha.0 → 11.29.0-alpha.10
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/esm/@ui/@types/icon.d.ts +1 -1
- package/esm/@ui/@types/icon.d.ts.map +1 -1
- package/esm/@ui/@types/variant.d.ts +5 -0
- package/esm/@ui/@types/variant.d.ts.map +1 -1
- package/esm/@ui/@types/variant.js +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/SkeletonItemFactory.d.ts +3 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/SkeletonItemFactory.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/SkeletonItemFactory.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.d.ts +3 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.js +5 -4
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBody.d.ts +3 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBody.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBody.js +2 -2
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBody.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.d.ts +3 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.js +4 -4
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.d.ts +3 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.js +2 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/utils.d.ts +8 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/utils.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/utils.js +7 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/utils.js.map +1 -1
- package/esm/@ui/UiAsyncTable/types.d.ts +9 -1
- package/esm/@ui/UiAsyncTable/types.d.ts.map +1 -1
- package/esm/@ui/UiButton/UiButton.d.ts +2 -2
- package/esm/@ui/UiButton/UiButton.d.ts.map +1 -1
- package/esm/@ui/UiButton/UiButton.js.map +1 -1
- package/esm/@ui/UiChip/ChipContent.d.ts +1 -1
- package/esm/@ui/UiChip/ChipContent.d.ts.map +1 -1
- package/esm/@ui/UiChip/ChipContent.js +2 -2
- package/esm/@ui/UiChip/ChipContent.js.map +1 -1
- package/esm/@ui/UiChip/UiChip.d.ts +1 -1
- package/esm/@ui/UiChip/UiChip.d.ts.map +1 -1
- package/esm/@ui/UiChip/UiChip.js +2 -2
- package/esm/@ui/UiChip/UiChip.js.map +1 -1
- package/esm/@ui/UiChip/types.d.ts +5 -0
- package/esm/@ui/UiChip/types.d.ts.map +1 -1
- package/esm/@ui/UiIcon/icons.d.ts.map +1 -1
- package/esm/@ui/UiIcon/icons.js +6 -0
- package/esm/@ui/UiIcon/icons.js.map +1 -1
- package/esm/Dialog/ConfirmDialogBase.d.ts.map +1 -1
- package/esm/Dialog/ConfirmDialogBase.js +3 -2
- package/esm/Dialog/ConfirmDialogBase.js.map +1 -1
- package/esm/Messages/Message.d.ts +1 -1
- package/esm/Messages/Message.d.ts.map +1 -1
- package/esm/Messages/Message.js +2 -2
- package/esm/Messages/Message.js.map +1 -1
- package/esm/index.d.ts +1 -1
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js.map +1 -1
- package/esm/sdk-ui-kit.d.ts +16 -4
- package/package.json +15 -15
- package/src/@ui/UiButton/UiButton.scss +11 -1
- package/src/@ui/UiChip/UiChip.scss +7 -0
- package/styles/css/dropdown.css +1 -0
- package/styles/css/dropdown.css.map +1 -1
- package/styles/css/invertableSelect.css +11 -10
- package/styles/css/invertableSelect.css.map +1 -1
- package/styles/css/main.css +30 -15
- package/styles/css/main.css.map +1 -1
- package/styles/scss/dropdown.scss +1 -0
- package/styles/scss/invertableSelect.scss +14 -11
package/esm/sdk-ui-kit.d.ts
CHANGED
|
@@ -2554,7 +2554,7 @@ export declare function IconTreeMap({ className, width, height, color, ariaHidde
|
|
|
2554
2554
|
/**
|
|
2555
2555
|
* @internal
|
|
2556
2556
|
*/
|
|
2557
|
-
export declare type IconType = "brain" | "brainDisabled" | "check" | "checkCircle" | "certification" | "plus" | "plusCircle" | "sync" | "alert" | "alertPaused" | "close" | "cross" | "crossCircle" | "question" | "chevronUp" | "chevronRight" | "chevronDown" | "chevronLeft" | "date" | "navigateUp" | "navigateDown" | "navigateRight" | "navigateLeft" | "download" | "slack" | "expand" | "exclamationCircle" | "book" | "visible" | "invisible" | "lock" | "unlock" | "ai" | "aiFill" | "drawer" | "drawerEmpty" | "prohibited" | "dropDown" | "dropRight" | "clock" | "clockPaused" | "questionMark" | "upload" | "expandRectangle" | "file" | "number" | "code" | "user" | "userPlus" | "users" | "magic" | "tab" | "pauseCircle" | "filter" | "timer" | "mail" | "envelope" | "copy" | "rain" | "earth" | "geoCollection" | "geoCollectionUpload" | "minimize" | "shrink" | "copyright" | "ellipsis" | "pencil" | "folder" | "folderPlus" | "trash" | "arrowUp" | "arrowRight" | "arrowDown" | "arrowLeft" | "undo" | "redo" | "trendDown" | "trendUp" | "save" | "minus" | "minusCircle" | "percent" | "enter" | "enterRight" | "money" | "ghost" | "warning" | "home" | "settings" | "search" | "university" | "printer" | "picture" | "visualization" | "dashboard" | "metric" | "fact" | "ldmAttribute" | "sharp" | "attribute" | "horn" | "cw" | "ccw" | "table" | "directionColumn" | "directionRow" | "header" | "genai" | "genai2" | "explainai" | "hiddenForAi" | "box" | "ellipsisVertical" | "list" | "drillTo" | "hierarchy" | "history" | "thumbsUp" | "thumbsDown" | "send" | "visualizationArea" | "visualizationTable" | "visualizationTreemap" | "visualizationScatter" | "visualizationDonut" | "visualizationHeadline" | "visualizationColumn" | "visualizationLine" | "visualizationPyramid" | "visualizationFunnel" | "visualizationHeatmap" | "visualizationBubble" | "visualizationPie" | "visualizationBar" | "visualizationCombo" | "visualizationBullet" | "visualizationWaterfall" | "visualizationDependencywheel" | "visualizationSankey" | "visualizationPushpin" | "visualizationRepeater" | "visualizationXirr" | "link" | "externalLink" | "click" | "fileXlsx" | "filePptx" | "filePdf" | "fileImage" | "fileCsvFormatted" | "fileCsvRaw" | "fileAi" | "recommendation" | "streamUp" | "streamDown" | "stream" | "density" | "parameter";
|
|
2557
|
+
export declare type IconType = "aiAgent" | "aiAgentDisabled" | "brain" | "brainDisabled" | "check" | "checkCircle" | "certification" | "plus" | "plusCircle" | "sync" | "alert" | "alertPaused" | "close" | "cross" | "crossCircle" | "question" | "chevronUp" | "chevronRight" | "chevronDown" | "chevronLeft" | "date" | "navigateUp" | "navigateDown" | "navigateRight" | "navigateLeft" | "download" | "slack" | "expand" | "exclamationCircle" | "book" | "visible" | "invisible" | "lock" | "unlock" | "ai" | "aiFill" | "drawer" | "drawerEmpty" | "prohibited" | "dropDown" | "dropRight" | "clock" | "clockPaused" | "questionMark" | "upload" | "expandRectangle" | "file" | "number" | "code" | "user" | "userPlus" | "users" | "magic" | "tab" | "pauseCircle" | "filter" | "timer" | "mail" | "envelope" | "copy" | "rain" | "earth" | "geoCollection" | "geoCollectionUpload" | "minimize" | "shrink" | "copyright" | "ellipsis" | "pencil" | "folder" | "folderPlus" | "trash" | "arrowUp" | "arrowRight" | "arrowDown" | "arrowLeft" | "undo" | "redo" | "trendDown" | "trendUp" | "save" | "minus" | "minusCircle" | "percent" | "enter" | "enterRight" | "money" | "ghost" | "warning" | "home" | "settings" | "search" | "university" | "printer" | "picture" | "visualization" | "dashboard" | "metric" | "fact" | "ldmAttribute" | "sharp" | "attribute" | "horn" | "cw" | "ccw" | "table" | "directionColumn" | "directionRow" | "header" | "genai" | "genai2" | "explainai" | "hiddenForAi" | "box" | "ellipsisVertical" | "list" | "drillTo" | "hierarchy" | "history" | "thumbsUp" | "thumbsDown" | "send" | "visualizationArea" | "visualizationTable" | "visualizationTreemap" | "visualizationScatter" | "visualizationDonut" | "visualizationHeadline" | "visualizationColumn" | "visualizationLine" | "visualizationPyramid" | "visualizationFunnel" | "visualizationHeatmap" | "visualizationBubble" | "visualizationPie" | "visualizationBar" | "visualizationCombo" | "visualizationBullet" | "visualizationWaterfall" | "visualizationDependencywheel" | "visualizationSankey" | "visualizationPushpin" | "visualizationRepeater" | "visualizationXirr" | "link" | "externalLink" | "click" | "fileXlsx" | "filePptx" | "filePdf" | "fileImage" | "fileCsvFormatted" | "fileCsvRaw" | "fileAi" | "recommendation" | "streamUp" | "streamDown" | "stream" | "density" | "parameter";
|
|
2558
2558
|
|
|
2559
2559
|
/**
|
|
2560
2560
|
* @internal
|
|
@@ -6267,6 +6267,8 @@ export declare interface IUiAsyncTableFilterOption {
|
|
|
6267
6267
|
*/
|
|
6268
6268
|
export declare interface IUiAsyncTableProps<T extends {
|
|
6269
6269
|
id: string;
|
|
6270
|
+
} | {
|
|
6271
|
+
ref: ObjRef;
|
|
6270
6272
|
}> {
|
|
6271
6273
|
items: T[];
|
|
6272
6274
|
totalItemsCount?: number;
|
|
@@ -6370,7 +6372,7 @@ export declare interface IUiButtonAccessibilityConfig extends IAccessibilityConf
|
|
|
6370
6372
|
export declare interface IUiButtonProps {
|
|
6371
6373
|
id?: string;
|
|
6372
6374
|
size?: SizeSmall | SizeMedium | SizeLarge;
|
|
6373
|
-
variant?: VariantPrimary | VariantSecondary | VariantTertiary | VariantPopOut | VariantDanger | VariantTooltip | VariantLink;
|
|
6375
|
+
variant?: VariantPrimary | VariantSecondary | VariantTertiary | VariantPopOut | VariantDanger | VariantTooltip | VariantLink | VariantDropdownInline;
|
|
6374
6376
|
disableIconAnimation?: boolean;
|
|
6375
6377
|
iconBefore?: IconType;
|
|
6376
6378
|
iconBeforeSize?: number;
|
|
@@ -6435,6 +6437,8 @@ export declare interface IUiChipProps {
|
|
|
6435
6437
|
isDisabled?: boolean;
|
|
6436
6438
|
maxWidth?: number;
|
|
6437
6439
|
iconBefore?: IconType;
|
|
6440
|
+
iconAfter?: IconType;
|
|
6441
|
+
iconColor?: ThemeColor | "currentColor";
|
|
6438
6442
|
onClick?: () => void;
|
|
6439
6443
|
onDelete?: () => void;
|
|
6440
6444
|
onKeyDown?: KeyboardEventHandler<HTMLButtonElement>;
|
|
@@ -8183,7 +8187,7 @@ export declare type MenuAlignment = ["bottom", "right"] | ["bottom", "left"] | [
|
|
|
8183
8187
|
/**
|
|
8184
8188
|
* @internal
|
|
8185
8189
|
*/
|
|
8186
|
-
export declare function Message({ onClose, type, children, className, contrast, intensive, dataTestId }: IMessageProps): JSX.Element;
|
|
8190
|
+
export declare function Message({ id, onClose, type, children, className, contrast, intensive, dataTestId }: IMessageProps): JSX.Element;
|
|
8187
8191
|
|
|
8188
8192
|
/**
|
|
8189
8193
|
* @internal
|
|
@@ -8972,6 +8976,8 @@ export declare type TypographyTagName = "h1" | "h2" | "h3" | "p";
|
|
|
8972
8976
|
*/
|
|
8973
8977
|
export declare function UiAsyncTable<T extends {
|
|
8974
8978
|
id: string;
|
|
8979
|
+
} | {
|
|
8980
|
+
ref: ObjRef;
|
|
8975
8981
|
}>(props: IUiAsyncTableProps<T>): JSX.Element;
|
|
8976
8982
|
|
|
8977
8983
|
/**
|
|
@@ -9095,7 +9101,7 @@ export declare function UiCheckbox({ checked, onChange, preventDefault, indeterm
|
|
|
9095
9101
|
/**
|
|
9096
9102
|
* @internal
|
|
9097
9103
|
*/
|
|
9098
|
-
export declare function UiChip({ label, tag, isDeletable, isActive, isLocked, isExpandable, isDisabled, maxWidth, iconBefore, onClick, onDelete, onKeyDown, onDeleteKeyDown, accessibilityConfig, dataTestId, buttonRef, renderChipContent, renderDeleteButton }: IUiChipProps): JSX.Element;
|
|
9104
|
+
export declare function UiChip({ label, tag, isDeletable, isActive, isLocked, isExpandable, isDisabled, maxWidth, iconBefore, iconAfter, iconColor, onClick, onDelete, onKeyDown, onDeleteKeyDown, accessibilityConfig, dataTestId, buttonRef, renderChipContent, renderDeleteButton }: IUiChipProps): JSX.Element;
|
|
9099
9105
|
|
|
9100
9106
|
/**
|
|
9101
9107
|
* A composable combobox component that enables users to select from a filtered list of options.
|
|
@@ -9960,6 +9966,12 @@ export declare type VariantBare = "bare";
|
|
|
9960
9966
|
*/
|
|
9961
9967
|
export declare type VariantDanger = "danger";
|
|
9962
9968
|
|
|
9969
|
+
/**
|
|
9970
|
+
* @internal
|
|
9971
|
+
* Button variant for inline dropdown triggers — no underline, text truncation, non-shrinking icon
|
|
9972
|
+
*/
|
|
9973
|
+
export declare type VariantDropdownInline = "dropdownInline";
|
|
9974
|
+
|
|
9963
9975
|
/**
|
|
9964
9976
|
* @internal
|
|
9965
9977
|
*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gooddata/sdk-ui-kit",
|
|
3
|
-
"version": "11.29.0-alpha.
|
|
3
|
+
"version": "11.29.0-alpha.10",
|
|
4
4
|
"description": "GoodData SDK - UI Building Components",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "GoodData Corporation",
|
|
@@ -75,11 +75,11 @@
|
|
|
75
75
|
"tslib": "2.8.1",
|
|
76
76
|
"unified": "^11.0.5",
|
|
77
77
|
"uuid": "11.1.0",
|
|
78
|
-
"@gooddata/sdk-backend-spi": "11.29.0-alpha.
|
|
79
|
-
"@gooddata/sdk-model": "11.29.0-alpha.
|
|
80
|
-
"@gooddata/sdk-ui": "11.29.0-alpha.
|
|
81
|
-
"@gooddata/sdk-ui-theme-provider": "11.29.0-alpha.
|
|
82
|
-
"@gooddata/util": "11.29.0-alpha.
|
|
78
|
+
"@gooddata/sdk-backend-spi": "11.29.0-alpha.10",
|
|
79
|
+
"@gooddata/sdk-model": "11.29.0-alpha.10",
|
|
80
|
+
"@gooddata/sdk-ui": "11.29.0-alpha.10",
|
|
81
|
+
"@gooddata/sdk-ui-theme-provider": "11.29.0-alpha.10",
|
|
82
|
+
"@gooddata/util": "11.29.0-alpha.10"
|
|
83
83
|
},
|
|
84
84
|
"devDependencies": {
|
|
85
85
|
"@microsoft/api-documenter": "^7.17.0",
|
|
@@ -90,18 +90,18 @@
|
|
|
90
90
|
"@types/debounce-promise": "^3.1.4",
|
|
91
91
|
"@types/kefir": "^3.8.5",
|
|
92
92
|
"@types/lodash-es": "^4.17.12",
|
|
93
|
-
"@types/node": "
|
|
93
|
+
"@types/node": "24.12.0",
|
|
94
94
|
"@types/raf": "^3.4.0",
|
|
95
95
|
"@types/react": "19.1.11",
|
|
96
96
|
"@types/react-dom": "19.1.7",
|
|
97
97
|
"@types/react-measure": "2.0.12",
|
|
98
98
|
"@types/react-portal": "4.0.7",
|
|
99
99
|
"@types/tinycolor2": "^1.4.2",
|
|
100
|
-
"@typescript-eslint/eslint-plugin": "8.
|
|
101
|
-
"@typescript-eslint/parser": "8.
|
|
100
|
+
"@typescript-eslint/eslint-plugin": "8.58.0",
|
|
101
|
+
"@typescript-eslint/parser": "8.58.0",
|
|
102
102
|
"@typescript/native-preview": "7.0.0-dev.20260202.1",
|
|
103
103
|
"@vitest/eslint-plugin": "1.6.6",
|
|
104
|
-
"dependency-cruiser": "
|
|
104
|
+
"dependency-cruiser": "17.3.10",
|
|
105
105
|
"eslint": "^9.39.2",
|
|
106
106
|
"eslint-import-resolver-typescript": "4.4.4",
|
|
107
107
|
"eslint-plugin-headers": "1.3.3",
|
|
@@ -128,11 +128,11 @@
|
|
|
128
128
|
"typescript": "5.9.3",
|
|
129
129
|
"vitest": "4.1.0",
|
|
130
130
|
"vitest-dom": "0.1.1",
|
|
131
|
-
"@gooddata/eslint-config": "11.29.0-alpha.
|
|
132
|
-
"@gooddata/oxlint-config": "11.29.0-alpha.
|
|
133
|
-
"@gooddata/
|
|
134
|
-
"@gooddata/stylelint-config": "11.29.0-alpha.
|
|
135
|
-
"@gooddata/
|
|
131
|
+
"@gooddata/eslint-config": "11.29.0-alpha.10",
|
|
132
|
+
"@gooddata/oxlint-config": "11.29.0-alpha.10",
|
|
133
|
+
"@gooddata/sdk-backend-mockingbird": "11.29.0-alpha.10",
|
|
134
|
+
"@gooddata/stylelint-config": "11.29.0-alpha.10",
|
|
135
|
+
"@gooddata/reference-workspace": "11.29.0-alpha.10"
|
|
136
136
|
},
|
|
137
137
|
"peerDependencies": {
|
|
138
138
|
"react": "^18.0.0 || ^19.0.0",
|
|
@@ -153,7 +153,8 @@
|
|
|
153
153
|
}
|
|
154
154
|
}
|
|
155
155
|
|
|
156
|
-
&-tertiary
|
|
156
|
+
&-tertiary,
|
|
157
|
+
&-dropdownInline {
|
|
157
158
|
--gd-icon-fill-color: var(--gd-palette-complementary-5);
|
|
158
159
|
color: var(--gd-palette-complementary-7);
|
|
159
160
|
padding: 0;
|
|
@@ -186,6 +187,15 @@
|
|
|
186
187
|
}
|
|
187
188
|
}
|
|
188
189
|
|
|
190
|
+
&-dropdownInline {
|
|
191
|
+
text-decoration: none;
|
|
192
|
+
max-width: 100%;
|
|
193
|
+
|
|
194
|
+
svg {
|
|
195
|
+
flex-shrink: 0;
|
|
196
|
+
}
|
|
197
|
+
}
|
|
198
|
+
|
|
189
199
|
&-popout,
|
|
190
200
|
&-link {
|
|
191
201
|
--gd-icon-fill-color: var(--gd-palette-primary-base);
|
|
@@ -199,6 +199,13 @@ $action-box-shadow: var(--gd-button-dropShadow, 0 -1px 0 0) var(--gd-palette-err
|
|
|
199
199
|
margin-right: 5px;
|
|
200
200
|
}
|
|
201
201
|
|
|
202
|
+
&__icon-after {
|
|
203
|
+
display: flex;
|
|
204
|
+
align-items: center;
|
|
205
|
+
justify-content: center;
|
|
206
|
+
margin-left: 5px;
|
|
207
|
+
}
|
|
208
|
+
|
|
202
209
|
&__icon-chevron {
|
|
203
210
|
align-items: center;
|
|
204
211
|
justify-content: center;
|
package/styles/css/dropdown.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../scss/dropdown.scss","../scss/variables.scss"],"names":[],"mappings":"AAGA;EAEI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;AAEA;EACI;;;AAKJ;EACI;;;AAMJ;AAAA;AAAA;AAAA;AAAA;AAAA;EAGI;;AAEA;EALJ;AAAA;AAAA;AAAA;AAAA;AAAA;IAMQ;;;AAIR;AAAA;EACI;;AAEA;EAHJ;AAAA;IAIQ;;;;AAOR;AAAA;EACI;;AAGJ;AAAA;AAAA;AAAA;EAEI;;AAEA;AAAA;AAAA;AAAA;EACI;;;AAMR;EACI;;AAGJ;AAAA;EAEI;;AAEA;AAAA;EACI;;;AAKZ;AAAA;EAEI;;;AAGJ;EACI;EACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../scss/dropdown.scss","../scss/variables.scss"],"names":[],"mappings":"AAGA;EAEI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;AAEA;EACI;;;AAKJ;EACI;;;AAMJ;AAAA;AAAA;AAAA;AAAA;AAAA;EAGI;;AAEA;EALJ;AAAA;AAAA;AAAA;AAAA;AAAA;IAMQ;;;AAIR;AAAA;EACI;;AAEA;EAHJ;AAAA;IAIQ;;;;AAOR;AAAA;EACI;;AAGJ;AAAA;AAAA;AAAA;EAEI;;AAEA;AAAA;AAAA;AAAA;EACI;;;AAMR;EACI;;AAGJ;AAAA;EAEI;;AAEA;AAAA;EACI;;;AAKZ;AAAA;EAEI;;;AAGJ;EACI;EACA;EACA,YC8BoB;ED7BpB,OC5DmB;ED6DnB;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;AAGI;AAAA;EAEI;EACA;EACA;EACA;;AAMI;AAAA;AAAA;EACI;EACA,OCjFJ;EDkFI;;AAKJ;AAAA;AAAA;AAAA;AAAA;EAEI,kBCtGH","file":"dropdown.css"}
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
.gd-invertable-select-search-input {
|
|
10
10
|
margin: 10px;
|
|
11
|
-
width: 100
|
|
11
|
+
width: calc(100% - 20px);
|
|
12
12
|
min-width: 0;
|
|
13
13
|
}
|
|
14
14
|
|
|
@@ -33,7 +33,6 @@ input[type=search]::-webkit-search-cancel-button {
|
|
|
33
33
|
flex-shrink: 1;
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
.gd-invertable-select-list .gd-invertable-select-all-checkbox:focus-visible,
|
|
37
36
|
.gd-invertable-select-list .gd-list-item:focus-visible {
|
|
38
37
|
outline-offset: -2px;
|
|
39
38
|
}
|
|
@@ -42,12 +41,19 @@ input[type=search]::-webkit-search-cancel-button {
|
|
|
42
41
|
display: flex;
|
|
43
42
|
justify-content: flex-start;
|
|
44
43
|
align-items: center;
|
|
45
|
-
|
|
44
|
+
position: relative;
|
|
45
|
+
margin: 0 10px 10px;
|
|
46
46
|
font-size: 12px;
|
|
47
|
-
padding-bottom: 5px;
|
|
48
|
-
border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
|
|
49
47
|
cursor: pointer;
|
|
50
48
|
}
|
|
49
|
+
.gd-invertable-select-all-checkbox::after {
|
|
50
|
+
content: "";
|
|
51
|
+
position: absolute;
|
|
52
|
+
left: 0;
|
|
53
|
+
right: 0;
|
|
54
|
+
bottom: -6px;
|
|
55
|
+
border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
|
|
56
|
+
}
|
|
51
57
|
.gd-invertable-select-all-checkbox .input-checkbox-label {
|
|
52
58
|
cursor: pointer;
|
|
53
59
|
}
|
|
@@ -82,11 +88,6 @@ input[type=search]::-webkit-search-cancel-button {
|
|
|
82
88
|
border-color: var(--gd-palette-primary-base, #14b2e2);
|
|
83
89
|
background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
|
|
84
90
|
}
|
|
85
|
-
.gd-invertable-select-all-checkbox[role=checkbox]:focus-visible .input-label-text::before {
|
|
86
|
-
outline: 2px solid var(--gd-palette-primary-base, #14b2e2);
|
|
87
|
-
outline-offset: 2px;
|
|
88
|
-
transition: none;
|
|
89
|
-
}
|
|
90
91
|
|
|
91
92
|
.gd-invertable-list-limitExceeded {
|
|
92
93
|
margin: 0 10px 10px;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../scss/invertableSelect.scss","../scss/variables.scss"],"names":[],"mappings":"AAIA;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;AAAA;AAAA;EAGI;EACA;EACA;;;AAGJ;AAAA;AAAA;AAAA;EAII;EACA;EACA;;;AAIA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../scss/invertableSelect.scss","../scss/variables.scss"],"names":[],"mappings":"AAIA;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;AAAA;AAAA;EAGI;EACA;EACA;;;AAGJ;AAAA;AAAA;AAAA;EAII;EACA;EACA;;;AAIA;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAOI;EACI;EACA,kBC3BU;;AD8Bd;EACI;;AAMJ;EACI;EACA,kBCvCU;;AD0Cd;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAOR;EACI;;AAIJ;EAEI;EACA;;AAIJ;EACI,cCrEc;EDsEd,kBCnEgB;;;AD0E5B;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aCrCc;;ADuCd;AAAA;EAEI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAKZ;EACI;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA","file":"invertableSelect.css"}
|
package/styles/css/main.css
CHANGED
|
@@ -426,7 +426,7 @@
|
|
|
426
426
|
border-color: var(--gd-palette-complementary-4);
|
|
427
427
|
box-shadow: none;
|
|
428
428
|
}
|
|
429
|
-
.gd-ui-kit-button--variant-tertiary {
|
|
429
|
+
.gd-ui-kit-button--variant-tertiary, .gd-ui-kit-button--variant-dropdownInline {
|
|
430
430
|
--gd-icon-fill-color: var(--gd-palette-complementary-5);
|
|
431
431
|
color: var(--gd-palette-complementary-7);
|
|
432
432
|
padding: 0;
|
|
@@ -434,20 +434,27 @@
|
|
|
434
434
|
background-color: transparent;
|
|
435
435
|
border-color: transparent;
|
|
436
436
|
}
|
|
437
|
-
.gd-ui-kit-button--variant-tertiary:not(.gd-ui-kit-button--variant-tertiary:disabled):hover, .gd-ui-kit-button--variant-tertiary:not(.gd-ui-kit-button--variant-tertiary:disabled):focus-visible, .gd-ui-kit-button--variant-tertiary:not(.gd-ui-kit-button--variant-tertiary:disabled):active, .gd-ui-kit-button--variant-tertiary:not(.gd-ui-kit-button--variant-tertiary:disabled)[aria-expanded=true], .gd-ui-kit-button--variant-tertiary:not(.gd-ui-kit-button--variant-tertiary:disabled).gd-ui-kit-button--isSelected {
|
|
437
|
+
.gd-ui-kit-button--variant-tertiary:not(.gd-ui-kit-button--variant-tertiary:disabled, .gd-ui-kit-button--variant-dropdownInline:disabled):hover, .gd-ui-kit-button--variant-tertiary:not(.gd-ui-kit-button--variant-tertiary:disabled, .gd-ui-kit-button--variant-dropdownInline:disabled):focus-visible, .gd-ui-kit-button--variant-tertiary:not(.gd-ui-kit-button--variant-tertiary:disabled, .gd-ui-kit-button--variant-dropdownInline:disabled):active, .gd-ui-kit-button--variant-tertiary:not(.gd-ui-kit-button--variant-tertiary:disabled, .gd-ui-kit-button--variant-dropdownInline:disabled)[aria-expanded=true], .gd-ui-kit-button--variant-tertiary:not(.gd-ui-kit-button--variant-tertiary:disabled, .gd-ui-kit-button--variant-dropdownInline:disabled).gd-ui-kit-button--isSelected, .gd-ui-kit-button--variant-dropdownInline:not(.gd-ui-kit-button--variant-tertiary:disabled, .gd-ui-kit-button--variant-dropdownInline:disabled):hover, .gd-ui-kit-button--variant-dropdownInline:not(.gd-ui-kit-button--variant-tertiary:disabled, .gd-ui-kit-button--variant-dropdownInline:disabled):focus-visible, .gd-ui-kit-button--variant-dropdownInline:not(.gd-ui-kit-button--variant-tertiary:disabled, .gd-ui-kit-button--variant-dropdownInline:disabled):active, .gd-ui-kit-button--variant-dropdownInline:not(.gd-ui-kit-button--variant-tertiary:disabled, .gd-ui-kit-button--variant-dropdownInline:disabled)[aria-expanded=true], .gd-ui-kit-button--variant-dropdownInline:not(.gd-ui-kit-button--variant-tertiary:disabled, .gd-ui-kit-button--variant-dropdownInline:disabled).gd-ui-kit-button--isSelected {
|
|
438
438
|
--gd-icon-fill-color: var(--gd-palette-primary-base);
|
|
439
439
|
color: var(--gd-palette-complementary-8);
|
|
440
440
|
}
|
|
441
|
-
.gd-ui-kit-button--variant-tertiary:disabled {
|
|
441
|
+
.gd-ui-kit-button--variant-tertiary:disabled, .gd-ui-kit-button--variant-dropdownInline:disabled {
|
|
442
442
|
color: var(--gd-palette-complementary-5);
|
|
443
443
|
text-decoration: none;
|
|
444
444
|
}
|
|
445
|
-
.gd-ui-kit-button--variant-tertiary.gd-ui-kit-button--hasIconAfter {
|
|
445
|
+
.gd-ui-kit-button--variant-tertiary.gd-ui-kit-button--hasIconAfter, .gd-ui-kit-button--variant-dropdownInline.gd-ui-kit-button--hasIconAfter {
|
|
446
446
|
padding-right: 0;
|
|
447
447
|
}
|
|
448
|
-
.gd-ui-kit-button--variant-tertiary.gd-ui-kit-button--hasIconBefore {
|
|
448
|
+
.gd-ui-kit-button--variant-tertiary.gd-ui-kit-button--hasIconBefore, .gd-ui-kit-button--variant-dropdownInline.gd-ui-kit-button--hasIconBefore {
|
|
449
449
|
padding-left: 0;
|
|
450
450
|
}
|
|
451
|
+
.gd-ui-kit-button--variant-dropdownInline {
|
|
452
|
+
text-decoration: none;
|
|
453
|
+
max-width: 100%;
|
|
454
|
+
}
|
|
455
|
+
.gd-ui-kit-button--variant-dropdownInline svg {
|
|
456
|
+
flex-shrink: 0;
|
|
457
|
+
}
|
|
451
458
|
.gd-ui-kit-button--variant-popout, .gd-ui-kit-button--variant-link {
|
|
452
459
|
--gd-icon-fill-color: var(--gd-palette-primary-base);
|
|
453
460
|
color: var(--gd-palette-primary-base);
|
|
@@ -1233,6 +1240,12 @@
|
|
|
1233
1240
|
transition: var(--gd-transition-all);
|
|
1234
1241
|
margin-right: 5px;
|
|
1235
1242
|
}
|
|
1243
|
+
.gd-ui-kit-chip__icon-after {
|
|
1244
|
+
display: flex;
|
|
1245
|
+
align-items: center;
|
|
1246
|
+
justify-content: center;
|
|
1247
|
+
margin-left: 5px;
|
|
1248
|
+
}
|
|
1236
1249
|
.gd-ui-kit-chip__icon-chevron {
|
|
1237
1250
|
align-items: center;
|
|
1238
1251
|
justify-content: center;
|
|
@@ -9972,6 +9985,7 @@ button.gd-button-primary.gd-upsell-button:active {
|
|
|
9972
9985
|
}
|
|
9973
9986
|
|
|
9974
9987
|
.gd-list-title {
|
|
9988
|
+
margin: 0;
|
|
9975
9989
|
padding: 10px;
|
|
9976
9990
|
background: var(--gd-palette-complementary-2, #ebeff4);
|
|
9977
9991
|
color: var(--gd-palette-complementary-6, #94a1ad);
|
|
@@ -12388,7 +12402,7 @@ button.gd-button-primary.gd-upsell-button:active {
|
|
|
12388
12402
|
|
|
12389
12403
|
.gd-invertable-select-search-input {
|
|
12390
12404
|
margin: 10px;
|
|
12391
|
-
width: 100
|
|
12405
|
+
width: calc(100% - 20px);
|
|
12392
12406
|
min-width: 0;
|
|
12393
12407
|
}
|
|
12394
12408
|
|
|
@@ -12413,7 +12427,6 @@ input[type=search]::-webkit-search-cancel-button {
|
|
|
12413
12427
|
flex-shrink: 1;
|
|
12414
12428
|
}
|
|
12415
12429
|
|
|
12416
|
-
.gd-invertable-select-list .gd-invertable-select-all-checkbox:focus-visible,
|
|
12417
12430
|
.gd-invertable-select-list .gd-list-item:focus-visible {
|
|
12418
12431
|
outline-offset: -2px;
|
|
12419
12432
|
}
|
|
@@ -12422,12 +12435,19 @@ input[type=search]::-webkit-search-cancel-button {
|
|
|
12422
12435
|
display: flex;
|
|
12423
12436
|
justify-content: flex-start;
|
|
12424
12437
|
align-items: center;
|
|
12425
|
-
|
|
12438
|
+
position: relative;
|
|
12439
|
+
margin: 0 10px 10px;
|
|
12426
12440
|
font-size: 12px;
|
|
12427
|
-
padding-bottom: 5px;
|
|
12428
|
-
border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
|
|
12429
12441
|
cursor: pointer;
|
|
12430
12442
|
}
|
|
12443
|
+
.gd-invertable-select-all-checkbox::after {
|
|
12444
|
+
content: "";
|
|
12445
|
+
position: absolute;
|
|
12446
|
+
left: 0;
|
|
12447
|
+
right: 0;
|
|
12448
|
+
bottom: -6px;
|
|
12449
|
+
border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
|
|
12450
|
+
}
|
|
12431
12451
|
.gd-invertable-select-all-checkbox .input-checkbox-label {
|
|
12432
12452
|
cursor: pointer;
|
|
12433
12453
|
}
|
|
@@ -12462,11 +12482,6 @@ input[type=search]::-webkit-search-cancel-button {
|
|
|
12462
12482
|
border-color: var(--gd-palette-primary-base, #14b2e2);
|
|
12463
12483
|
background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
|
|
12464
12484
|
}
|
|
12465
|
-
.gd-invertable-select-all-checkbox[role=checkbox]:focus-visible .input-label-text::before {
|
|
12466
|
-
outline: 2px solid var(--gd-palette-primary-base, #14b2e2);
|
|
12467
|
-
outline-offset: 2px;
|
|
12468
|
-
transition: none;
|
|
12469
|
-
}
|
|
12470
12485
|
|
|
12471
12486
|
.gd-invertable-list-limitExceeded {
|
|
12472
12487
|
margin: 0 10px 10px;
|