@indico-data/design-system 1.0.46 → 1.0.47

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 (10) hide show
  1. package/lib/components/Icon/Icon.stories.d.ts +2 -2
  2. package/lib/components/Icon/indicons.d.ts +2 -1
  3. package/lib/components/inputs/SearchInput/SearchInput.stories.d.ts +1 -0
  4. package/lib/index.d.ts +2 -1
  5. package/lib/index.esm.js +14 -2
  6. package/lib/index.esm.js.map +1 -1
  7. package/lib/index.js +14 -2
  8. package/lib/index.js.map +1 -1
  9. package/lib/types.d.ts +2 -1
  10. package/package.json +1 -1
package/lib/components/Icon/Icon.stories.d.ts CHANGED
@@ -16,7 +16,7 @@ declare const meta: {
16
16
  name: {
17
17
  control: {
18
18
  type: string;
19
- options: ("checkbox" | "ellipsis" | "help" | "pointer" | "text" | "zoom-in" | "zoom-out" | "menu" | "filter" | "search" | "split" | "address" | "form" | "label" | "output" | "time" | "indico-o-white" | "account" | "api-doc" | "arrow-dots" | "arrow-down" | "arrow-up-circle" | "arrows-cursor" | "branch" | "check-circle" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "classification-document" | "classification-image" | "classification-page" | "classify-and-unbundle" | "clipboard" | "coffee-1" | "coffee-2" | "coffee-fail" | "coffeecup" | "coffeesteam" | "company-name" | "confidence-bar-1" | "confidence-bar-2" | "confidence-bar-3" | "confidence-bar-4" | "confidence-bars" | "configure" | "crowdlabel" | "currency" | "dashboard" | "data-and-access" | "database" | "date" | "draggable" | "droplet" | "edit" | "education" | "elmos-fire" | "email" | "enterprise" | "extraction" | "eye" | "file" | "fileHappy" | "filter-outline" | "folder" | "gallery" | "graphiql" | "happy" | "help-solid" | "highlight" | "highlight-outline" | "indico-logo-white" | "indico-o" | "info" | "kabob" | "key" | "layout-complex" | "layout-simple" | "location" | "lock" | "model-import" | "model-starter" | "moon" | "moonbow" | "no-format" | "object-detection" | "organizations" | "page-thumbnail" | "pay-as-you-go" | "person" | "phone" | "pin" | "plus" | "popup" | "price" | "radio-button" | "recruiter" | "regex" | "reject" | "repair" | "research" | "retrain" | "sad" | "shrug" | "signature" | "sort-down" | "step-forward" | "sun" | "surround" | "surround-outline" | "swagger" | "thumbs-down" | "thumbs-up" | "trash" | "unlock" | "upload" | "url" | "user" | "wand" | "warning" | "workflows" | "x-close" | "fa-dot-circle" | "fa-file" | "fa-file-alt" | "fa-file-pdf" | "fa-file-word" | "fa-check-square" | "fa-square" | "fa-angle-double-left" | "fa-arrow-circle-right" | "fa-arrow-down" | "fa-arrow-left" | "fa-arrow-right" | "fa-arrow-up" | "fa-ban" | "fa-caret-down" | "fa-caret-up" | "fa-chart-bar" | "fa-check" | "fa-check-circle" | "fa-circle-notch" | "fa-clipboard" | "fa-clock" | "fa-clone" | "fa-cloud" | "fa-cog" | "fa-cogs" | "fa-coins" | "fa-cube" | "fa-cut" | "fa-download" | "fa-exclamation-circle" | "fa-exclamation-triangle" | "fa-external-link-alt" | "fa-eye-dropper" | "fa-file-download" | "fa-file-export" | "fa-file-upload" | "fa-filter" | "fa-ghost" | "fa-hat-wizard" | "fa-info-circle" | "fa-key" | "fa-keyboard" | "fa-layer-group" | "fa-pencil-alt" | "fa-plus" | "fa-plus-square" | "fa-question-circle" | "fa-robot" | "fa-search" | "fa-sign-out-alt" | "fa-sliders-h" | "fa-sync-alt" | "fa-tag" | "fa-times" | "fa-times-circle" | "fa-tint" | "fa-toggle-off" | "fa-toggle-on" | "fa-trash" | "fa-trash-alt" | "fa-undo" | "fa-user" | "fa-users" | "fa-mouse-pointer" | "fa-step-forward" | "fa-search-minus" | "fa-search-plus" | "fa-table" | "fa-image" | "fa-link" | "fa-list")[];
19
+ options: ("checkbox" | "ellipsis" | "help" | "pointer" | "text" | "zoom-in" | "zoom-out" | "menu" | "filter" | "search" | "split" | "address" | "form" | "label" | "output" | "time" | "indico-o-white" | "account" | "api-doc" | "arrow-dots" | "arrow-down" | "arrow-up-circle" | "arrows-cursor" | "branch" | "check-circle" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "classification-document" | "classification-image" | "classification-page" | "classify-and-unbundle" | "clipboard" | "coffee-1" | "coffee-2" | "coffee-fail" | "coffeecup" | "coffeesteam" | "company-name" | "confidence-bar-1" | "confidence-bar-2" | "confidence-bar-3" | "confidence-bar-4" | "confidence-bars" | "configure" | "crowdlabel" | "currency" | "dashboard" | "data-and-access" | "database" | "date" | "draggable" | "droplet" | "edit" | "education" | "elmos-fire" | "email" | "enterprise" | "exclamation-circle-stroke" | "extraction" | "eye" | "file" | "fileHappy" | "filter-outline" | "folder" | "gallery" | "graphiql" | "happy" | "help-solid" | "highlight" | "highlight-outline" | "indico-logo-white" | "indico-o" | "info" | "kabob" | "key" | "layout-complex" | "layout-simple" | "location" | "lock" | "model-import" | "model-starter" | "moon" | "moonbow" | "no-format" | "object-detection" | "organizations" | "page-thumbnail" | "pay-as-you-go" | "person" | "phone" | "pin" | "plus" | "popup" | "price" | "radio-button" | "recruiter" | "regex" | "reject" | "repair" | "research" | "retrain" | "sad" | "shrug" | "signature" | "sort-down" | "step-forward" | "sun" | "surround" | "surround-outline" | "thumbs-down" | "thumbs-up" | "trash" | "unlock" | "upload" | "url" | "user" | "wand" | "warning" | "warning-stroke" | "workflows" | "x-close" | "fa-dot-circle" | "fa-file" | "fa-file-alt" | "fa-file-pdf" | "fa-file-word" | "fa-check-square" | "fa-square" | "fa-angle-double-left" | "fa-arrow-circle-right" | "fa-arrow-down" | "fa-arrow-left" | "fa-arrow-right" | "fa-arrow-up" | "fa-ban" | "fa-caret-down" | "fa-caret-up" | "fa-chart-bar" | "fa-check" | "fa-check-circle" | "fa-circle-notch" | "fa-clipboard" | "fa-clock" | "fa-clone" | "fa-cloud" | "fa-cog" | "fa-cogs" | "fa-coins" | "fa-cube" | "fa-cut" | "fa-download" | "fa-exclamation-circle" | "fa-exclamation-triangle" | "fa-external-link-alt" | "fa-eye-dropper" | "fa-file-download" | "fa-file-export" | "fa-file-upload" | "fa-filter" | "fa-ghost" | "fa-hat-wizard" | "fa-info-circle" | "fa-key" | "fa-keyboard" | "fa-layer-group" | "fa-pencil-alt" | "fa-plus" | "fa-plus-square" | "fa-question-circle" | "fa-robot" | "fa-search" | "fa-sign-out-alt" | "fa-sliders-h" | "fa-sync-alt" | "fa-tag" | "fa-times" | "fa-times-circle" | "fa-tint" | "fa-toggle-off" | "fa-toggle-on" | "fa-trash" | "fa-trash-alt" | "fa-undo" | "fa-user" | "fa-users" | "fa-mouse-pointer" | "fa-step-forward" | "fa-search-minus" | "fa-search-plus" | "fa-table" | "fa-image" | "fa-link" | "fa-list")[];
20
20
  };
21
21
  };
22
22
  };
@@ -27,7 +27,7 @@ declare const meta: {
27
27
  'data-testid'?: string | undefined;
28
28
  ariaLabel?: string | undefined;
29
29
  fill?: string | undefined;
30
- name: "checkbox" | "ellipsis" | "help" | "pointer" | "text" | "zoom-in" | "zoom-out" | "menu" | "filter" | "search" | "split" | "address" | "form" | "label" | "output" | "time" | "indico-o-white" | "account" | "api-doc" | "arrow-dots" | "arrow-down" | "arrow-up-circle" | "arrows-cursor" | "branch" | "check-circle" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "classification-document" | "classification-image" | "classification-page" | "classify-and-unbundle" | "clipboard" | "coffee-1" | "coffee-2" | "coffee-fail" | "coffeecup" | "coffeesteam" | "company-name" | "confidence-bar-1" | "confidence-bar-2" | "confidence-bar-3" | "confidence-bar-4" | "confidence-bars" | "configure" | "crowdlabel" | "currency" | "dashboard" | "data-and-access" | "database" | "date" | "draggable" | "droplet" | "edit" | "education" | "elmos-fire" | "email" | "enterprise" | "extraction" | "eye" | "file" | "fileHappy" | "filter-outline" | "folder" | "gallery" | "graphiql" | "happy" | "help-solid" | "highlight" | "highlight-outline" | "indico-logo-white" | "indico-o" | "info" | "kabob" | "key" | "layout-complex" | "layout-simple" | "location" | "lock" | "model-import" | "model-starter" | "moon" | "moonbow" | "no-format" | "object-detection" | "organizations" | "page-thumbnail" | "pay-as-you-go" | "person" | "phone" | "pin" | "plus" | "popup" | "price" | "radio-button" | "recruiter" | "regex" | "reject" | "repair" | "research" | "retrain" | "sad" | "shrug" | "signature" | "sort-down" | "step-forward" | "sun" | "surround" | "surround-outline" | "swagger" | "thumbs-down" | "thumbs-up" | "trash" | "unlock" | "upload" | "url" | "user" | "wand" | "warning" | "workflows" | "x-close" | "fa-dot-circle" | "fa-file" | "fa-file-alt" | "fa-file-pdf" | "fa-file-word" | "fa-check-square" | "fa-square" | "fa-angle-double-left" | "fa-arrow-circle-right" | "fa-arrow-down" | "fa-arrow-left" | "fa-arrow-right" | "fa-arrow-up" | "fa-ban" | "fa-caret-down" | "fa-caret-up" | "fa-chart-bar" | "fa-check" | "fa-check-circle" | "fa-circle-notch" | "fa-clipboard" | "fa-clock" | "fa-clone" | "fa-cloud" | "fa-cog" | "fa-cogs" | "fa-coins" | "fa-cube" | "fa-cut" | "fa-download" | "fa-exclamation-circle" | "fa-exclamation-triangle" | "fa-external-link-alt" | "fa-eye-dropper" | "fa-file-download" | "fa-file-export" | "fa-file-upload" | "fa-filter" | "fa-ghost" | "fa-hat-wizard" | "fa-info-circle" | "fa-key" | "fa-keyboard" | "fa-layer-group" | "fa-pencil-alt" | "fa-plus" | "fa-plus-square" | "fa-question-circle" | "fa-robot" | "fa-search" | "fa-sign-out-alt" | "fa-sliders-h" | "fa-sync-alt" | "fa-tag" | "fa-times" | "fa-times-circle" | "fa-tint" | "fa-toggle-off" | "fa-toggle-on" | "fa-trash" | "fa-trash-alt" | "fa-undo" | "fa-user" | "fa-users" | "fa-mouse-pointer" | "fa-step-forward" | "fa-search-minus" | "fa-search-plus" | "fa-table" | "fa-image" | "fa-link" | "fa-list";
30
+ name: "checkbox" | "ellipsis" | "help" | "pointer" | "text" | "zoom-in" | "zoom-out" | "menu" | "filter" | "search" | "split" | "address" | "form" | "label" | "output" | "time" | "indico-o-white" | "account" | "api-doc" | "arrow-dots" | "arrow-down" | "arrow-up-circle" | "arrows-cursor" | "branch" | "check-circle" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "classification-document" | "classification-image" | "classification-page" | "classify-and-unbundle" | "clipboard" | "coffee-1" | "coffee-2" | "coffee-fail" | "coffeecup" | "coffeesteam" | "company-name" | "confidence-bar-1" | "confidence-bar-2" | "confidence-bar-3" | "confidence-bar-4" | "confidence-bars" | "configure" | "crowdlabel" | "currency" | "dashboard" | "data-and-access" | "database" | "date" | "draggable" | "droplet" | "edit" | "education" | "elmos-fire" | "email" | "enterprise" | "exclamation-circle-stroke" | "extraction" | "eye" | "file" | "fileHappy" | "filter-outline" | "folder" | "gallery" | "graphiql" | "happy" | "help-solid" | "highlight" | "highlight-outline" | "indico-logo-white" | "indico-o" | "info" | "kabob" | "key" | "layout-complex" | "layout-simple" | "location" | "lock" | "model-import" | "model-starter" | "moon" | "moonbow" | "no-format" | "object-detection" | "organizations" | "page-thumbnail" | "pay-as-you-go" | "person" | "phone" | "pin" | "plus" | "popup" | "price" | "radio-button" | "recruiter" | "regex" | "reject" | "repair" | "research" | "retrain" | "sad" | "shrug" | "signature" | "sort-down" | "step-forward" | "sun" | "surround" | "surround-outline" | "thumbs-down" | "thumbs-up" | "trash" | "unlock" | "upload" | "url" | "user" | "wand" | "warning" | "warning-stroke" | "workflows" | "x-close" | "fa-dot-circle" | "fa-file" | "fa-file-alt" | "fa-file-pdf" | "fa-file-word" | "fa-check-square" | "fa-square" | "fa-angle-double-left" | "fa-arrow-circle-right" | "fa-arrow-down" | "fa-arrow-left" | "fa-arrow-right" | "fa-arrow-up" | "fa-ban" | "fa-caret-down" | "fa-caret-up" | "fa-chart-bar" | "fa-check" | "fa-check-circle" | "fa-circle-notch" | "fa-clipboard" | "fa-clock" | "fa-clone" | "fa-cloud" | "fa-cog" | "fa-cogs" | "fa-coins" | "fa-cube" | "fa-cut" | "fa-download" | "fa-exclamation-circle" | "fa-exclamation-triangle" | "fa-external-link-alt" | "fa-eye-dropper" | "fa-file-download" | "fa-file-export" | "fa-file-upload" | "fa-filter" | "fa-ghost" | "fa-hat-wizard" | "fa-info-circle" | "fa-key" | "fa-keyboard" | "fa-layer-group" | "fa-pencil-alt" | "fa-plus" | "fa-plus-square" | "fa-question-circle" | "fa-robot" | "fa-search" | "fa-sign-out-alt" | "fa-sliders-h" | "fa-sync-alt" | "fa-tag" | "fa-times" | "fa-times-circle" | "fa-tint" | "fa-toggle-off" | "fa-toggle-on" | "fa-trash" | "fa-trash-alt" | "fa-undo" | "fa-user" | "fa-users" | "fa-mouse-pointer" | "fa-step-forward" | "fa-search-minus" | "fa-search-plus" | "fa-table" | "fa-image" | "fa-link" | "fa-list";
31
31
  size?: [string | number] | [string | number, string | number] | undefined;
32
32
  style?: any;
33
33
  onClick?: (() => void) | undefined;
package/lib/components/Icon/indicons.d.ts CHANGED
@@ -47,6 +47,7 @@ declare const indicons: {
47
47
  'elmos-fire': React.JSX.Element;
48
48
  email: React.JSX.Element;
49
49
  enterprise: React.JSX.Element;
50
+ 'exclamation-circle-stroke': React.JSX.Element;
50
51
  extraction: React.JSX.Element;
51
52
  eye: React.JSX.Element;
52
53
  file: React.JSX.Element;
@@ -107,7 +108,6 @@ declare const indicons: {
107
108
  sun: React.JSX.Element;
108
109
  surround: React.JSX.Element;
109
110
  'surround-outline': React.JSX.Element;
110
- swagger: React.JSX.Element;
111
111
  text: React.JSX.Element;
112
112
  'thumbs-down': React.JSX.Element;
113
113
  'thumbs-up': React.JSX.Element;
@@ -119,6 +119,7 @@ declare const indicons: {
119
119
  user: React.JSX.Element;
120
120
  wand: React.JSX.Element;
121
121
  warning: React.JSX.Element;
122
+ 'warning-stroke': React.JSX.Element;
122
123
  workflows: React.JSX.Element;
123
124
  'x-close': React.JSX.Element;
124
125
  'zoom-in': React.JSX.Element;
package/lib/components/inputs/SearchInput/SearchInput.stories.d.ts CHANGED
@@ -31,5 +31,6 @@ type Story = StoryObj<typeof SearchInput>;
31
31
  export declare const Base: Story;
32
32
  export declare const Border: Story;
33
33
  export declare const SearchIcon: Story;
34
+ export declare const BorderAndSearchIcon: Story;
34
35
  export declare const ClearInputIcon: Story;
35
36
  export declare const ClearInputIconWithBorder: Story;
package/lib/index.d.ts CHANGED
@@ -129,6 +129,7 @@ declare const indicons: {
129
129
  'elmos-fire': React.JSX.Element;
130
130
  email: React.JSX.Element;
131
131
  enterprise: React.JSX.Element;
132
+ 'exclamation-circle-stroke': React.JSX.Element;
132
133
  extraction: React.JSX.Element;
133
134
  eye: React.JSX.Element;
134
135
  file: React.JSX.Element;
@@ -189,7 +190,6 @@ declare const indicons: {
189
190
  sun: React.JSX.Element;
190
191
  surround: React.JSX.Element;
191
192
  'surround-outline': React.JSX.Element;
192
- swagger: React.JSX.Element;
193
193
  text: React.JSX.Element;
194
194
  'thumbs-down': React.JSX.Element;
195
195
  'thumbs-up': React.JSX.Element;
@@ -201,6 +201,7 @@ declare const indicons: {
201
201
  user: React.JSX.Element;
202
202
  wand: React.JSX.Element;
203
203
  warning: React.JSX.Element;
204
+ 'warning-stroke': React.JSX.Element;
204
205
  workflows: React.JSX.Element;
205
206
  'x-close': React.JSX.Element;
206
207
  'zoom-in': React.JSX.Element;
package/lib/index.esm.js CHANGED
@@ -8147,6 +8147,9 @@ const indicons = {
8147
8147
  React.createElement("path", { d: "M0 25.6V21c0-3.9 3.2-7 7-7h86c3.8 0 7 3.1 7 7v4.6L52.8 46.2c-1.8.8-3.8.8-5.6 0L0 25.6zm52.8 31.7c-1.8.8-3.9.8-5.7 0L0 36.7V79c0 3.8 3.2 7 7 7h86c3.8 0 7-3.2 7-7V36.7L52.8 57.3z" }))),
8148
8148
  enterprise: (React.createElement("svg", { viewBox: "0 0 100 100", fill: "currentColor" },
8149
8149
  React.createElement("path", { d: "M59 25H40c-.8 0-2-1-2-2s1-2 2-2h19c1 0 2 1 2 2s-1 2-2 2zm0 10H40c-.8 0-2-1-2-2s1-2 2-2h19c1 0 2 1 2 2s-1 2-2 2zm0 10H40c-.8 0-2-1-2-2s1-2 2-2h19c1 0 2 1 2 2s-1 2-2 2zm0 10H40c-.8 0-2-1-2-2s1-2 2-2h19c1 0 2 1 2 2s-1 2-2 2zm0 10H40c-.8 0-2-1-2-2s1-2 2-2h19c1 0 2 1 2 2s-1 2-2 2zm0 10H40c-.8 0-2-1-2-2s1-2 2-2h19c1 0 2 1 2 2s-1 2-2 2zm41 22.5c0 1.5-1 2.5-3 2.5H3c-2 0-3-1-3-2.5S1 95 3 95h4V38c0-1 1-2 2-2h5v-6c0-1 1-2 2-2h9V10c0-1 1-2 2-2h8V2c0-1 1-2 2-2h26c1 0 2 1 2 2v6h8c1 0 2 1 2 2v18h9c1 0 2 1 2 2v6h5c1 0 2 1 2 2v57h4c2 0 3 1 3 2.5zM75 38h7v-6h-7v6zM39 10h22V4H39v6zM19 38h6v-6h-6v6zm6 57V41H13v54h12zm45 0V13H30v82h40zm18 0V41H75v54h13z" }))),
8150
+ 'exclamation-circle-stroke': (React.createElement("svg", { viewBox: "0 0 100 100" },
8151
+ React.createElement("path", { fill: "#FFFFFF", d: "M50,0C22.4,0,0,22.4,0,50s22.4,50,50,50s50-22.4,50-50S77.6,0,50,0L50,0z" }),
8152
+ React.createElement("path", { fill: "#F95359", d: "M96,50c0,25.4-20.6,46-46,46S4,75.4,4,50\n\tC4,24.6,24.6,4,50,4S96,24.6,96,50z M50,59.3c-4.7,0-8.5,3.8-8.5,8.5s3.8,8.5,8.5,8.5s8.5-3.8,8.5-8.5S54.7,59.3,50,59.3z\n\t M41.9,28.6l1.4,25.2c0.1,1.2,1,2.1,2.2,2.1h9c1.2,0,2.2-0.9,2.2-2.1l1.4-25.2c0.1-1.3-0.9-2.3-2.2-2.3H44.1\n\tC42.8,26.3,41.8,27.3,41.9,28.6L41.9,28.6z" }))),
8150
8153
  extraction: (React.createElement("svg", { viewBox: "0 0 100 100", fill: "currentColor" },
8151
8154
  React.createElement("path", { d: "M66.7 26.7c0-1.1-.4-2.2-1.2-2.9l-17-17c-.8-.8-1.8-1.2-3-1.2h-1.1v22.2h22.2v-1.1zM99.1 59L82.5 42.3c-1.8-1.8-4.8-.5-4.8 2v11.3h-11v11.1h11.1V78c0 2.5 3 3.7 4.8 2l16.6-16.8c1.1-1.2 1.1-3-.1-4.2zm-65.8 4.9v-5.6c0-1.5 1.3-2.8 2.8-2.8h30.6V33.3H43.1c-2.3 0-4.2-1.9-4.2-4.2V5.6H4.2C1.9 5.6 0 7.4 0 9.7v80.6c0 2.3 1.9 4.2 4.2 4.2h58.3c2.3 0 4.2-1.9 4.2-4.2V66.7H36.1c-1.5 0-2.8-1.3-2.8-2.8z" }))),
8152
8155
  eye: (React.createElement("svg", { viewBox: "0 0 18 12", fill: "currentColor" },
@@ -8276,8 +8279,6 @@ const indicons = {
8276
8279
  React.createElement("path", { d: "M100 25V6.2c0-3.5-2.8-6.2-6.2-6.2H75c-3.5 0-6.2 2.8-6.2 6.2H31.2C31.2 2.8 28.5 0 25 0H6.2C2.8 0 0 2.8 0 6.2V25c0 3.5 2.8 6.2 6.2 6.2v37.5C2.8 68.8 0 71.5 0 75v18.8c0 3.5 2.8 6.2 6.2 6.2H25c3.5 0 6.2-2.8 6.2-6.2h37.5c0 3.5 2.8 6.2 6.2 6.2h18.8c3.5 0 6.2-2.8 6.2-6.2V75c0-3.5-2.8-6.2-6.2-6.2V31.2c3.5 0 6.3-2.7 6.3-6.2zM81.2 12.5h6.2v6.2h-6.2v-6.2zm-68.7 0h6.2v6.2h-6.2v-6.2zm6.3 75h-6.2v-6.2h6.2v6.2zm68.7 0h-6.2v-6.2h6.2v6.2zm-6.3-18.7H75c-3.5 0-6.2 2.8-6.2 6.2v6.2H31.2V75c0-3.5-2.8-6.2-6.2-6.2h-6.2V31.2H25c3.5 0 6.2-2.8 6.2-6.2v-6.2h37.5V25c0 3.5 2.8 6.2 6.2 6.2h6.2v37.6z" }))),
8277
8280
  'surround-outline': (React.createElement("svg", { viewBox: "0 0 100 100", fill: "currentColor" },
8278
8281
  React.createElement("path", { d: "M89.3,71.9V28.1c6.2-1.6,10.7-7.1,10.7-13.8C100,6.4,93.6,0,85.7,0\n\tc-6.6,0-12.2,4.6-13.8,10.7H28.1C26.5,4.6,20.9,0,14.3,0C6.4,0,0,6.4,0,14.3c0,6.6,4.6,12.2,10.7,13.8v43.9C4.6,73.5,0,79.1,0,85.7\n\tC0,93.6,6.4,100,14.3,100c6.6,0,12.2-4.6,13.8-10.7h43.9c1.6,6.2,7.1,10.7,13.8,10.7c7.9,0,14.3-6.4,14.3-14.3\n\tC100,79.1,95.4,73.5,89.3,71.9z M71.9,82.1H28.1c-1.3-5-5.2-8.9-10.2-10.2V28.1c5-1.3,8.9-5.2,10.2-10.2h43.9\n\tc1.3,5,5.2,8.9,10.2,10.2v43.9C77.1,73.2,73.2,77.1,71.9,82.1z M85.7,7.1c3.9,0,7.1,3.2,7.1,7.1s-3.2,7.1-7.1,7.1\n\tc-3.9,0-7.1-3.2-7.1-7.1S81.8,7.1,85.7,7.1z M7.1,14.3c0-3.9,3.2-7.1,7.1-7.1s7.1,3.2,7.1,7.1s-3.2,7.1-7.1,7.1S7.1,18.2,7.1,14.3z\n\t M14.3,92.9c-3.9,0-7.1-3.2-7.1-7.1s3.2-7.1,7.1-7.1s7.1,3.2,7.1,7.1S18.2,92.9,14.3,92.9z M85.7,92.9c-3.9,0-7.1-3.2-7.1-7.1\n\ts3.2-7.1,7.1-7.1c3.9,0,7.1,3.2,7.1,7.1S89.6,92.9,85.7,92.9z" }))),
8279
- swagger: (React.createElement("svg", { viewBox: "0 0 102 102", fill: "currentColor" },
8280
- React.createElement("path", { d: "M50,0C22.4,0,0,22.4,0,50s22.4,50,50,50s50-22.4,50-50S77.6,0,50,0z M50,4.8C75,4.8,95.2,25,95.2,50S75,95.2,50,95.2 C25,95.2,4.8,75,4.8,50S25,4.8,50,4.8z M34.9,24.4c-0.6,0-1.2,0-1.8,0c-4.1,0.2-6.5,2.2-7.2,6.1c-0.5,2.8-0.4,5.6-0.6,8.4 c-0.1,1.5-0.2,2.9-0.5,4.3c-0.6,2.5-1.6,3.3-4.2,3.5c-0.3,0-0.7,0.1-1,0.2v6.1c4.7,0.2,5.3,1.9,5.7,6.8c0.1,1.8,0,3.6,0.1,5.4 c0.1,1.7,0.3,3.4,0.6,5c1.1,4.5,5.5,6,10.7,5.1v-5.4c-0.9,0-1.6,0-2.3,0c-1.8-0.1-2.5-0.5-2.6-2.2c-0.2-2.2-0.2-4.5-0.3-6.7 c-0.3-4.2-0.7-8.3-4.8-10.9c2.1-1.5,3.6-3.4,4.1-5.8c0.3-1.7,0.6-3.4,0.7-5.2c0.1-1.7-0.1-3.5,0.1-5.2c0.2-2.8,0.4-3.9,3.7-3.8 c0.5,0,1-0.1,1.5-0.1v-5.5C36.1,24.5,35.5,24.5,34.9,24.4z M66.5,24.5c-1.1,0-2.3,0-3.4,0.2V30c1,0,1.8,0,2.6,0 c1.4,0,2.4,0.6,2.5,2.1c0.1,1.4,0.1,2.8,0.3,4.2c0.3,2.8,0.4,5.6,0.9,8.4c0.4,2.3,2,4,3.9,5.4c-3.4,2.3-4.4,5.5-4.6,9.2 c-0.1,2.5-0.2,5-0.3,7.6c-0.1,2.3-0.9,3.1-3.3,3.1c-0.7,0-1.3,0.1-2,0.1v5.4c1.3,0,2.6,0.1,3.9,0c3.9-0.2,6.2-2.1,7-5.9 c0.3-2.1,0.5-4.2,0.6-6.3c0.1-1.9,0.1-3.9,0.3-5.8c0.3-3,1.7-4.2,4.6-4.4c0.3,0,0.6-0.1,0.8-0.2v-6.1c-0.5-0.1-0.8-0.1-1.2-0.1 c-2.2-0.1-3.3-0.9-3.9-3c-0.3-1.4-0.6-2.7-0.6-4.1c-0.2-2.6-0.1-5.2-0.3-7.7C74,27,71.1,24.6,66.5,24.5L66.5,24.5z M37.8,46.5 c-4.5,0-4.8,6.6-0.4,7h0.2c1.9,0.1,3.5-1.3,3.6-3.2v-0.2C41.4,48.1,39.8,46.5,37.8,46.5L37.8,46.5z M49.9,46.5 c-1.9-0.1-3.4,1.4-3.5,3.3c0,0.1,0,0.2,0,0.3c0,2.1,1.4,3.4,3.6,3.4c2.1,0,3.5-1.4,3.5-3.5C53.5,47.9,52.1,46.5,49.9,46.5L49.9,46.5 z M62.3,46.5c-2,0-3.6,1.5-3.6,3.5c0,2,1.6,3.5,3.5,3.5h0c1.8,0.3,3.5-1.4,3.7-3.4C66,48.2,64.2,46.5,62.3,46.5L62.3,46.5z" }))),
8281
8282
  text: (React.createElement("svg", { viewBox: "0 0 102 102", fill: "currentColor" },
8282
8283
  React.createElement("g", { transform: "translate(1 1)" },
8283
8284
  React.createElement("path", { d: "M25.4,90.3V23.4H0V9.7h64.5v13.7H39.1v66.9H25.4z M70.6,90.3V49.2H54.8V35.5H100v13.7H84.3v41.2H70.6z" })))),
@@ -8301,6 +8302,10 @@ const indicons = {
8301
8302
  React.createElement("path", { d: "M87.7 25.3L85 22.6c-1.4-1.4-3.2-2-4.9-2-1.8 0-3.6.7-4.9 2L12.3 85.4c-2.7 2.7-2.7 7.2 0 9.9L15 98c1.4 1.4 3.2 2 4.9 2 1.8 0 3.6-.7 4.9-2l62.8-62.8c2.8-2.8 2.8-7.2.1-9.9zm-3.5 6.3L65.5 50.3 60 44.8l18.7-18.7c.5-.5 1.1-.6 1.4-.6.3 0 .9.1 1.4.6l2.7 2.7c.5.5.6 1.1.6 1.4s-.1.9-.6 1.4zM30.6 7.1l2.8 11.3c.2.6.6 1.1 1.2 1.2l11.3 2.8c1.7.4 1.7 2.9 0 3.3l-11.3 2.8c-.6.2-1.1.6-1.2 1.2L30.6 41c-.4 1.7-2.9 1.7-3.3 0l-2.8-11.3c-.2-.6-.6-1.1-1.2-1.2L12 25.7c-1.7-.4-1.7-2.9 0-3.3l11.3-2.8c.6-.2 1.1-.6 1.2-1.2l2.8-11.3c.4-1.7 2.9-1.7 3.3 0zm29.1-5.7l.9 3.5c.2.7.7 1.2 1.4 1.4l3.5.9c1.9.5 1.9 3.2 0 3.7l-3.5.9c-.7.2-1.2.7-1.4 1.4l-.9 3.5c-.5 1.9-3.2 1.9-3.7 0l-.9-3.5c-.2-.7-.7-1.2-1.4-1.4l-3.5-.9c-1.9-.5-1.9-3.2 0-3.7l3.5-.9c.7-.2 1.2-.7 1.4-1.4l.9-3.5c.4-1.9 3.2-1.9 3.7 0z" }))),
8302
8303
  warning: (React.createElement("svg", { viewBox: "0 0 100 100", fill: "currentColor" },
8303
8304
  React.createElement("path", { d: "M83.9 95.3H16.1c-6.8 0-12-2.4-14.5-6.8s-2-10 1.4-16l33.9-58.7C40.3 7.9 45 4.6 50 4.6s9.7 3.3 13.1 9.2L97 72.6c3.4 5.9 3.9 11.6 1.4 16-2.5 4.3-7.7 6.7-14.5 6.7zm-27-19.7c0-3.5-2.9-6.4-6.4-6.4s-6.4 2.9-6.4 6.4c0 3.5 2.9 6.4 6.4 6.4s6.4-2.8 6.4-6.4zm.2-40.4c0-3.6-2.9-6.6-6.6-6.6s-6.5 3-6.5 6.6l1.5 23.3c.2 2.6 2.4 4.6 5 4.6 5 0 5-4.6 5-4.6l1.6-23.3z" }))),
8305
+ 'warning-stroke': (React.createElement("svg", { viewBox: "0 0 100 100" },
8306
+ React.createElement("path", { fill: "#FFFFFF", d: "M50,4.7c-6,0-11.6,3.8-15.4,10.4L3.8,68.5C0,75.2-0.5,81.8,2.5,87c3,5.3,8.9,8.2,16.7,8.2h61.7\n c7.6,0,13.7-2.9,16.6-8.1c3-5.3,2.6-11.9-1.3-18.6L65.4,15.1C61.6,8.5,56,4.7,50,4.7L50,4.7z" }),
8307
+ React.createElement("path", { fill: "#FFCA28", d: "M80.8,91.2H19.2C13,91.2,8.3,89,6,85s-1.8-9.1,1.3-14.6L38.1,17c3.1-5.4,7.4-8.4,11.9-8.4\n s8.8,3,11.9,8.4l30.8,53.5c3.1,5.4,3.5,10.6,1.3,14.6C91.7,89,87,91.2,80.8,91.2z" }),
8308
+ React.createElement("path", { fill: "#000", d: "M56.3,73.3c0-3.2-2.6-5.8-5.8-5.8s-5.8,2.6-5.8,5.8c0,3.2,2.6,5.8,5.8,5.8S56.3,76.6,56.3,73.3z M56.5,36.5\n c0-3.3-2.6-6-6-6s-5.9,2.7-5.9,6L46,57.7l0,0c0.2,2.4,2.2,4.2,4.5,4.2c4.5,0,4.5-4.2,4.5-4.2L56.5,36.5z" }))),
8304
8309
  workflows: (React.createElement("svg", { viewBox: "0 0 100 100", fill: "currentColor" },
8305
8310
  React.createElement("path", { d: "M99 74c0 7.7-6.3 14-14 14s-14-6.3-14-14c0-1.1.1-2.2.4-3.2L50 58.6 28.6 70.8c.2 1 .4 2.1.4 3.2 0 7.7-6.3 14-14 14S1 81.7 1 74s6.3-14 14-14c3.7 0 7.1 1.5 9.6 3.9L46 51.7V27.4c-5.8-1.7-10-7.1-10-13.4 0-7.7 6.3-14 14-14s14 6.3 14 14c0 6.3-4.2 11.7-10 13.4v24.3l21.4 12.2c2.5-2.4 5.9-3.9 9.6-3.9 7.7 0 14 6.3 14 14zM14.1 51.9c.7-11.7 6.9-22 16.2-28-1.5-3-2.3-6.3-2.3-9.9v-.4C13.7 21.4 4 36.6 4 54v.8c3-1.7 6.4-2.7 10.1-2.9zm58-37.9c0 3.6-.8 6.9-2.3 9.9 9.3 6.1 15.5 16.3 16.2 28 3.6.2 7.1 1.2 10 2.9V54c0-17.4-9.7-32.6-23.9-40.4v.4zm-5.6 72C61.6 88.5 56 90 50 90s-11.5-1.4-16.5-4c-1.9 3-4.5 5.4-7.6 7.2 7 4.3 15.3 6.8 24.1 6.8s17.1-2.5 24.1-6.8C71 91.4 68.4 89 66.5 86z" }))),
8306
8311
  'x-close': (React.createElement("svg", { viewBox: "0 0 100 100", fill: "currentColor" },
@@ -12286,6 +12291,13 @@ const StyledSearchField = styled.div `
12286
12291
  top: 4px;
12287
12292
  left: 0;
12288
12293
  font-size: ${typography.fontSize.subheadSmall};
12294
+
12295
+ ${(props) => props.border &&
12296
+ props.showSearchIcon &&
12297
+ css `
12298
+ top: 7px;
12299
+ left: 5px;
12300
+ `}
12289
12301
  }
12290
12302
 
12291
12303
  input {