@teamturing/react-kit 2.73.0 → 2.73.1

package/dist/index.js

@@ -2539,24 +2539,30 @@ const Breadcrumbs = ({
     onClick: () => setIsExpanded(true)
   }, 'collapse'), ...childrenArray.slice(1 + 1 + childrenArray.length - maxItemCount)];
   return /*#__PURE__*/jsxRuntime.jsx(BaseBreadcrumbs, {
+    "aria-label": 'Breadcrumb',
     ...props,
-    children: React.Children.map(breadcrumbsItems, child => /*#__PURE__*/jsxRuntime.jsx(BreadcrumbsItemWrapper, {
-      role: 'listitem',
-      children: child
-    }))
+    children: /*#__PURE__*/jsxRuntime.jsx(BreadcrumbsList, {
+      children: React.Children.map(breadcrumbsItems, child => /*#__PURE__*/jsxRuntime.jsx(BreadcrumbsItemWrapper, {
+        children: child
+      }))
+    })
   });
 };
 const BaseBreadcrumbs = /*#__PURE__*/styled__default.default.nav.withConfig({
   displayName: "Breadcrumbs__BaseBreadcrumbs",
   componentId: "sc-1lwv2x7-0"
-})(["display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;column-gap:", ";row-gap:", ";"], ({
+})([""]);
+const BreadcrumbsList = /*#__PURE__*/styled__default.default.ol.withConfig({
+  displayName: "Breadcrumbs__BreadcrumbsList",
+  componentId: "sc-1lwv2x7-1"
+})(["display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;list-style:none;padding:0;margin:0;column-gap:", ";row-gap:", ";"], ({
   theme
 }) => utils.forcePixelValue(theme.space[2]), ({
   theme
 }) => utils.forcePixelValue(theme.space[1]));
-const BreadcrumbsItemWrapper = /*#__PURE__*/styled__default.default.span.withConfig({
+const BreadcrumbsItemWrapper = /*#__PURE__*/styled__default.default.li.withConfig({
   displayName: "Breadcrumbs__BreadcrumbsItemWrapper",
-  componentId: "sc-1lwv2x7-1"
+  componentId: "sc-1lwv2x7-2"
 })(["display:inline-flex;&::after{content:'/';font-size:", ";font-weight:", ";line-height:", ";color:", ";margin-left:", ";}&:last-child{&::after{content:none;}}"], ({
   theme
 }) => utils.forcePixelValue(theme.fontSizes.xxs), ({
@@ -6865,7 +6871,7 @@ const BasePagination = /*#__PURE__*/styled__default.default.nav.withConfig({
 const PaginationPage = /*#__PURE__*/styled__default.default(UnstyledButton).withConfig({
   displayName: "Pagination__PaginationPage",
   componentId: "sc-1fu43y9-1"
-})(["transition:background-color 100ms;height:", ";min-width:", ";border-radius:", ";padding:", ";background-color:", ";font-size:", ";font-weight:", ";line-height:", ";color:", ";", ""], utils.forcePixelValue(32), utils.forcePixelValue(32), ({
+})(["transition:background-color 100ms;display:inline-flex;align-items:center;justify-content:center;height:", ";min-width:", ";border-radius:", ";padding:", ";background-color:", ";font-size:", ";font-weight:", ";line-height:", ";color:", ";", ""], utils.forcePixelValue(32), utils.forcePixelValue(32), ({
   theme
 }) => utils.forcePixelValue(theme.radii.xs), ({
   theme

package/esm/core/Breadcrumbs/index.js

@@ -17,24 +17,30 @@ const Breadcrumbs = ({
     onClick: () => setIsExpanded(true)
   }, 'collapse'), ...childrenArray.slice(1 + 1 + childrenArray.length - maxItemCount)];
   return /*#__PURE__*/jsx(BaseBreadcrumbs, {
+    "aria-label": 'Breadcrumb',
     ...props,
-    children: Children.map(breadcrumbsItems, child => /*#__PURE__*/jsx(BreadcrumbsItemWrapper, {
-      role: 'listitem',
-      children: child
-    }))
+    children: /*#__PURE__*/jsx(BreadcrumbsList, {
+      children: Children.map(breadcrumbsItems, child => /*#__PURE__*/jsx(BreadcrumbsItemWrapper, {
+        children: child
+      }))
+    })
   });
 };
 const BaseBreadcrumbs = /*#__PURE__*/styled.nav.withConfig({
   displayName: "Breadcrumbs__BaseBreadcrumbs",
   componentId: "sc-1lwv2x7-0"
-})(["display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;column-gap:", ";row-gap:", ";"], ({
+})([""]);
+const BreadcrumbsList = /*#__PURE__*/styled.ol.withConfig({
+  displayName: "Breadcrumbs__BreadcrumbsList",
+  componentId: "sc-1lwv2x7-1"
+})(["display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;list-style:none;padding:0;margin:0;column-gap:", ";row-gap:", ";"], ({
   theme
 }) => forcePixelValue(theme.space[2]), ({
   theme
 }) => forcePixelValue(theme.space[1]));
-const BreadcrumbsItemWrapper = /*#__PURE__*/styled.span.withConfig({
+const BreadcrumbsItemWrapper = /*#__PURE__*/styled.li.withConfig({
   displayName: "Breadcrumbs__BreadcrumbsItemWrapper",
-  componentId: "sc-1lwv2x7-1"
+  componentId: "sc-1lwv2x7-2"
 })(["display:inline-flex;&::after{content:'/';font-size:", ";font-weight:", ";line-height:", ";color:", ";margin-left:", ";}&:last-child{&::after{content:none;}}"], ({
   theme
 }) => forcePixelValue(theme.fontSizes.xxs), ({

package/esm/core/Pagination/index.js

@@ -132,7 +132,7 @@ const BasePagination = /*#__PURE__*/styled.nav.withConfig({
 const PaginationPage = /*#__PURE__*/styled(UnstyledButton).withConfig({
   displayName: "Pagination__PaginationPage",
   componentId: "sc-1fu43y9-1"
-})(["transition:background-color 100ms;height:", ";min-width:", ";border-radius:", ";padding:", ";background-color:", ";font-size:", ";font-weight:", ";line-height:", ";color:", ";", ""], forcePixelValue(32), forcePixelValue(32), ({
+})(["transition:background-color 100ms;display:inline-flex;align-items:center;justify-content:center;height:", ";min-width:", ";border-radius:", ";padding:", ";background-color:", ";font-size:", ";font-weight:", ";line-height:", ";color:", ";", ""], forcePixelValue(32), forcePixelValue(32), ({
   theme
 }) => forcePixelValue(theme.radii.xs), ({
   theme

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.73.0",
+  "version": "2.73.1",
   "description": "React components, hooks for create teamturing web application",
   "author": "Sungchang Park <psch300@gmail.com> (https://github.com/psch300)",
   "homepage": "https://github.com/weareteamturing/bombe#readme",
@@ -65,5 +65,5 @@
     "react-textarea-autosize": "^8.5.3",
     "styled-system": "^5.1.5"
   },
-  "gitHead": "b803956a45b587b87b805a0eff212037d35d29fa"
+  "gitHead": "2a6718f0fbab9a0110acf4ec944271a40521b9b2"
 }