@hero-design/rn 8.0.2 → 8.2.0

package/.turbo/turbo-build.log

@@ -1,9 +1,9 @@
-@hero-design/rn:build: cache hit, replaying output 395e759f2a2de395
-@hero-design/rn:build: $ yarn build:js && yarn build:types
-@hero-design/rn:build: $ rollup -c
-@hero-design/rn:build: 
-@hero-design/rn:build: src/index.ts → lib/index.js, es/index.js...
-@hero-design/rn:build: (!) Plugin replace: @rollup/plugin-replace: 'preventAssignment' currently defaults to false. It is recommended to set this option to `true`, as the next major version will default this option to `true`.
-@hero-design/rn:build: (!) Plugin node-resolve: preferring built-in module 'events' over local alternative at '/root/hero-design/node_modules/events/events.js', pass 'preferBuiltins: false' to disable this behavior or 'preferBuiltins: true' to disable this warning
-@hero-design/rn:build: created lib/index.js, es/index.js in 28.3s
-@hero-design/rn:build: $ tsc --noEmit false --emitDeclarationOnly --project tsconfig.prod.json
+@hero-design/rn:build: cache hit, replaying output 72983ebd2349f24e
+@hero-design/rn:build: $ yarn build:js && yarn build:types
+@hero-design/rn:build: $ rollup -c
+@hero-design/rn:build: 
+@hero-design/rn:build: src/index.ts → lib/index.js, es/index.js...
+@hero-design/rn:build: (!) Plugin replace: @rollup/plugin-replace: 'preventAssignment' currently defaults to false. It is recommended to set this option to `true`, as the next major version will default this option to `true`.
+@hero-design/rn:build: (!) Plugin node-resolve: preferring built-in module 'events' over local alternative at '/root/hero-design/node_modules/events/events.js', pass 'preferBuiltins: false' to disable this behavior or 'preferBuiltins: true' to disable this warning
+@hero-design/rn:build: created lib/index.js, es/index.js in 26.8s
+@hero-design/rn:build: $ tsc --noEmit false --emitDeclarationOnly --project tsconfig.prod.json

package/es/index.js

@@ -5721,7 +5721,7 @@ var Typography = {
 };
 
 // 🔴 DO NOT EDIT — This file is generated automatically.
-var IconList = ['activate', 'add-emoji', 'add-person', 'adjustment', 'alignment', 'antenna', 'archive', 'assignment-warning', 'bank', 'bell', 'billing', 'bookmark', 'box-check', 'box', 'buildings', 'cake', 'calendar-clock', 'calendar', 'candy-box-menu', 'caret-down-small', 'caret-down', 'caret-left-small', 'caret-left', 'caret-right-small', 'caret-right', 'caret-up-small', 'caret-up', 'check-radio', 'circle-add', 'circle-cancel', 'circle-check', 'circle-down', 'circle-info', 'circle-left', 'circle-ok', 'circle-pencil', 'circle-question', 'circle-remove', 'circle-right', 'circle-up', 'circle-warning', 'clock-3', 'clock', 'cloud-download', 'cloud-upload', 'cog', 'coin', 'contacts', 'credit-card', 'diamond', 'direction-arrows', 'directory', 'document', 'dollar-coin-shine', 'double-buildings', 'edit-template', 'envelope', 'expense', 'eye-circle', 'eye-invisible', 'eye', 'face-meh', 'face-sad', 'face-smiley', 'feed', 'feedbacks', 'file-certified', 'file-clone', 'file-copy', 'file-csv', 'file-dispose', 'file-doc', 'file-excel', 'file-export', 'file-lock', 'file-pdf', 'file-powerpoint', 'file-search', 'file-secured', 'file-sheets', 'file-slide', 'file-verified', 'file-word', 'file', 'filter', 'folder-user', 'folder', 'format-bold', 'format-heading1', 'format-heading2', 'format-italic', 'format-list-bulleted', 'format-list-numbered', 'format-underlined', 'funnel-filter', 'global-dollar', 'globe', 'graduation-cap', 'graph', 'happy-sun', 'health-bag', 'heart', 'home', 'image', 'import', 'incident-siren', 'instapay', 'list', 'loading-2', 'loading', 'location', 'lock', 'looks-one', 'looks-two', 'media-content', 'menu', 'moneybag', 'moon', 'multiple-stars', 'multiple-users', 'node', 'open-folder', 'paperclip', 'payment-summary', 'pencil', 'phone', 'piggy-bank', 'plane', 'play-circle', 'print', 'raising-hands', 'reply-arrow', 'reply', 'reschedule', 'rostering', 'save', 'schedule-send', 'schedule', 'search-person', 'send', 'speaker-active', 'speaker', 'star-award', 'star-badge', 'star-medal', 'star', 'steps-circle', 'stopwatch', 'suitcase', 'survey', 'swag', 'switch', 'tag', 'target', 'teams', 'timesheet', 'touch-id', 'trash-bin', 'unlock', 'user', 'video-1', 'video-2', 'wallet', 'warning', 'activate-outlined', 'add-credit-card-outlined', 'add-person-outlined', 'add-section-outlined', 'add-time-outlined', 'add', 'adjustment-outlined', 'alignment-2-outlined', 'alignment-outlined', 'all-caps', 'arrow-down', 'arrow-downwards', 'arrow-left', 'arrow-leftwards', 'arrow-right', 'arrow-rightwards', 'arrow-up', 'arrow-upwards', 'at-sign', 'bell-active-outlined', 'bell-outlined', 'bell-slash-outlined', 'billing-outlined', 'body-outlined', 'bold', 'bookmark-added-outlined', 'bookmark-outlined', 'box-check-outlined', 'box-outlined', 'bullet-points', 'cake-outlined', 'calendar-dates-outlined', 'calendar-star-outlined', 'camera-outlined', 'cancel', 'chat-bubble-outlined', 'chat-unread-outlined', 'checkmark', 'circle-add-outlined', 'circle-cancel-outlined', 'circle-down-outlined', 'circle-info-outlined', 'circle-left-outlined', 'circle-ok-outlined', 'circle-question-outlined', 'circle-remove-outlined', 'circle-right-outlined', 'circle-up-outlined', 'circle-warning-outlined', 'clock-2-outlined', 'clock-outlined', 'cog-outlined', 'coin-outlined', 'comment-outlined', 'contacts-outlined', 'credit-card-outlined', 'cup-outlined', 'direction-arrows-outlined', 'directory-outlined', 'document-outlined', 'dollar-card-outlined', 'dollar-coin-shine-outlined', 'dollar-sign', 'double-buildings-outlined', 'double-left-arrows', 'double-right-arrows', 'download-outlined', 'edit-template-outlined', 'email-outlined', 'enter-arrow', 'envelope-outlined', 'expense-outlined', 'explore-outlined', 'external-link', 'eye-invisible-outlined', 'eye-outlined', 'face-id', 'face-meh-outlined', 'face-open-smiley-outlined', 'face-sad-outlined', 'face-smiley-outlined', 'feed-outlined', 'file-certified-outlined', 'file-clone-outlined', 'file-copy-outlined', 'file-dispose-outlined', 'file-dollar-outlined', 'file-download-outlined', 'file-export-outlined', 'file-lock-outlined', 'file-outlined', 'file-search-outlined', 'file-secured-outlined', 'file-verified-outlined', 'filter-outlined', 'folder-outlined', 'folder-user-outlined', 'funnel-filter-outline', 'graph-outlined', 'hand-holding-user-outlined', 'happy-sun-outlined', 'health-bag-outlined', 'heart-outlined', 'home-active-outlined', 'home-outlined', 'id-card-outlined', 'image-outlined', 'import-outlined', 'instapay-outlined', 'italic', 'link-1', 'link-2', 'list-outlined', 'live-help-outlined', 'location-outlined', 'lock-outlined', 'locked-file-outlined', 'log-out', 'media-content-outlined', 'menu-close', 'menu-expand', 'menu-fold-outlined', 'menu-unfold-outlined', 'moneybag-outlined', 'moon-outlined', 'more-horizontal', 'more-vertical', 'multiple-folders-outlined', 'multiple-users-outlined', 'near-me-outlined', 'node-outlined', 'number-points', 'number', 'payment-summary-outlined', 'payslip-outlined', 'pencil-outlined', 'percentage', 'phone-outlined', 'piggy-bank-outlined', 'plane-outlined', 'play-circle-outlined', 'print-outlined', 'qr-code-outlined', 're-assign', 'redeem', 'refresh', 'remove', 'reply-outlined', 'restart', 'return-arrow', 'rostering-outlined', 'save-outlined', 'schedule-outlined', 'search-outlined', 'search-secured-outlined', 'send-outlined', 'share-1', 'share-2', 'share-outlined', 'single-down-arrow', 'single-left-arrow', 'single-right-arrow', 'single-up-arrow', 'speaker-active-outlined', 'speaker-outlined', 'star-outlined', 'stopwatch-outlined', 'strikethrough', 'suitcase-clock-outlined', 'suitcase-outlined', 'survey-outlined', 'switch-outlined', 'sync', 'target-outlined', 'timesheet-outlined', 'transfer', 'trash-bin-outlined', 'umbrela-outlined', 'unavailable', 'underline', 'unlock-outlined', 'upload-outlined', 'user-circle-outlined', 'user-gear-outlined', 'user-outlined', 'user-rectangle-outlined', 'video-1-outlined', 'video-2-outlined', 'wallet-outlined'];
+var IconList = ['activate', 'add-emoji', 'add-person', 'adjustment', 'alignment', 'antenna', 'archive', 'assignment-warning', 'bank', 'bell', 'billing', 'bookmark', 'box-check', 'box', 'buildings', 'cake', 'calendar-clock', 'calendar', 'candy-box-menu', 'caret-down-small', 'caret-down', 'caret-left-small', 'caret-left', 'caret-right-small', 'caret-right', 'caret-up-small', 'caret-up', 'check-radio', 'circle-add', 'circle-cancel', 'circle-check', 'circle-down', 'circle-info', 'circle-left', 'circle-ok', 'circle-pencil', 'circle-question', 'circle-remove', 'circle-right', 'circle-up', 'circle-warning', 'clock-3', 'clock', 'cloud-download', 'cloud-upload', 'cog', 'coin', 'contacts', 'credit-card', 'diamond', 'direction-arrows', 'directory', 'document', 'dollar-coin-shine', 'double-buildings', 'edit-template', 'envelope', 'expense', 'eye-circle', 'eye-invisible', 'eye', 'face-meh', 'face-sad', 'face-smiley', 'feed', 'feedbacks', 'file-certified', 'file-clone', 'file-copy', 'file-csv', 'file-dispose', 'file-doc', 'file-excel', 'file-export', 'file-lock', 'file-pdf', 'file-powerpoint', 'file-search', 'file-secured', 'file-sheets', 'file-slide', 'file-verified', 'file-word', 'file', 'filter', 'folder-user', 'folder', 'format-bold', 'format-heading1', 'format-heading2', 'format-italic', 'format-list-bulleted', 'format-list-numbered', 'format-underlined', 'funnel-filter', 'global-dollar', 'globe', 'graduation-cap', 'graph', 'happy-sun', 'health-bag', 'heart', 'home', 'image', 'import', 'incident-siren', 'instapay', 'list', 'loading-2', 'loading', 'location', 'lock', 'looks-one', 'looks-two', 'media-content', 'menu', 'moneybag', 'moon', 'multiple-stars', 'multiple-users', 'node', 'open-folder', 'paperclip', 'payment-summary', 'pencil', 'phone', 'piggy-bank', 'plane', 'play-circle', 'print', 'raising-hands', 'reply-arrow', 'reply', 'reschedule', 'rostering', 'save', 'schedule-send', 'schedule', 'search-person', 'send', 'speaker-active', 'speaker', 'star-award', 'star-badge', 'star-medal', 'star', 'steps-circle', 'stopwatch', 'suitcase', 'survey', 'swag', 'switch', 'tag', 'target', 'teams', 'timesheet', 'touch-id', 'trash-bin', 'unlock', 'user', 'video-1', 'video-2', 'wallet', 'warning', 'activate-outlined', 'add-credit-card-outlined', 'add-person-outlined', 'add-section-outlined', 'add-time-outlined', 'add', 'adjustment-outlined', 'alignment-2-outlined', 'alignment-outlined', 'all-caps', 'arrow-down', 'arrow-downwards', 'arrow-left', 'arrow-leftwards', 'arrow-right', 'arrow-rightwards', 'arrow-up', 'arrow-upwards', 'at-sign', 'bell-active-outlined', 'bell-outlined', 'bell-slash-outlined', 'billing-outlined', 'body-outlined', 'bold', 'bookmark-added-outlined', 'bookmark-outlined', 'box-check-outlined', 'box-outlined', 'bullet-points', 'cake-outlined', 'calendar-dates-outlined', 'calendar-star-outlined', 'camera-outlined', 'cancel', 'chat-bubble-outlined', 'chat-unread-outlined', 'checkmark', 'circle-add-outlined', 'circle-cancel-outlined', 'circle-down-outlined', 'circle-info-outlined', 'circle-left-outlined', 'circle-ok-outlined', 'circle-question-outlined', 'circle-remove-outlined', 'circle-right-outlined', 'circle-up-outlined', 'circle-warning-outlined', 'clock-2-outlined', 'clock-outlined', 'cog-outlined', 'coin-outlined', 'comment-outlined', 'contacts-outlined', 'credit-card-outlined', 'cup-outlined', 'direction-arrows-outlined', 'directory-outlined', 'document-outlined', 'dollar-card-outlined', 'dollar-coin-shine-outlined', 'dollar-sign', 'double-buildings-outlined', 'double-left-arrows', 'double-right-arrows', 'download-outlined', 'edit-template-outlined', 'email-outlined', 'enter-arrow', 'envelope-outlined', 'expense-outlined', 'explore-outlined', 'external-link', 'eye-invisible-outlined', 'eye-outlined', 'face-id', 'face-meh-outlined', 'face-open-smiley-outlined', 'face-sad-outlined', 'face-smiley-outlined', 'feed-outlined', 'file-certified-outlined', 'file-clone-outlined', 'file-copy-outlined', 'file-dispose-outlined', 'file-dollar-outlined', 'file-download-outlined', 'file-export-outlined', 'file-lock-outlined', 'file-outlined', 'file-search-outlined', 'file-secured-outlined', 'file-verified-outlined', 'filter-outlined', 'folder-outlined', 'folder-user-outlined', 'funnel-filter-outline', 'graph-outlined', 'hand-holding-user-outlined', 'happy-sun-outlined', 'health-bag-outlined', 'heart-outlined', 'home-active-outlined', 'home-outlined', 'id-card-outlined', 'image-outlined', 'import-outlined', 'instapay-outlined', 'italic', 'link-1', 'link-2', 'list-outlined', 'live-help-outlined', 'location-outlined', 'lock-outlined', 'locked-file-outlined', 'log-out', 'media-content-outlined', 'menu-close', 'menu-expand', 'menu-fold-outlined', 'menu-unfold-outlined', 'moneybag-outlined', 'moon-outlined', 'more-horizontal', 'more-vertical', 'multiple-folders-outlined', 'multiple-users-outlined', 'near-me-outlined', 'node-outlined', 'number-points', 'number', 'payment-summary-outlined', 'payslip-outlined', 'pencil-outlined', 'percentage', 'phone-outlined', 'piggy-bank-outlined', 'plane-outlined', 'play-circle-outlined', 'print-outlined', 'qr-code-outlined', 'qualification-outlined', 're-assign', 'redeem', 'refresh', 'remove', 'reply-outlined', 'restart', 'return-arrow', 'rostering-outlined', 'save-outlined', 'schedule-outlined', 'search-outlined', 'search-secured-outlined', 'send-outlined', 'share-1', 'share-2', 'share-outlined', 'single-down-arrow', 'single-left-arrow', 'single-right-arrow', 'single-up-arrow', 'speaker-active-outlined', 'speaker-outlined', 'star-outlined', 'stopwatch-outlined', 'strikethrough', 'suitcase-clock-outlined', 'suitcase-outlined', 'survey-outlined', 'switch-outlined', 'sync', 'target-outlined', 'timesheet-outlined', 'today-outlined', 'transfer', 'trash-bin-outlined', 'umbrela-outlined', 'unavailable', 'underline', 'unlock-outlined', 'upload-outlined', 'user-circle-outlined', 'user-gear-outlined', 'user-outlined', 'user-rectangle-outlined', 'video-1-outlined', 'video-2-outlined', 'wallet-outlined'];
 
 var activate = 59000;
 var adjustment = 59003;
@@ -5797,15 +5797,15 @@ var checkmark = 59201;
 var italic = 59273;
 var number = 59296;
 var percentage = 59300;
-var redeem = 59308;
-var refresh = 59309;
-var remove = 59310;
-var restart = 59312;
-var strikethrough = 59331;
-var sync = 59336;
-var transfer = 59339;
-var unavailable = 59342;
-var underline = 59343;
+var redeem = 59309;
+var refresh = 59310;
+var remove = 59311;
+var restart = 59313;
+var strikethrough = 59332;
+var sync = 59337;
+var transfer = 59341;
+var unavailable = 59344;
+var underline = 59345;
 var glyphMap = {
 	activate: activate,
 	"add-emoji": 59001,
@@ -6114,52 +6114,54 @@ var glyphMap = {
 	"play-circle-outlined": 59304,
 	"print-outlined": 59305,
 	"qr-code-outlined": 59306,
-	"re-assign": 59307,
+	"qualification-outlined": 59307,
+	"re-assign": 59308,
 	redeem: redeem,
 	refresh: refresh,
 	remove: remove,
-	"reply-outlined": 59311,
+	"reply-outlined": 59312,
 	restart: restart,
-	"return-arrow": 59313,
-	"rostering-outlined": 59314,
-	"save-outlined": 59315,
-	"schedule-outlined": 59316,
-	"search-outlined": 59317,
-	"search-secured-outlined": 59318,
-	"send-outlined": 59319,
-	"share-1": 59320,
-	"share-2": 59321,
-	"share-outlined": 59322,
-	"single-down-arrow": 59323,
-	"single-left-arrow": 59324,
-	"single-right-arrow": 59325,
-	"single-up-arrow": 59326,
-	"speaker-active-outlined": 59327,
-	"speaker-outlined": 59328,
-	"star-outlined": 59329,
-	"stopwatch-outlined": 59330,
+	"return-arrow": 59314,
+	"rostering-outlined": 59315,
+	"save-outlined": 59316,
+	"schedule-outlined": 59317,
+	"search-outlined": 59318,
+	"search-secured-outlined": 59319,
+	"send-outlined": 59320,
+	"share-1": 59321,
+	"share-2": 59322,
+	"share-outlined": 59323,
+	"single-down-arrow": 59324,
+	"single-left-arrow": 59325,
+	"single-right-arrow": 59326,
+	"single-up-arrow": 59327,
+	"speaker-active-outlined": 59328,
+	"speaker-outlined": 59329,
+	"star-outlined": 59330,
+	"stopwatch-outlined": 59331,
 	strikethrough: strikethrough,
-	"suitcase-clock-outlined": 59332,
-	"suitcase-outlined": 59333,
-	"survey-outlined": 59334,
-	"switch-outlined": 59335,
+	"suitcase-clock-outlined": 59333,
+	"suitcase-outlined": 59334,
+	"survey-outlined": 59335,
+	"switch-outlined": 59336,
 	sync: sync,
-	"target-outlined": 59337,
-	"timesheet-outlined": 59338,
+	"target-outlined": 59338,
+	"timesheet-outlined": 59339,
+	"today-outlined": 59340,
 	transfer: transfer,
-	"trash-bin-outlined": 59340,
-	"umbrela-outlined": 59341,
+	"trash-bin-outlined": 59342,
+	"umbrela-outlined": 59343,
 	unavailable: unavailable,
 	underline: underline,
-	"unlock-outlined": 59344,
-	"upload-outlined": 59345,
-	"user-circle-outlined": 59346,
-	"user-gear-outlined": 59347,
-	"user-outlined": 59348,
-	"user-rectangle-outlined": 59349,
-	"video-1-outlined": 59350,
-	"video-2-outlined": 59351,
-	"wallet-outlined": 59352
+	"unlock-outlined": 59346,
+	"upload-outlined": 59347,
+	"user-circle-outlined": 59348,
+	"user-gear-outlined": 59349,
+	"user-outlined": 59350,
+	"user-rectangle-outlined": 59351,
+	"video-1-outlined": 59352,
+	"video-2-outlined": 59353,
+	"wallet-outlined": 59354
 };
 
 var HeroIcon = createIconSet(glyphMap, 'hero-icons-mobile', 'hero-icons-mobile.ttf');
@@ -6308,9 +6310,11 @@ var Accordion = function Accordion(_ref) {
 
 var Container$1 = index$a(View)(function (_ref) {
   var theme = _ref.theme,
+    _ref$themeVariant = _ref.themeVariant,
+    themeVariant = _ref$themeVariant === void 0 ? 'rounded' : _ref$themeVariant,
     themeIntent = _ref.themeIntent;
   return {
-    borderRadius: theme.__hd__.alert.radii["default"],
+    borderRadius: themeVariant === 'rounded' ? theme.__hd__.alert.radii["default"] : 0,
     backgroundColor: theme.__hd__.alert.colors[themeIntent],
     minHeight: theme.__hd__.alert.sizes.height,
     flexDirection: 'row'
@@ -6379,9 +6383,12 @@ var Alert = function Alert(_ref2) {
     _ref2$intent = _ref2.intent,
     intent = _ref2$intent === void 0 ? 'info' : _ref2$intent,
     onClose = _ref2.onClose,
+    _ref2$variant = _ref2.variant,
+    variant = _ref2$variant === void 0 ? 'rounded' : _ref2$variant,
     style = _ref2.style,
     testID = _ref2.testID;
   return /*#__PURE__*/React.createElement(Container$1, {
+    themeVariant: variant,
     themeIntent: intent,
     style: style,
     testID: testID

package/jest.config.js

@@ -21,6 +21,6 @@ module.exports = {
   roots: ['<rootDir>/src'],
   snapshotSerializers: ['@emotion/jest/serializer'],
   transformIgnorePatterns: [
-    'node_modules/(?!(jest-)?@react-native|rn-7-23-0|@emotion/.*|react-native|@react-native-community)',
+    'node_modules/(?!(jest-)?@react-native|@emotion/.*|react-native|@react-native-community)',
   ],
 };

package/lib/index.js

@@ -5750,7 +5750,7 @@ var Typography = {
 };
 
 // 🔴 DO NOT EDIT — This file is generated automatically.
-var IconList = ['activate', 'add-emoji', 'add-person', 'adjustment', 'alignment', 'antenna', 'archive', 'assignment-warning', 'bank', 'bell', 'billing', 'bookmark', 'box-check', 'box', 'buildings', 'cake', 'calendar-clock', 'calendar', 'candy-box-menu', 'caret-down-small', 'caret-down', 'caret-left-small', 'caret-left', 'caret-right-small', 'caret-right', 'caret-up-small', 'caret-up', 'check-radio', 'circle-add', 'circle-cancel', 'circle-check', 'circle-down', 'circle-info', 'circle-left', 'circle-ok', 'circle-pencil', 'circle-question', 'circle-remove', 'circle-right', 'circle-up', 'circle-warning', 'clock-3', 'clock', 'cloud-download', 'cloud-upload', 'cog', 'coin', 'contacts', 'credit-card', 'diamond', 'direction-arrows', 'directory', 'document', 'dollar-coin-shine', 'double-buildings', 'edit-template', 'envelope', 'expense', 'eye-circle', 'eye-invisible', 'eye', 'face-meh', 'face-sad', 'face-smiley', 'feed', 'feedbacks', 'file-certified', 'file-clone', 'file-copy', 'file-csv', 'file-dispose', 'file-doc', 'file-excel', 'file-export', 'file-lock', 'file-pdf', 'file-powerpoint', 'file-search', 'file-secured', 'file-sheets', 'file-slide', 'file-verified', 'file-word', 'file', 'filter', 'folder-user', 'folder', 'format-bold', 'format-heading1', 'format-heading2', 'format-italic', 'format-list-bulleted', 'format-list-numbered', 'format-underlined', 'funnel-filter', 'global-dollar', 'globe', 'graduation-cap', 'graph', 'happy-sun', 'health-bag', 'heart', 'home', 'image', 'import', 'incident-siren', 'instapay', 'list', 'loading-2', 'loading', 'location', 'lock', 'looks-one', 'looks-two', 'media-content', 'menu', 'moneybag', 'moon', 'multiple-stars', 'multiple-users', 'node', 'open-folder', 'paperclip', 'payment-summary', 'pencil', 'phone', 'piggy-bank', 'plane', 'play-circle', 'print', 'raising-hands', 'reply-arrow', 'reply', 'reschedule', 'rostering', 'save', 'schedule-send', 'schedule', 'search-person', 'send', 'speaker-active', 'speaker', 'star-award', 'star-badge', 'star-medal', 'star', 'steps-circle', 'stopwatch', 'suitcase', 'survey', 'swag', 'switch', 'tag', 'target', 'teams', 'timesheet', 'touch-id', 'trash-bin', 'unlock', 'user', 'video-1', 'video-2', 'wallet', 'warning', 'activate-outlined', 'add-credit-card-outlined', 'add-person-outlined', 'add-section-outlined', 'add-time-outlined', 'add', 'adjustment-outlined', 'alignment-2-outlined', 'alignment-outlined', 'all-caps', 'arrow-down', 'arrow-downwards', 'arrow-left', 'arrow-leftwards', 'arrow-right', 'arrow-rightwards', 'arrow-up', 'arrow-upwards', 'at-sign', 'bell-active-outlined', 'bell-outlined', 'bell-slash-outlined', 'billing-outlined', 'body-outlined', 'bold', 'bookmark-added-outlined', 'bookmark-outlined', 'box-check-outlined', 'box-outlined', 'bullet-points', 'cake-outlined', 'calendar-dates-outlined', 'calendar-star-outlined', 'camera-outlined', 'cancel', 'chat-bubble-outlined', 'chat-unread-outlined', 'checkmark', 'circle-add-outlined', 'circle-cancel-outlined', 'circle-down-outlined', 'circle-info-outlined', 'circle-left-outlined', 'circle-ok-outlined', 'circle-question-outlined', 'circle-remove-outlined', 'circle-right-outlined', 'circle-up-outlined', 'circle-warning-outlined', 'clock-2-outlined', 'clock-outlined', 'cog-outlined', 'coin-outlined', 'comment-outlined', 'contacts-outlined', 'credit-card-outlined', 'cup-outlined', 'direction-arrows-outlined', 'directory-outlined', 'document-outlined', 'dollar-card-outlined', 'dollar-coin-shine-outlined', 'dollar-sign', 'double-buildings-outlined', 'double-left-arrows', 'double-right-arrows', 'download-outlined', 'edit-template-outlined', 'email-outlined', 'enter-arrow', 'envelope-outlined', 'expense-outlined', 'explore-outlined', 'external-link', 'eye-invisible-outlined', 'eye-outlined', 'face-id', 'face-meh-outlined', 'face-open-smiley-outlined', 'face-sad-outlined', 'face-smiley-outlined', 'feed-outlined', 'file-certified-outlined', 'file-clone-outlined', 'file-copy-outlined', 'file-dispose-outlined', 'file-dollar-outlined', 'file-download-outlined', 'file-export-outlined', 'file-lock-outlined', 'file-outlined', 'file-search-outlined', 'file-secured-outlined', 'file-verified-outlined', 'filter-outlined', 'folder-outlined', 'folder-user-outlined', 'funnel-filter-outline', 'graph-outlined', 'hand-holding-user-outlined', 'happy-sun-outlined', 'health-bag-outlined', 'heart-outlined', 'home-active-outlined', 'home-outlined', 'id-card-outlined', 'image-outlined', 'import-outlined', 'instapay-outlined', 'italic', 'link-1', 'link-2', 'list-outlined', 'live-help-outlined', 'location-outlined', 'lock-outlined', 'locked-file-outlined', 'log-out', 'media-content-outlined', 'menu-close', 'menu-expand', 'menu-fold-outlined', 'menu-unfold-outlined', 'moneybag-outlined', 'moon-outlined', 'more-horizontal', 'more-vertical', 'multiple-folders-outlined', 'multiple-users-outlined', 'near-me-outlined', 'node-outlined', 'number-points', 'number', 'payment-summary-outlined', 'payslip-outlined', 'pencil-outlined', 'percentage', 'phone-outlined', 'piggy-bank-outlined', 'plane-outlined', 'play-circle-outlined', 'print-outlined', 'qr-code-outlined', 're-assign', 'redeem', 'refresh', 'remove', 'reply-outlined', 'restart', 'return-arrow', 'rostering-outlined', 'save-outlined', 'schedule-outlined', 'search-outlined', 'search-secured-outlined', 'send-outlined', 'share-1', 'share-2', 'share-outlined', 'single-down-arrow', 'single-left-arrow', 'single-right-arrow', 'single-up-arrow', 'speaker-active-outlined', 'speaker-outlined', 'star-outlined', 'stopwatch-outlined', 'strikethrough', 'suitcase-clock-outlined', 'suitcase-outlined', 'survey-outlined', 'switch-outlined', 'sync', 'target-outlined', 'timesheet-outlined', 'transfer', 'trash-bin-outlined', 'umbrela-outlined', 'unavailable', 'underline', 'unlock-outlined', 'upload-outlined', 'user-circle-outlined', 'user-gear-outlined', 'user-outlined', 'user-rectangle-outlined', 'video-1-outlined', 'video-2-outlined', 'wallet-outlined'];
+var IconList = ['activate', 'add-emoji', 'add-person', 'adjustment', 'alignment', 'antenna', 'archive', 'assignment-warning', 'bank', 'bell', 'billing', 'bookmark', 'box-check', 'box', 'buildings', 'cake', 'calendar-clock', 'calendar', 'candy-box-menu', 'caret-down-small', 'caret-down', 'caret-left-small', 'caret-left', 'caret-right-small', 'caret-right', 'caret-up-small', 'caret-up', 'check-radio', 'circle-add', 'circle-cancel', 'circle-check', 'circle-down', 'circle-info', 'circle-left', 'circle-ok', 'circle-pencil', 'circle-question', 'circle-remove', 'circle-right', 'circle-up', 'circle-warning', 'clock-3', 'clock', 'cloud-download', 'cloud-upload', 'cog', 'coin', 'contacts', 'credit-card', 'diamond', 'direction-arrows', 'directory', 'document', 'dollar-coin-shine', 'double-buildings', 'edit-template', 'envelope', 'expense', 'eye-circle', 'eye-invisible', 'eye', 'face-meh', 'face-sad', 'face-smiley', 'feed', 'feedbacks', 'file-certified', 'file-clone', 'file-copy', 'file-csv', 'file-dispose', 'file-doc', 'file-excel', 'file-export', 'file-lock', 'file-pdf', 'file-powerpoint', 'file-search', 'file-secured', 'file-sheets', 'file-slide', 'file-verified', 'file-word', 'file', 'filter', 'folder-user', 'folder', 'format-bold', 'format-heading1', 'format-heading2', 'format-italic', 'format-list-bulleted', 'format-list-numbered', 'format-underlined', 'funnel-filter', 'global-dollar', 'globe', 'graduation-cap', 'graph', 'happy-sun', 'health-bag', 'heart', 'home', 'image', 'import', 'incident-siren', 'instapay', 'list', 'loading-2', 'loading', 'location', 'lock', 'looks-one', 'looks-two', 'media-content', 'menu', 'moneybag', 'moon', 'multiple-stars', 'multiple-users', 'node', 'open-folder', 'paperclip', 'payment-summary', 'pencil', 'phone', 'piggy-bank', 'plane', 'play-circle', 'print', 'raising-hands', 'reply-arrow', 'reply', 'reschedule', 'rostering', 'save', 'schedule-send', 'schedule', 'search-person', 'send', 'speaker-active', 'speaker', 'star-award', 'star-badge', 'star-medal', 'star', 'steps-circle', 'stopwatch', 'suitcase', 'survey', 'swag', 'switch', 'tag', 'target', 'teams', 'timesheet', 'touch-id', 'trash-bin', 'unlock', 'user', 'video-1', 'video-2', 'wallet', 'warning', 'activate-outlined', 'add-credit-card-outlined', 'add-person-outlined', 'add-section-outlined', 'add-time-outlined', 'add', 'adjustment-outlined', 'alignment-2-outlined', 'alignment-outlined', 'all-caps', 'arrow-down', 'arrow-downwards', 'arrow-left', 'arrow-leftwards', 'arrow-right', 'arrow-rightwards', 'arrow-up', 'arrow-upwards', 'at-sign', 'bell-active-outlined', 'bell-outlined', 'bell-slash-outlined', 'billing-outlined', 'body-outlined', 'bold', 'bookmark-added-outlined', 'bookmark-outlined', 'box-check-outlined', 'box-outlined', 'bullet-points', 'cake-outlined', 'calendar-dates-outlined', 'calendar-star-outlined', 'camera-outlined', 'cancel', 'chat-bubble-outlined', 'chat-unread-outlined', 'checkmark', 'circle-add-outlined', 'circle-cancel-outlined', 'circle-down-outlined', 'circle-info-outlined', 'circle-left-outlined', 'circle-ok-outlined', 'circle-question-outlined', 'circle-remove-outlined', 'circle-right-outlined', 'circle-up-outlined', 'circle-warning-outlined', 'clock-2-outlined', 'clock-outlined', 'cog-outlined', 'coin-outlined', 'comment-outlined', 'contacts-outlined', 'credit-card-outlined', 'cup-outlined', 'direction-arrows-outlined', 'directory-outlined', 'document-outlined', 'dollar-card-outlined', 'dollar-coin-shine-outlined', 'dollar-sign', 'double-buildings-outlined', 'double-left-arrows', 'double-right-arrows', 'download-outlined', 'edit-template-outlined', 'email-outlined', 'enter-arrow', 'envelope-outlined', 'expense-outlined', 'explore-outlined', 'external-link', 'eye-invisible-outlined', 'eye-outlined', 'face-id', 'face-meh-outlined', 'face-open-smiley-outlined', 'face-sad-outlined', 'face-smiley-outlined', 'feed-outlined', 'file-certified-outlined', 'file-clone-outlined', 'file-copy-outlined', 'file-dispose-outlined', 'file-dollar-outlined', 'file-download-outlined', 'file-export-outlined', 'file-lock-outlined', 'file-outlined', 'file-search-outlined', 'file-secured-outlined', 'file-verified-outlined', 'filter-outlined', 'folder-outlined', 'folder-user-outlined', 'funnel-filter-outline', 'graph-outlined', 'hand-holding-user-outlined', 'happy-sun-outlined', 'health-bag-outlined', 'heart-outlined', 'home-active-outlined', 'home-outlined', 'id-card-outlined', 'image-outlined', 'import-outlined', 'instapay-outlined', 'italic', 'link-1', 'link-2', 'list-outlined', 'live-help-outlined', 'location-outlined', 'lock-outlined', 'locked-file-outlined', 'log-out', 'media-content-outlined', 'menu-close', 'menu-expand', 'menu-fold-outlined', 'menu-unfold-outlined', 'moneybag-outlined', 'moon-outlined', 'more-horizontal', 'more-vertical', 'multiple-folders-outlined', 'multiple-users-outlined', 'near-me-outlined', 'node-outlined', 'number-points', 'number', 'payment-summary-outlined', 'payslip-outlined', 'pencil-outlined', 'percentage', 'phone-outlined', 'piggy-bank-outlined', 'plane-outlined', 'play-circle-outlined', 'print-outlined', 'qr-code-outlined', 'qualification-outlined', 're-assign', 'redeem', 'refresh', 'remove', 'reply-outlined', 'restart', 'return-arrow', 'rostering-outlined', 'save-outlined', 'schedule-outlined', 'search-outlined', 'search-secured-outlined', 'send-outlined', 'share-1', 'share-2', 'share-outlined', 'single-down-arrow', 'single-left-arrow', 'single-right-arrow', 'single-up-arrow', 'speaker-active-outlined', 'speaker-outlined', 'star-outlined', 'stopwatch-outlined', 'strikethrough', 'suitcase-clock-outlined', 'suitcase-outlined', 'survey-outlined', 'switch-outlined', 'sync', 'target-outlined', 'timesheet-outlined', 'today-outlined', 'transfer', 'trash-bin-outlined', 'umbrela-outlined', 'unavailable', 'underline', 'unlock-outlined', 'upload-outlined', 'user-circle-outlined', 'user-gear-outlined', 'user-outlined', 'user-rectangle-outlined', 'video-1-outlined', 'video-2-outlined', 'wallet-outlined'];
 
 var activate = 59000;
 var adjustment = 59003;
@@ -5826,15 +5826,15 @@ var checkmark = 59201;
 var italic = 59273;
 var number = 59296;
 var percentage = 59300;
-var redeem = 59308;
-var refresh = 59309;
-var remove = 59310;
-var restart = 59312;
-var strikethrough = 59331;
-var sync = 59336;
-var transfer = 59339;
-var unavailable = 59342;
-var underline = 59343;
+var redeem = 59309;
+var refresh = 59310;
+var remove = 59311;
+var restart = 59313;
+var strikethrough = 59332;
+var sync = 59337;
+var transfer = 59341;
+var unavailable = 59344;
+var underline = 59345;
 var glyphMap = {
 	activate: activate,
 	"add-emoji": 59001,
@@ -6143,52 +6143,54 @@ var glyphMap = {
 	"play-circle-outlined": 59304,
 	"print-outlined": 59305,
 	"qr-code-outlined": 59306,
-	"re-assign": 59307,
+	"qualification-outlined": 59307,
+	"re-assign": 59308,
 	redeem: redeem,
 	refresh: refresh,
 	remove: remove,
-	"reply-outlined": 59311,
+	"reply-outlined": 59312,
 	restart: restart,
-	"return-arrow": 59313,
-	"rostering-outlined": 59314,
-	"save-outlined": 59315,
-	"schedule-outlined": 59316,
-	"search-outlined": 59317,
-	"search-secured-outlined": 59318,
-	"send-outlined": 59319,
-	"share-1": 59320,
-	"share-2": 59321,
-	"share-outlined": 59322,
-	"single-down-arrow": 59323,
-	"single-left-arrow": 59324,
-	"single-right-arrow": 59325,
-	"single-up-arrow": 59326,
-	"speaker-active-outlined": 59327,
-	"speaker-outlined": 59328,
-	"star-outlined": 59329,
-	"stopwatch-outlined": 59330,
+	"return-arrow": 59314,
+	"rostering-outlined": 59315,
+	"save-outlined": 59316,
+	"schedule-outlined": 59317,
+	"search-outlined": 59318,
+	"search-secured-outlined": 59319,
+	"send-outlined": 59320,
+	"share-1": 59321,
+	"share-2": 59322,
+	"share-outlined": 59323,
+	"single-down-arrow": 59324,
+	"single-left-arrow": 59325,
+	"single-right-arrow": 59326,
+	"single-up-arrow": 59327,
+	"speaker-active-outlined": 59328,
+	"speaker-outlined": 59329,
+	"star-outlined": 59330,
+	"stopwatch-outlined": 59331,
 	strikethrough: strikethrough,
-	"suitcase-clock-outlined": 59332,
-	"suitcase-outlined": 59333,
-	"survey-outlined": 59334,
-	"switch-outlined": 59335,
+	"suitcase-clock-outlined": 59333,
+	"suitcase-outlined": 59334,
+	"survey-outlined": 59335,
+	"switch-outlined": 59336,
 	sync: sync,
-	"target-outlined": 59337,
-	"timesheet-outlined": 59338,
+	"target-outlined": 59338,
+	"timesheet-outlined": 59339,
+	"today-outlined": 59340,
 	transfer: transfer,
-	"trash-bin-outlined": 59340,
-	"umbrela-outlined": 59341,
+	"trash-bin-outlined": 59342,
+	"umbrela-outlined": 59343,
 	unavailable: unavailable,
 	underline: underline,
-	"unlock-outlined": 59344,
-	"upload-outlined": 59345,
-	"user-circle-outlined": 59346,
-	"user-gear-outlined": 59347,
-	"user-outlined": 59348,
-	"user-rectangle-outlined": 59349,
-	"video-1-outlined": 59350,
-	"video-2-outlined": 59351,
-	"wallet-outlined": 59352
+	"unlock-outlined": 59346,
+	"upload-outlined": 59347,
+	"user-circle-outlined": 59348,
+	"user-gear-outlined": 59349,
+	"user-outlined": 59350,
+	"user-rectangle-outlined": 59351,
+	"video-1-outlined": 59352,
+	"video-2-outlined": 59353,
+	"wallet-outlined": 59354
 };
 
 var HeroIcon = reactNativeVectorIcons.createIconSet(glyphMap, 'hero-icons-mobile', 'hero-icons-mobile.ttf');
@@ -6337,9 +6339,11 @@ var Accordion = function Accordion(_ref) {
 
 var Container$1 = index$a(reactNative.View)(function (_ref) {
   var theme = _ref.theme,
+    _ref$themeVariant = _ref.themeVariant,
+    themeVariant = _ref$themeVariant === void 0 ? 'rounded' : _ref$themeVariant,
     themeIntent = _ref.themeIntent;
   return {
-    borderRadius: theme.__hd__.alert.radii["default"],
+    borderRadius: themeVariant === 'rounded' ? theme.__hd__.alert.radii["default"] : 0,
     backgroundColor: theme.__hd__.alert.colors[themeIntent],
     minHeight: theme.__hd__.alert.sizes.height,
     flexDirection: 'row'
@@ -6408,9 +6412,12 @@ var Alert = function Alert(_ref2) {
     _ref2$intent = _ref2.intent,
     intent = _ref2$intent === void 0 ? 'info' : _ref2$intent,
     onClose = _ref2.onClose,
+    _ref2$variant = _ref2.variant,
+    variant = _ref2$variant === void 0 ? 'rounded' : _ref2$variant,
     style = _ref2.style,
     testID = _ref2.testID;
   return /*#__PURE__*/React__default["default"].createElement(Container$1, {
+    themeVariant: variant,
     themeIntent: intent,
     style: style,
     testID: testID

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.0.2",
+  "version": "8.2.0",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -21,7 +21,7 @@
   "dependencies": {
     "@emotion/native": "^11.9.3",
     "@emotion/react": "^11.9.3",
-    "@hero-design/colors": "8.0.2",
+    "@hero-design/colors": "8.2.0",
     "date-fns": "^2.16.1",
     "events": "^3.2.0",
     "hero-editor": "^1.9.12"
@@ -29,8 +29,8 @@
   "peerDependencies": {
     "@react-native-community/datetimepicker": "^3.5.2",
     "@react-native-community/slider": "4.1.12",
-    "react": "17.0.2",
-    "react-native": "0.65.1",
+    "react": "18.0.0",
+    "react-native": "0.69.7",
     "react-native-gesture-handler": "^1.10.3 | ~2.1.0",
     "react-native-pager-view": "^5.4.25",
     "react-native-safe-area-context": "^4.2.5",
@@ -44,7 +44,7 @@
     "@babel/preset-typescript": "^7.17.12",
     "@babel/runtime": "^7.18.9",
     "@emotion/jest": "^11.9.3",
-    "@hero-design/eslint-plugin": "8.0.2",
+    "@hero-design/eslint-plugin": "8.2.0",
     "@react-native-community/datetimepicker": "^3.5.2",
     "@react-native-community/slider": "4.1.12",
     "@rollup/plugin-babel": "^5.3.1",
@@ -60,18 +60,17 @@
     "@types/react-native": "^0.67.7",
     "@types/react-native-vector-icons": "^6.4.10",
     "babel-plugin-inline-import": "^3.0.0",
-    "eslint-config-hd": "8.0.2",
+    "eslint-config-hd": "8.2.0",
     "jest": "^27.3.1",
-    "prettier-config-hd": "8.0.2",
-    "react": "17.0.2",
-    "react-native": "0.65.1",
+    "prettier-config-hd": "8.2.0",
+    "react": "18.0.0",
+    "react-native": "0.69.7",
     "react-native-gesture-handler": "~2.1.0",
     "react-native-pager-view": "^5.4.25",
     "react-native-safe-area-context": "^4.2.5",
     "react-native-vector-icons": "^9.1.0",
     "react-native-webview": "^11.15.0",
-    "react-test-renderer": "17.0.2",
-    "rn-7-23-0": "npm:@hero-design/rn@7.23.0",
+    "react-test-renderer": "18.0.0",
     "rollup": "^2.68.0",
     "rollup-plugin-copy": "^3.4.0",
     "rollup-plugin-flow": "^1.1.1",

package/src/components/Accordion/__tests__/__snapshots__/AccordionItem.spec.tsx.snap

@@ -18,7 +18,6 @@ exports[`AccordionItem renders correctly when header is an element 1`] = `
     accessible={true}
     collapsable={false}
     focusable={false}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
@@ -71,7 +70,6 @@ exports[`AccordionItem renders correctly when header is an element 1`] = `
   </View>
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "height": 0,
@@ -152,7 +150,6 @@ exports[`AccordionItem renders correctly when header is string 1`] = `
     accessible={true}
     collapsable={false}
     focusable={false}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
@@ -205,7 +202,6 @@ exports[`AccordionItem renders correctly when header is string 1`] = `
   </View>
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "height": 0,
@@ -286,7 +282,6 @@ exports[`AccordionItem renders correctly when open 1`] = `
     accessible={true}
     collapsable={false}
     focusable={false}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
@@ -339,7 +334,6 @@ exports[`AccordionItem renders correctly when open 1`] = `
   </View>
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "height": 0,
@@ -420,7 +414,6 @@ exports[`AccordionItem renders correctly when variant is card 1`] = `
     accessible={true}
     collapsable={false}
     focusable={false}
-    nativeID="animatedComponent"
     onClick={[Function]}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
@@ -473,7 +466,6 @@ exports[`AccordionItem renders correctly when variant is card 1`] = `
   </View>
   <View
     collapsable={false}
-    nativeID="animatedComponent"
     style={
       Object {
         "height": 0,

package/src/components/Accordion/__tests__/__snapshots__/index.spec.tsx.snap

@@ -26,7 +26,6 @@ exports[`Accordion allows fully controlled 1`] = `
       accessible={true}
       collapsable={false}
       focusable={true}
-      nativeID="animatedComponent"
       onClick={[Function]}
       onResponderGrant={[Function]}
       onResponderMove={[Function]}
@@ -79,7 +78,6 @@ exports[`Accordion allows fully controlled 1`] = `
     </View>
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       style={
         Object {
           "height": 0,
@@ -157,7 +155,6 @@ exports[`Accordion allows fully controlled 1`] = `
       accessible={true}
       collapsable={false}
       focusable={true}
-      nativeID="animatedComponent"
       onClick={[Function]}
       onResponderGrant={[Function]}
       onResponderMove={[Function]}
@@ -210,7 +207,6 @@ exports[`Accordion allows fully controlled 1`] = `
     </View>
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       style={
         Object {
           "height": 0,
@@ -300,7 +296,6 @@ exports[`Accordion renders correctly 1`] = `
       accessible={true}
       collapsable={false}
       focusable={true}
-      nativeID="animatedComponent"
       onClick={[Function]}
       onResponderGrant={[Function]}
       onResponderMove={[Function]}
@@ -353,7 +348,6 @@ exports[`Accordion renders correctly 1`] = `
     </View>
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       style={
         Object {
           "height": 0,
@@ -431,7 +425,6 @@ exports[`Accordion renders correctly 1`] = `
       accessible={true}
       collapsable={false}
       focusable={true}
-      nativeID="animatedComponent"
       onClick={[Function]}
       onResponderGrant={[Function]}
       onResponderMove={[Function]}
@@ -484,7 +477,6 @@ exports[`Accordion renders correctly 1`] = `
     </View>
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       style={
         Object {
           "height": 0,
@@ -574,7 +566,6 @@ exports[`Accordion renders correctly when variant is card 1`] = `
       accessible={true}
       collapsable={false}
       focusable={true}
-      nativeID="animatedComponent"
       onClick={[Function]}
       onResponderGrant={[Function]}
       onResponderMove={[Function]}
@@ -627,7 +618,6 @@ exports[`Accordion renders correctly when variant is card 1`] = `
     </View>
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       style={
         Object {
           "height": 0,
@@ -716,7 +706,6 @@ exports[`Accordion renders correctly when variant is card 1`] = `
       accessible={true}
       collapsable={false}
       focusable={true}
-      nativeID="animatedComponent"
       onClick={[Function]}
       onResponderGrant={[Function]}
       onResponderMove={[Function]}
@@ -769,7 +758,6 @@ exports[`Accordion renders correctly when variant is card 1`] = `
     </View>
     <View
       collapsable={false}
-      nativeID="animatedComponent"
       style={
         Object {
           "height": 0,

package/src/components/Alert/StyledAlert.tsx

@@ -4,9 +4,11 @@ import type { ComponentProps } from 'react';
 import type { ViewProps } from 'react-native';
 
 const Container = styled(View)<{
+  themeVariant: 'rounded' | 'unrounded';
   themeIntent: 'success' | 'info' | 'warning' | 'error' | 'notification';
-}>(({ theme, themeIntent }) => ({
-  borderRadius: theme.__hd__.alert.radii.default,
+}>(({ theme, themeVariant = 'rounded', themeIntent }) => ({
+  borderRadius:
+    themeVariant === 'rounded' ? theme.__hd__.alert.radii.default : 0,
   backgroundColor: theme.__hd__.alert.colors[themeIntent],
   minHeight: theme.__hd__.alert.sizes.height,
   flexDirection: 'row',