done
diff --git a/src/form/AddonIcon/__snapshots__/AddonIcon.test.tsx.snap b/src/form/AddonIcon/__snapshots__/AddonIcon.test.tsx.snap
index f57fd18d2..7692887e4 100644
--- a/src/form/AddonIcon/__snapshots__/AddonIcon.test.tsx.snap
+++ b/src/form/AddonIcon/__snapshots__/AddonIcon.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`Component: AddonIcon ui 1`] = `
class="input-group-text"
>
360
diff --git a/src/form/DateTimeInput/DateTimeModal/__snapshots__/DateTimeModal.test.tsx.snap b/src/form/DateTimeInput/DateTimeModal/__snapshots__/DateTimeModal.test.tsx.snap
index a5bcdac7e..042116d97 100644
--- a/src/form/DateTimeInput/DateTimeModal/__snapshots__/DateTimeModal.test.tsx.snap
+++ b/src/form/DateTimeInput/DateTimeModal/__snapshots__/DateTimeModal.test.tsx.snap
@@ -484,7 +484,7 @@ exports[`Component: DateTimeModal ui default 1`] = `
class="d-flex justify-content-center align-items-center"
>
cancel
@@ -503,7 +503,7 @@ exports[`Component: DateTimeModal ui default 1`] = `
class="d-flex justify-content-center align-items-center"
>
save
diff --git a/src/form/DateTimeInput/__snapshots__/DateTimeInput.test.tsx.snap b/src/form/DateTimeInput/__snapshots__/DateTimeInput.test.tsx.snap
index 7bad5b027..0b1b0754a 100644
--- a/src/form/DateTimeInput/__snapshots__/DateTimeInput.test.tsx.snap
+++ b/src/form/DateTimeInput/__snapshots__/DateTimeInput.test.tsx.snap
@@ -39,7 +39,7 @@ exports[`Component: DateTimeInput ui visible label 1`] = `
class="input-group-text"
>
close
@@ -970,7 +970,7 @@ exports[`Component: DateTimeInput ui with date picker in modal 1`] = `
class="d-flex justify-content-center align-items-center"
>
cancel
@@ -989,7 +989,7 @@ exports[`Component: DateTimeInput ui with date picker in modal 1`] = `
class="d-flex justify-content-center align-items-center"
>
save
diff --git a/src/form/FileInput/__snapshots__/FileInput.test.tsx.snap b/src/form/FileInput/__snapshots__/FileInput.test.tsx.snap
index 5c76cc8c4..a7d372ba8 100644
--- a/src/form/FileInput/__snapshots__/FileInput.test.tsx.snap
+++ b/src/form/FileInput/__snapshots__/FileInput.test.tsx.snap
@@ -39,7 +39,7 @@ exports[`Component: FileInput ui with value 1`] = `
class="d-flex justify-content-center align-items-center"
>
delete
diff --git a/src/form/FormButton/__snapshots__/FormButton.test.tsx.snap b/src/form/FormButton/__snapshots__/FormButton.test.tsx.snap
index 3f7e0f0f7..e4d276a0d 100644
--- a/src/form/FormButton/__snapshots__/FormButton.test.tsx.snap
+++ b/src/form/FormButton/__snapshots__/FormButton.test.tsx.snap
@@ -13,7 +13,7 @@ exports[`Component: FormButton ui 1`] = `
class="d-flex justify-content-center align-items-center"
>
save
diff --git a/src/form/IconPicker/__snapshots__/IconPicker.test.tsx.snap b/src/form/IconPicker/__snapshots__/IconPicker.test.tsx.snap
index 8be19862c..c8f62443c 100644
--- a/src/form/IconPicker/__snapshots__/IconPicker.test.tsx.snap
+++ b/src/form/IconPicker/__snapshots__/IconPicker.test.tsx.snap
@@ -47,7 +47,7 @@ exports[`Component: IconPicker ui with selected value 1`] = `
class="d-flex justify-content-between"
>
3d_rotation
diff --git a/src/form/ImageUpload/__snapshots__/ImageUpload.test.tsx.snap b/src/form/ImageUpload/__snapshots__/ImageUpload.test.tsx.snap
index 64962c688..58b206281 100644
--- a/src/form/ImageUpload/__snapshots__/ImageUpload.test.tsx.snap
+++ b/src/form/ImageUpload/__snapshots__/ImageUpload.test.tsx.snap
@@ -33,7 +33,7 @@ exports[`Component: ImageUpload ui edit as circle 1`] = `
class="button mt-2 secondary d-inline-block"
>
rotate_left
@@ -43,7 +43,7 @@ exports[`Component: ImageUpload ui edit as circle 1`] = `
class="button ms-1 mt-2 secondary d-inline-block"
>
rotate_right
@@ -60,7 +60,7 @@ exports[`Component: ImageUpload ui edit as circle 1`] = `
class="d-flex justify-content-center align-items-center"
>
cancel
@@ -79,7 +79,7 @@ exports[`Component: ImageUpload ui edit as circle 1`] = `
class="d-flex justify-content-center align-items-center"
>
done
@@ -127,7 +127,7 @@ exports[`Component: ImageUpload ui edit as rect 1`] = `
class="button mt-2 secondary d-inline-block"
>
rotate_left
@@ -137,7 +137,7 @@ exports[`Component: ImageUpload ui edit as rect 1`] = `
class="button ms-1 mt-2 secondary d-inline-block"
>
rotate_right
@@ -154,7 +154,7 @@ exports[`Component: ImageUpload ui edit as rect 1`] = `
class="d-flex justify-content-center align-items-center"
>
cancel
@@ -173,7 +173,7 @@ exports[`Component: ImageUpload ui edit as rect 1`] = `
class="d-flex justify-content-center align-items-center"
>
done
@@ -225,7 +225,7 @@ exports[`Component: ImageUpload ui file-selected as circle 1`] = `
class="d-flex justify-content-center align-items-center"
>
camera_roll
@@ -244,7 +244,7 @@ exports[`Component: ImageUpload ui file-selected as circle 1`] = `
class="d-flex justify-content-center align-items-center"
>
delete
@@ -290,7 +290,7 @@ exports[`Component: ImageUpload ui file-selected as rect 1`] = `
class="d-flex justify-content-center align-items-center"
>
camera_roll
@@ -309,7 +309,7 @@ exports[`Component: ImageUpload ui file-selected as rect 1`] = `
class="d-flex justify-content-center align-items-center"
>
delete
@@ -346,7 +346,7 @@ exports[`Component: ImageUpload ui no-file 1`] = `
class="img-upload-wrapper bg-faded text-muted"
>
add_a_photo
diff --git a/src/form/ModalPicker/__snapshots__/EmptyModal.test.tsx.snap b/src/form/ModalPicker/__snapshots__/EmptyModal.test.tsx.snap
index 615ae890e..020ebedf5 100644
--- a/src/form/ModalPicker/__snapshots__/EmptyModal.test.tsx.snap
+++ b/src/form/ModalPicker/__snapshots__/EmptyModal.test.tsx.snap
@@ -12,32 +12,32 @@ exports[`Component: EmptyModal mode: empty 1`] = `
class="state-icons"
>
add
contrast
photo
folder_open
radio_button_unchecked
bolt
@@ -46,7 +46,7 @@ exports[`Component: EmptyModal mode: empty 1`] = `
class="state-content"
>
laptop
@@ -78,32 +78,32 @@ exports[`Component: EmptyModal mode: no-results 1`] = `
class="state-icons"
>
add
contrast
photo
folder_open
radio_button_unchecked
bolt
@@ -112,7 +112,7 @@ exports[`Component: EmptyModal mode: no-results 1`] = `
class="state-content"
>
search
diff --git a/src/form/ModalPicker/__snapshots__/ModalPicker.test.tsx.snap b/src/form/ModalPicker/__snapshots__/ModalPicker.test.tsx.snap
index 6ed64d255..4290e0ad1 100644
--- a/src/form/ModalPicker/__snapshots__/ModalPicker.test.tsx.snap
+++ b/src/form/ModalPicker/__snapshots__/ModalPicker.test.tsx.snap
@@ -55,7 +55,7 @@ exports[`Component: ModalPicker ui default 1`] = `
class="input-group-text"
>
search
@@ -104,7 +104,7 @@ exports[`Component: ModalPicker ui default 1`] = `
class="page-link"
>
arrow_back
@@ -149,7 +149,7 @@ exports[`Component: ModalPicker ui default 1`] = `
type="button"
>
arrow_forward
@@ -244,7 +244,7 @@ exports[`Component: ModalPicker ui loading 1`] = `
class="input-group-text"
>
search
@@ -277,32 +277,32 @@ exports[`Component: ModalPicker ui loading 1`] = `
class="state-icons"
>
add
contrast
photo
folder_open
radio_button_unchecked
bolt
@@ -356,7 +356,7 @@ exports[`Component: ModalPicker ui loading 1`] = `
class="page-link"
>
arrow_back
@@ -401,7 +401,7 @@ exports[`Component: ModalPicker ui loading 1`] = `
type="button"
>
arrow_forward
diff --git a/src/form/ModalPicker/multiple/__snapshots__/ModalPickerMultiple.test.tsx.snap b/src/form/ModalPicker/multiple/__snapshots__/ModalPickerMultiple.test.tsx.snap
index e8d962e26..e980fcce5 100644
--- a/src/form/ModalPicker/multiple/__snapshots__/ModalPickerMultiple.test.tsx.snap
+++ b/src/form/ModalPicker/multiple/__snapshots__/ModalPickerMultiple.test.tsx.snap
@@ -76,7 +76,7 @@ exports[`Component: ModalPickerMultiple ui default: modal 1`] = `
class="input-group-text"
>
search
@@ -238,7 +238,7 @@ exports[`Component: ModalPickerMultiple ui loading 1`] = `
class="input-group-text"
>
search
@@ -271,32 +271,32 @@ exports[`Component: ModalPickerMultiple ui loading 1`] = `
class="state-icons"
>
add
contrast
photo
folder_open
radio_button_unchecked
bolt
diff --git a/src/form/ModalPicker/single/__snapshots__/ModalPickerSingle.test.tsx.snap b/src/form/ModalPicker/single/__snapshots__/ModalPickerSingle.test.tsx.snap
index 859fcd4e2..206db1362 100644
--- a/src/form/ModalPicker/single/__snapshots__/ModalPickerSingle.test.tsx.snap
+++ b/src/form/ModalPicker/single/__snapshots__/ModalPickerSingle.test.tsx.snap
@@ -76,7 +76,7 @@ exports[`Component: ModalPickerSingle ui default: modal 1`] = `
class="input-group-text"
>
search
@@ -226,7 +226,7 @@ exports[`Component: ModalPickerSingle ui loading 1`] = `
class="input-group-text"
>
search
@@ -259,32 +259,32 @@ exports[`Component: ModalPickerSingle ui loading 1`] = `
class="state-icons"
>
add
contrast
photo
folder_open
radio_button_unchecked
bolt
diff --git a/src/form/NewPasswordInput/PasswordStrength/__snapshots__/PasswordStrength.test.tsx.snap b/src/form/NewPasswordInput/PasswordStrength/__snapshots__/PasswordStrength.test.tsx.snap
index e23474a7c..b02a18bff 100644
--- a/src/form/NewPasswordInput/PasswordStrength/__snapshots__/PasswordStrength.test.tsx.snap
+++ b/src/form/NewPasswordInput/PasswordStrength/__snapshots__/PasswordStrength.test.tsx.snap
@@ -28,7 +28,7 @@ exports[`Component: PasswordStrength ui default 1`] = `
class="d-flex"
>
cancel
@@ -41,7 +41,7 @@ exports[`Component: PasswordStrength ui default 1`] = `
class="d-flex"
>
cancel
diff --git a/src/form/NewPasswordInput/__snapshots__/NewPasswordInput.test.tsx.snap b/src/form/NewPasswordInput/__snapshots__/NewPasswordInput.test.tsx.snap
index 3d2eafa48..28636ba6d 100644
--- a/src/form/NewPasswordInput/__snapshots__/NewPasswordInput.test.tsx.snap
+++ b/src/form/NewPasswordInput/__snapshots__/NewPasswordInput.test.tsx.snap
@@ -47,7 +47,7 @@ exports[`Component: NewPasswordInput ui 1`] = `
class="d-flex"
>
check_circle
@@ -60,7 +60,7 @@ exports[`Component: NewPasswordInput ui 1`] = `
class="d-flex"
>
cancel
@@ -73,7 +73,7 @@ exports[`Component: NewPasswordInput ui 1`] = `
class="d-flex"
>
cancel
@@ -86,7 +86,7 @@ exports[`Component: NewPasswordInput ui 1`] = `
class="d-flex"
>
cancel
@@ -99,7 +99,7 @@ exports[`Component: NewPasswordInput ui 1`] = `
class="d-flex"
>
cancel
@@ -112,7 +112,7 @@ exports[`Component: NewPasswordInput ui 1`] = `
class="d-flex"
>
check_circle
diff --git a/src/form/ValuePicker/__snapshots__/ValuePicker.test.tsx.snap b/src/form/ValuePicker/__snapshots__/ValuePicker.test.tsx.snap
index d4d590810..dbf1f569a 100644
--- a/src/form/ValuePicker/__snapshots__/ValuePicker.test.tsx.snap
+++ b/src/form/ValuePicker/__snapshots__/ValuePicker.test.tsx.snap
@@ -88,7 +88,7 @@ exports[`Component: ValuePicker multiple ModalPickerMultiple should render a \`M
type="button"
>
face
@@ -148,7 +148,7 @@ exports[`Component: ValuePicker single ModalPickerSingle should render a \`Modal
type="button"
>
face
diff --git a/src/index.ts b/src/index.ts
index 5e236ecb7..c623f4288 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -232,7 +232,7 @@ export { useHover } from './hooks/useHover/useHover';
export { useBootstrapSize } from './hooks/useBootstrapSize/useBootstrapSize';
// Types
-export type { Color } from './core/types';
+export type { Color, TippyPlacement } from './core/types';
export type { FieldCompatible, MetaError, Meta } from './form/types';
export type {
Options,
diff --git a/src/styling/_icons.scss b/src/styling/_icons.scss
index 908f2cf2a..14f579068 100644
--- a/src/styling/_icons.scss
+++ b/src/styling/_icons.scss
@@ -1,14 +1,44 @@
-/* fallback */
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
- src: url('https://fonts.gstatic.com/s/materialicons/v118/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2') format('woff2');
+ src: url('https://fonts.gstatic.com/s/materialicons/v142/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2') format('woff2');
+ font-display: swap;
+}
+
+@font-face {
+ font-family: 'Material Icons Outlined';
+ font-style: normal;
+ font-weight: 400;
+ src: url('https://fonts.gstatic.com/s/materialiconsoutlined/v109/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUcel5euIg.woff2') format('woff2');
+ font-display: swap;
+}
+
+@font-face {
+ font-family: 'Material Icons Rounded';
+ font-style: normal;
+ font-weight: 400;
+ src: url('https://fonts.gstatic.com/s/materialiconsround/v108/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmPq_HTTw.woff2') format('woff2');
+ font-display: swap;
+}
+
+@font-face {
+ font-family: 'Material Icons Sharp';
+ font-style: normal;
+ font-weight: 400;
+ src: url('https://fonts.gstatic.com/s/materialiconssharp/v109/oPWQ_lt5nv4pWNJpghLP75WiFR4kLh3kvmvRImcycg.woff2') format('woff2');
+ font-display: swap;
+}
+
+@font-face {
+ font-family: 'Material Icons Two tone';
+ font-style: normal;
+ font-weight: 400;
+ src: url('https://fonts.gstatic.com/s/materialiconstwotone/v112/hESh6WRmNCxEqUmNyh3JDeGxjVVyMg4tHGctNCu0NjbrHg.woff2') format('woff2');
font-display: swap;
}
.material-icons {
- font-family: 'Material Icons', sans-serif;
font-weight: normal;
font-style: normal;
font-size: 24px;
@@ -23,4 +53,24 @@
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
user-select: none;
+
+ &__filled {
+ font-family: 'Material Icons', sans-serif;
+ }
+
+ &__outlined {
+ font-family: 'Material Icons Outlined', sans-serif;
+ }
+
+ &__rounded {
+ font-family: 'Material Icons Rounded', sans-serif;
+ }
+
+ &__sharp {
+ font-family: 'Material Icons Sharp', sans-serif;
+ }
+
+ &__two-tone {
+ font-family: 'Material Icons Two tone', sans-serif;
+ }
}
diff --git a/src/table/CrudTable/__snapshots__/CrudTable.test.tsx.snap b/src/table/CrudTable/__snapshots__/CrudTable.test.tsx.snap
index c52a0f163..e30eff22c 100644
--- a/src/table/CrudTable/__snapshots__/CrudTable.test.tsx.snap
+++ b/src/table/CrudTable/__snapshots__/CrudTable.test.tsx.snap
@@ -15,7 +15,7 @@ exports[`Component: CrudTable ui default 1`] = `
class="input-group-text"
>
search
diff --git a/src/table/EpicTable/widgets/EpicDetail/__snapshots__/EpicDetail.test.tsx.snap b/src/table/EpicTable/widgets/EpicDetail/__snapshots__/EpicDetail.test.tsx.snap
index 162a2b2c4..1c1127104 100644
--- a/src/table/EpicTable/widgets/EpicDetail/__snapshots__/EpicDetail.test.tsx.snap
+++ b/src/table/EpicTable/widgets/EpicDetail/__snapshots__/EpicDetail.test.tsx.snap
@@ -9,7 +9,7 @@ exports[`Component: EpicDetail ui 1`] = `
class="d-flex align-items-center border-bottom"
>
close
diff --git a/src/table/EpicTable/widgets/EpicExpander/__snapshots__/EpicExpander.test.tsx.snap b/src/table/EpicTable/widgets/EpicExpander/__snapshots__/EpicExpander.test.tsx.snap
index 1f49225c5..da06eb4c2 100644
--- a/src/table/EpicTable/widgets/EpicExpander/__snapshots__/EpicExpander.test.tsx.snap
+++ b/src/table/EpicTable/widgets/EpicExpander/__snapshots__/EpicExpander.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`Component: EpicExpander ui is open 1`] = `
class="button dark d-inline-block"
>
expand_less
diff --git a/src/table/EpicTable/widgets/EpicSort/__snapshots__/EpicSort.test.tsx.snap b/src/table/EpicTable/widgets/EpicSort/__snapshots__/EpicSort.test.tsx.snap
index 6de1b853f..348f06443 100644
--- a/src/table/EpicTable/widgets/EpicSort/__snapshots__/EpicSort.test.tsx.snap
+++ b/src/table/EpicTable/widgets/EpicSort/__snapshots__/EpicSort.test.tsx.snap
@@ -3,7 +3,7 @@
exports[`Component: EpicSort ui is ASC 1`] = `
arrow_drop_up