@opendesign-plus-test/components 0.0.1-rc.81 → 0.0.1-rc.83

package/dist/treeshaking/esm/components/banner/OBanner.css

@@ -1,151 +0,0 @@
-.hover-icon-rotate .o-icon[data-v-fddea127] {
-  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
-}
-@media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-fddea127] {
-    transform: rotate(-180deg);
-}
-}
-.home-banner[data-v-fddea127] {
-  overflow: hidden;
-  position: relative;
-}
-.home-banner.tiny[data-v-fddea127] {
-  font-size: 48px;
-  line-height: 64px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.home-banner.tiny[data-v-fddea127] {
-    font-size: 40px;
-    line-height: 56px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.home-banner.tiny[data-v-fddea127] {
-    font-size: 32px;
-    line-height: 44px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.home-banner.tiny[data-v-fddea127] {
-    font-size: 32px;
-    line-height: 44px;
-}
-}
-@media (max-width: 600px) {
-.home-banner.tiny[data-v-fddea127] {
-    font-size: 20px;
-    line-height: 28px;
-}
-}
-.home-banner.tiny[data-v-fddea127] {
-  font-weight: 500;
-  margin: var(--o-gap-8) 0;
-  color: var(--o-color-info1);
-}
-.home-banner .content-height[data-v-fddea127] {
-  height: 100%;
-}
-.home-banner.large[data-v-fddea127] {
-  --banner-height: 460px;
-  height: var(--banner-height);
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.home-banner.large[data-v-fddea127] {
-    --banner-height: 400px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.home-banner.large[data-v-fddea127] {
-    --banner-height: 360px;
-}
-}
-@media (max-width: 840px) {
-.home-banner.large[data-v-fddea127] {
-    --banner-height: 184px;
-}
-}
-.home-banner.medium[data-v-fddea127] {
-  --banner-height: 360px;
-  height: var(--banner-height);
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.home-banner.medium[data-v-fddea127] {
-    --banner-height: 280px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.home-banner.medium[data-v-fddea127] {
-    --banner-height: 220px;
-}
-}
-@media (max-width: 840px) {
-.home-banner.medium[data-v-fddea127] {
-    --banner-height: 120px;
-}
-}
-.home-banner.small[data-v-fddea127] {
-  --banner-height: 280px;
-  height: var(--banner-height);
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.home-banner.small[data-v-fddea127] {
-    --banner-height: 220px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.home-banner.small[data-v-fddea127] {
-    --banner-height: 180px;
-}
-}
-@media (max-width: 840px) {
-.home-banner.small[data-v-fddea127] {
-    display: none;
-}
-}
-.home-banner[data-v-fddea127] .o-btn {
-  border-radius: var(--btn-height);
-}
-.banner-carousel[data-v-fddea127] {
-  width: 100%;
-  height: 100%;
-}
-@media (min-width: 841px) {
-.banner-carousel[data-v-fddea127] {
-    --carousel-indicator-offset: 53px;
-}
-}
-@media (max-width: 840px) {
-.banner-carousel[data-v-fddea127] {
-    --carousel-indicator-offset: 1px;
-}
-}
-.banner-carousel[data-v-fddea127] .o-carousel-indicator-bar {
-  height: 24px;
-}
-.banner-item[data-v-fddea127] {
-  width: 100%;
-  height: 100%;
-}
-@keyframes fade-up-fddea127 {
-from {
-    transform: translateY(var(--d));
-    opacity: 0;
-}
-to {
-    transform: translateY(0);
-    opacity: 1;
-}
-}
-.current-slide .banner-title[data-v-fddea127] {
-  animation: fade-up-fddea127 400ms ease-in;
-}
-.current-slide .banner-subtitle[data-v-fddea127] {
-  animation: fade-up-fddea127 400ms ease-in;
-}
-.current-slide .banner-text[data-v-fddea127] {
-  animation: fade-up-fddea127 400ms ease-in;
-}
-.current-slide .banner-opts[data-v-fddea127] {
-  animation: fade-up-fddea127 400ms ease-in;
-}

package/dist/treeshaking/esm/components/banner/OBanner2.css

@@ -1,39 +0,0 @@
-.hover-icon-rotate .o-icon[data-v-fddea127] {
-  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
-}
-@media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-fddea127] {
-    transform: rotate(-180deg);
-}
-}
-.banner-item0 .banner-attach[data-v-fddea127] {
-  height: 120px;
-}
-@media (min-width: 601px) and (max-width: 1200px) {
-.banner-item0 .banner-attach[data-v-fddea127] {
-    height: 80px;
-}
-}
-.banner-item1 .banner-attach[data-v-fddea127] {
-  height: 156px;
-}
-@media (min-width: 601px) and (max-width: 1200px) {
-.banner-item1 .banner-attach[data-v-fddea127] {
-    height: 120px;
-}
-}
-.banner-item2 .banner-content[data-v-fddea127] {
-  width: 100%;
-  justify-content: center;
-}
-.banner-item2 .banner-attach[data-v-fddea127] {
-  height: 38%;
-  margin-top: -60px;
-  object-fit: contain;
-}
-.banner-wrapper[data-v-fddea127] {
-  height: 100%;
-}
-.banner-wrapper .banner-bg[data-v-fddea127] {
-  height: 100%;
-}

package/dist/treeshaking/esm/components/banner/OBannerContent.css

@@ -1,113 +0,0 @@
-.hover-icon-rotate .o-icon[data-v-1904d05a] {
-  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
-}
-@media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-1904d05a] {
-    transform: rotate(-180deg);
-}
-}
-.banner-bg[data-v-1904d05a] {
-  width: 100%;
-  height: 100%;
-}
-.banner-bg[data-v-1904d05a] .o-figure-img {
-  width: 100%;
-  height: 100%;
-}
-@media (min-width: 601px) and (max-width: 1200px) {
-.banner-bg[data-v-1904d05a] .o-figure-img {
-    transition: object-position 0.3s ease;
-    object-position: var(--pad-offset);
-}
-}
-@media (max-width: 600px) {
-.banner-bg[data-v-1904d05a] {
-    --figure-radius: 4px;
-}
-}
-.banner-wrapper[data-v-1904d05a] {
-  height: 100%;
-}
-.banner-wrapper.content-center[data-v-1904d05a] {
-  display: flex;
-  justify-content: center;
-}
-.banner-wrapper.content-center .banner-content[data-v-1904d05a] {
-  align-items: center;
-}
-.banner-content[data-v-1904d05a] {
-  height: 100%;
-  display: inline-flex;
-  flex-direction: column;
-  justify-content: center;
-  position: relative;
-}
-.banner-title[data-v-1904d05a] {
-  font-size: 56px;
-  line-height: 80px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.banner-title[data-v-1904d05a] {
-    font-size: 48px;
-    line-height: 64px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.banner-title[data-v-1904d05a] {
-    font-size: 40px;
-    line-height: 56px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.banner-title[data-v-1904d05a] {
-    font-size: 40px;
-    line-height: 56px;
-}
-}
-@media (max-width: 600px) {
-.banner-title[data-v-1904d05a] {
-    font-size: 22px;
-    line-height: 30px;
-}
-}
-.banner-title[data-v-1904d05a] {
-  color: var(--o-color-info1);
-  font-weight: 500;
-  margin-bottom: 8px;
-}
-.banner-title.text-dark[data-v-1904d05a] {
-  color: var(--o-color-info1-inverse);
-}
-@media (max-width: 840px) {
-.banner-title[data-v-1904d05a] {
-    font-size: 22px;
-    line-height: 30px;
-}
-}
-.banner-subtitle[data-v-1904d05a] {
-  color: var(--o-color-info1);
-  margin-top: 8px;
-  font-size: 16px;
-}
-.banner-subtitle.text-dark[data-v-1904d05a] {
-  color: var(--o-color-info1-inverse);
-}
-.banner-text[data-v-1904d05a] {
-  height: var(--pc-height);
-  width: var(--pc-width);
-  background-size: contain;
-  background-repeat: no-repeat;
-}
-@media (min-width: 601px) and (max-width: 1200px) {
-.banner-text[data-v-1904d05a] {
-    height: var(--pad-height);
-    width: var(--pad-width);
-}
-}
-.banner-opts[data-v-1904d05a] {
-  margin-top: 24px;
-  --d: 20px;
-}
-.cursor-pointer[data-v-1904d05a] {
-  cursor: pointer;
-}

package/dist/treeshaking/esm/components/common/AppAvatar.css

@@ -1,20 +0,0 @@
-.hover-icon-rotate .o-icon[data-v-340348ce] {
-  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
-}
-@media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-340348ce] {
-    transform: rotate(-180deg);
-}
-}
-.img-avatar[data-v-340348ce] {
-  background-color: transparent !important;
-}
-.word-avatar[data-v-340348ce] {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--o-color-info1-inverse);
-}
-.round[data-v-340348ce] {
-  border-radius: 50%;
-}

package/dist/treeshaking/esm/components/common/ContentWrapper.css

@@ -1,36 +0,0 @@
-.hover-icon-rotate .o-icon[data-v-9e217f8f] {
-  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
-}
-@media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-9e217f8f] {
-    transform: rotate(-180deg);
-}
-}
-.content-wrapper[data-v-9e217f8f] {
-  --layout-content-max-width: 1544px;
-  --layout-content-padding: 64px;
-  --layout-header-height: 80px;
-}
-@media (max-width: 1680px) {
-.content-wrapper[data-v-9e217f8f] {
-    --layout-content-max-width: 100%;
-    --layout-content-padding: 40px;
-}
-}
-@media (max-width: 1200px) {
-.content-wrapper[data-v-9e217f8f] {
-    --layout-content-padding: 32px;
-}
-}
-@media (max-width: 600px) {
-.content-wrapper[data-v-9e217f8f] {
-    --layout-content-padding: 24px;
-}
-}
-.content-wrapper[data-v-9e217f8f] {
-  max-width: var(--layout-content-max-width);
-  margin: 0 auto;
-  --content-wrapper-vertical-paddingTop: 72px;
-  --content-wrapper-vertical-paddingBottom: 72px;
-  padding: var(--content-wrapper-vertical-paddingTop) var(--layout-content-padding) var(--content-wrapper-vertical-paddingBottom);
-}

package/dist/treeshaking/esm/components/common/MoreText.css

@@ -1,69 +0,0 @@
-.hover-icon-rotate .o-icon[data-v-0eb750e5] {
-  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
-}
-@media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-0eb750e5] {
-    transform: rotate(-180deg);
-}
-}
-.more-text-wrapper .more-text-content[data-v-0eb750e5] {
-  line-height: 1.5em;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  white-space: pre-wrap;
-  word-break: break-all;
-  transition: height 0.1s;
-}
-.more-text-wrapper .more-text-content.is-link[data-v-0eb750e5] {
-  color: var(--o-color-primary1);
-  cursor: pointer;
-}
-@media (hover: hover) {
-.more-text-wrapper .more-text-content.is-link[data-v-0eb750e5]:hover {
-    color: var(--o-color-primary2);
-}
-}
-.more-text-wrapper .more-text-btn[data-v-0eb750e5] {
-  color: var(--o-color-primary1);
-}
-@media (hover: hover) {
-.more-text-wrapper .more-text-btn[data-v-0eb750e5]:hover {
-    color: var(--o-color-primary2);
-}
-}
-.more-text-wrapper .more-text-btn > div[data-v-0eb750e5] {
-  height: 1.5em;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  column-gap: 4px;
-  justify-content: flex-end;
-  font-size: 14px;
-  line-height: 22px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.more-text-wrapper .more-text-btn > div[data-v-0eb750e5] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.more-text-wrapper .more-text-btn > div[data-v-0eb750e5] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.more-text-wrapper .more-text-btn > div[data-v-0eb750e5] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 600px) {
-.more-text-wrapper .more-text-btn > div[data-v-0eb750e5] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}

package/dist/treeshaking/esm/components/common/ThFilter.css

@@ -1,146 +0,0 @@
-.hover-icon-rotate .o-icon {
-  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
-}
-@media (hover: hover) {
-.hover-icon-rotate:hover .o-icon {
-    transform: rotate(-180deg);
-}
-}
-.th-filter-wrapper {
-  display: flex;
-  column-gap: var(--o-gap-2);
-  flex-wrap: nowrap;
-  align-items: center;
-}
-.th-filter-wrapper > span:first-child {
-  word-break: keep-all;
-}
-.filter-wrapper {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-}
-.filter-wrapper > * {
-  flex-shrink: 0;
-}
-.filter-wrapper .filter-hover-icon {
-  display: none;
-}
-.filter-wrapper .filter-icon {
-  font-size: 24px;
-  line-height: 32px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.filter-wrapper .filter-icon {
-    font-size: 20px;
-    line-height: 28px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.filter-wrapper .filter-icon {
-    font-size: 18px;
-    line-height: 26px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.filter-wrapper .filter-icon {
-    font-size: 18px;
-    line-height: 26px;
-}
-}
-@media (max-width: 600px) {
-.filter-wrapper .filter-icon {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-.filter-wrapper:hover .filter-icon, .filter-wrapper.has-checked .filter-icon {
-  color: var(--o-color-primary1);
-}
-.filter-wrapper:hover .o-icon path, .filter-wrapper.has-checked .o-icon path {
-  fill: currentColor;
-}
-.th-filter-dropdown .o-dropdown-item {
-  min-width: 80px;
-  max-width: calc(var(--table-width, 300) * 0.8px);
-  --dropdown-item-justify: flex-start;
-  --dropdown-item-padding: 7px 12px;
-}
-.th-filter-dropdown .o-dropdown-item.is-active {
-  font-weight: 500;
-  background-color: var(--dropdown-item-bg-color-hover);
-  color: var(--dropdown-item-color-hover);
-}
-.th-filter-popover {
-  --popup-radius: var(--o-radius-xs);
-}
-.th-filter-popover .o-popup-body {
-  padding: var(--o-gap-2) 0 0 0;
-}
-.th-filter-popover .list-content-wrapper {
-  display: flex;
-}
-.th-filter-popover .list-content-wrapper .o-scrollbar-wrapper:first-child {
-  border-right: 1px solid rgb(224, 226, 230);
-}
-.th-filter-popover .content-wrapper {
-  padding: 0 var(--o-gap-4);
-  overflow: auto;
-  max-height: 300px;
-}
-.th-filter-popover .content-wrapper .o-checkbox-group {
-  flex-shrink: 0;
-}
-.th-filter-popover .content-wrapper .o-checkbox-label {
-  flex-grow: 1;
-}
-.th-filter-popover .content-wrapper .o-checkbox-label .label-wrapper {
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.th-filter-popover .content-wrapper .o-checkbox-label .label-wrapper .o-svg-icon {
-  font-size: 24px;
-}
-.th-filter-popover .btn-wrapper {
-  min-width: 158px;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding-bottom: var(--o-gap-3);
-  font-size: 16px;
-  line-height: 24px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.th-filter-popover .btn-wrapper {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.th-filter-popover .btn-wrapper {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.th-filter-popover .btn-wrapper {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) {
-.th-filter-popover .btn-wrapper {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-.th-filter-popover .btn-wrapper .o-link {
-  width: 80px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}

package/dist/treeshaking/esm/components/cookie-notice/OCookieNotice.css

@@ -1,35 +0,0 @@
-.hover-icon-rotate .o-icon {
-  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
-}
-@media (hover: hover) {
-.hover-icon-rotate:hover .o-icon {
-    transform: rotate(-180deg);
-}
-}
-.o-cookie-notice-dlg-main {
-  --dlg-edge-gap: 32px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.o-cookie-notice-dlg-main {
-    --dlg-edge-gap: 24px;
-}
-}
-@media (max-width: 600px) {
-.o-cookie-notice-dlg-main {
-    --dlg-edge-gap: 16px 24px;
-}
-}
-.o-cookie-notice-dlg-main {
-  --dlg-width: var(--grid-14);
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.o-cookie-notice-dlg-main {
-    --dlg-edge-gap: 16px;
-    --dlg-width: var(--grid-8);
-}
-}
-@media (max-width: 840px) {
-.o-cookie-notice-dlg-main {
-    --dlg-width: 100vw;
-}
-}