@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.
Files changed (68) hide show
  1. package/esm/@ui/@types/icon.d.ts +1 -1
  2. package/esm/@ui/@types/icon.d.ts.map +1 -1
  3. package/esm/@ui/@types/variant.d.ts +5 -0
  4. package/esm/@ui/@types/variant.d.ts.map +1 -1
  5. package/esm/@ui/@types/variant.js +1 -1
  6. package/esm/@ui/UiAsyncTable/UiAsyncTable/SkeletonItemFactory.d.ts +3 -0
  7. package/esm/@ui/UiAsyncTable/UiAsyncTable/SkeletonItemFactory.d.ts.map +1 -1
  8. package/esm/@ui/UiAsyncTable/UiAsyncTable/SkeletonItemFactory.js.map +1 -1
  9. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.d.ts +3 -0
  10. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.d.ts.map +1 -1
  11. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.js +5 -4
  12. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.js.map +1 -1
  13. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBody.d.ts +3 -0
  14. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBody.d.ts.map +1 -1
  15. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBody.js +2 -2
  16. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBody.js.map +1 -1
  17. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.d.ts +3 -0
  18. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.d.ts.map +1 -1
  19. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.js +4 -4
  20. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.js.map +1 -1
  21. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.d.ts +3 -0
  22. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.d.ts.map +1 -1
  23. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.js +2 -1
  24. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.js.map +1 -1
  25. package/esm/@ui/UiAsyncTable/UiAsyncTable/utils.d.ts +8 -0
  26. package/esm/@ui/UiAsyncTable/UiAsyncTable/utils.d.ts.map +1 -1
  27. package/esm/@ui/UiAsyncTable/UiAsyncTable/utils.js +7 -0
  28. package/esm/@ui/UiAsyncTable/UiAsyncTable/utils.js.map +1 -1
  29. package/esm/@ui/UiAsyncTable/types.d.ts +9 -1
  30. package/esm/@ui/UiAsyncTable/types.d.ts.map +1 -1
  31. package/esm/@ui/UiButton/UiButton.d.ts +2 -2
  32. package/esm/@ui/UiButton/UiButton.d.ts.map +1 -1
  33. package/esm/@ui/UiButton/UiButton.js.map +1 -1
  34. package/esm/@ui/UiChip/ChipContent.d.ts +1 -1
  35. package/esm/@ui/UiChip/ChipContent.d.ts.map +1 -1
  36. package/esm/@ui/UiChip/ChipContent.js +2 -2
  37. package/esm/@ui/UiChip/ChipContent.js.map +1 -1
  38. package/esm/@ui/UiChip/UiChip.d.ts +1 -1
  39. package/esm/@ui/UiChip/UiChip.d.ts.map +1 -1
  40. package/esm/@ui/UiChip/UiChip.js +2 -2
  41. package/esm/@ui/UiChip/UiChip.js.map +1 -1
  42. package/esm/@ui/UiChip/types.d.ts +5 -0
  43. package/esm/@ui/UiChip/types.d.ts.map +1 -1
  44. package/esm/@ui/UiIcon/icons.d.ts.map +1 -1
  45. package/esm/@ui/UiIcon/icons.js +6 -0
  46. package/esm/@ui/UiIcon/icons.js.map +1 -1
  47. package/esm/Dialog/ConfirmDialogBase.d.ts.map +1 -1
  48. package/esm/Dialog/ConfirmDialogBase.js +3 -2
  49. package/esm/Dialog/ConfirmDialogBase.js.map +1 -1
  50. package/esm/Messages/Message.d.ts +1 -1
  51. package/esm/Messages/Message.d.ts.map +1 -1
  52. package/esm/Messages/Message.js +2 -2
  53. package/esm/Messages/Message.js.map +1 -1
  54. package/esm/index.d.ts +1 -1
  55. package/esm/index.d.ts.map +1 -1
  56. package/esm/index.js.map +1 -1
  57. package/esm/sdk-ui-kit.d.ts +16 -4
  58. package/package.json +15 -15
  59. package/src/@ui/UiButton/UiButton.scss +11 -1
  60. package/src/@ui/UiChip/UiChip.scss +7 -0
  61. package/styles/css/dropdown.css +1 -0
  62. package/styles/css/dropdown.css.map +1 -1
  63. package/styles/css/invertableSelect.css +11 -10
  64. package/styles/css/invertableSelect.css.map +1 -1
  65. package/styles/css/main.css +30 -15
  66. package/styles/css/main.css.map +1 -1
  67. package/styles/scss/dropdown.scss +1 -0
  68. package/styles/scss/invertableSelect.scss +14 -11
@@ -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.0",
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.0",
79
- "@gooddata/sdk-model": "11.29.0-alpha.0",
80
- "@gooddata/sdk-ui": "11.29.0-alpha.0",
81
- "@gooddata/sdk-ui-theme-provider": "11.29.0-alpha.0",
82
- "@gooddata/util": "11.29.0-alpha.0"
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": "22.13.0",
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.52.0",
101
- "@typescript-eslint/parser": "8.52.0",
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": "^14.1.2",
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.0",
132
- "@gooddata/oxlint-config": "11.29.0-alpha.0",
133
- "@gooddata/reference-workspace": "11.29.0-alpha.0",
134
- "@gooddata/stylelint-config": "11.29.0-alpha.0",
135
- "@gooddata/sdk-backend-mockingbird": "11.29.0-alpha.0"
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;
@@ -83,6 +83,7 @@
83
83
  }
84
84
 
85
85
  .gd-list-title {
86
+ margin: 0;
86
87
  padding: 10px;
87
88
  background: var(--gd-palette-complementary-2, #ebeff4);
88
89
  color: var(--gd-palette-complementary-6, #94a1ad);
@@ -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,YC+BoB;ED9BpB,OC3DmB;ED4DnB;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;AAGI;AAAA;EAEI;EACA;EACA;EACA;;AAMI;AAAA;AAAA;EACI;EACA,OChFJ;EDiFI;;AAKJ;AAAA;AAAA;AAAA;AAAA;EAEI,kBCrGH","file":"dropdown.css"}
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
- margin: 0 10px 4px;
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;AAAA;EAEI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAOI;EACI;EACA,kBCnBU;;ADsBd;EACI;;AAMJ;EACI;EACA,kBC/BU;;ADkCd;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAOR;EACI;;AAIJ;EAEI;EACA;;AAIJ;EACI,cC7Dc;ED8Dd,kBC3DgB;;AD+DpB;EACI;EACA;EACA;;;AAKZ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aClCc;;ADoCd;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"}
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"}
@@ -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
- margin: 0 10px 4px;
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;