@opendesign-plus-test/components 0.0.1-rc.106 → 0.0.1-rc.107

package/dist/treeshaking/components/events/OEventsApply.css

@@ -476,7 +476,7 @@
   background: linear-gradient(142.13deg, color-mix(in srgb, transparent 0%, transparent) 0%, color-mix(in srgb, rgba(var(--o-white), 0.6) 60%, transparent) 100%), var(--o-color-primary1);
 }
 .o-events-apply .events-apply-grid .step-item.step-3.is-dark {
-  background: linear-gradient(142.13deg, color-mix(in srgb, var(--o-color-primary1) 40%, transparent) 0%, color-mix(in srgb, var(--o-color-primary1) 16%, transparent) 100%), var(--o-color-fill2);
+  background: linear-gradient(142.13deg, color-mix(in srgb, var(--o-color-primary1) 40%, transparent) 30%, color-mix(in srgb, var(--o-color-primary1) 16%, transparent) 97%), var(--o-color-fill2);
 }
 .o-events-apply .events-apply-grid .step-item.step-3 .step-idx {
   background-color: #fff;

package/dist/treeshaking/components/events/OEventsCalendar.css

@@ -51,6 +51,16 @@
   padding: var(--o-gap-4) var(--o-gap-6);
   align-items: center;
 }
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-events-calendar .o-collapse .o-collapse-item .o-collapse-item-header {
+    padding: var(--o-gap-3) var(--o-gap-5);
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-events-calendar .o-collapse .o-collapse-item .o-collapse-item-header {
+    padding: var(--o-gap-2) var(--o-gap-4);
+}
+}
 @media (max-width: 840px) {
 .o-events-calendar .o-collapse .o-collapse-item .o-collapse-item-header {
     padding: var(--o-gap-2) var(--o-gap-3);
@@ -81,10 +91,21 @@
 .o-events-calendar .collapse-header .collapse-title {
   display: flex;
   align-items: center;
+  --title-icon-size: 24px;
+}
+@media (max-width: 1680px) {
+.o-events-calendar .collapse-header .collapse-title {
+    --title-icon-size: 20px;
+}
+}
+@media (max-width: 840px) {
+.o-events-calendar .collapse-header .collapse-title {
+    --title-icon-size: 24px;
+}
 }
 .o-events-calendar .collapse-header .collapse-title .title-icon {
-  width: 24px;
-  height: 24px;
+  width: var(--title-icon-size);
+  height: var(--title-icon-size);
   border-radius: 50%;
   color: #fff;
   display: flex;
@@ -93,24 +114,19 @@
   margin-right: var(--o-gap-4);
   background-color: rgb(var(--bg-color));
 }
-@media (max-width: 840px) {
+@media (min-width: 1201px) and (max-width: 1680px) {
 .o-events-calendar .collapse-header .collapse-title .title-icon {
-    margin-right: var(--o-gap-2);
-}
+    margin-right: var(--o-gap-3);
 }
-.o-events-calendar .collapse-header .collapse-title .o-icon {
-  font-size: 20px;
-  color: var(--o-white);
 }
-@media (min-width: 1201px) and (max-width: 1680px) {
-.o-events-calendar .collapse-header .collapse-title .o-icon {
-    font-size: 16px;
+@media (max-width: 1200px) {
+.o-events-calendar .collapse-header .collapse-title .title-icon {
+    margin-right: var(--o-gap-2);
 }
 }
-@media (min-width: 841px) and (max-width: 1200px) {
 .o-events-calendar .collapse-header .collapse-title .o-icon {
-    font-size: 16px;
-}
+  font-size: var(--title-icon-size);
+  color: var(--o-white);
 }
 .o-events-calendar .collapse-header .collapse-title .o-icon svg {
   fill: none;

package/dist/treeshaking/components/events/OEventsList.css

@@ -147,6 +147,11 @@
   gap: var(--o-gap-6);
   margin-top: var(--o-gap-6);
 }
+@media screen and (max-width: 1000px) {
+.o-events-list .list-content {
+    grid-template-columns: repeat(3, 1fr);
+}
+}
 @media (max-width: 840px) {
 .o-events-list .list-content {
     grid-template-columns: repeat(1, 1fr);
@@ -180,6 +185,7 @@
 .o-events-list .list-content .o-card {
   aspect-ratio: 1/1;
   position: relative;
+  --card-radius: var(--events-card-radius);
 }
 @media (max-width: 840px) {
 .o-events-list .list-content .o-card {

package/dist/treeshaking/components/meeting/OMeetingMyCalendar.css

@@ -377,6 +377,11 @@
 @media screen and (max-width: 900px) {
 .o-my-meeting-calendar .meeting-list {
     flex-direction: column;
+    gap: var(--o-gap-2);
+}
+}
+@media (max-width: 840px) {
+.o-my-meeting-calendar .meeting-list {
     gap: var(--o-gap-4);
     --phone-padding-top: 56px;
 }
@@ -397,9 +402,19 @@
   align-items: center;
   justify-content: space-between;
   padding: 0 var(--grid--layout-padding);
+  font-weight: 600;
 }
 @media screen and (max-width: 900px) {
 .o-my-meeting-calendar .meeting-list .list-calendar-mb {
+    display: flex;
+    background-color: color-mix(in srgb, var(--o-color-control2-light) 40%, transparent);
+    border-radius: var(--meeting-card-radius);
+    padding: var(--o-gap-3);
+}
+}
+@media (max-width: 840px) {
+.o-my-meeting-calendar .meeting-list .list-calendar-mb {
+    padding: 0 var(--grid--layout-padding);
     background-color: var(--o-color-fill1);
     display: flex;
     position: fixed;
@@ -411,32 +426,8 @@
 }
 }
 .o-my-meeting-calendar .meeting-list .list-calendar-mb span:first-child {
-  font-size: 48px;
-  line-height: 64px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.o-my-meeting-calendar .meeting-list .list-calendar-mb span:first-child {
-    font-size: 40px;
-    line-height: 56px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.o-my-meeting-calendar .meeting-list .list-calendar-mb span:first-child {
-    font-size: 32px;
-    line-height: 44px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.o-my-meeting-calendar .meeting-list .list-calendar-mb span:first-child {
-    font-size: 32px;
-    line-height: 44px;
-}
-}
-@media (max-width: 600px) {
-.o-my-meeting-calendar .meeting-list .list-calendar-mb span:first-child {
-    font-size: 20px;
-    line-height: 28px;
-}
+  font-size: 20px;
+  line-height: 28px;
 }
 .o-my-meeting-calendar .meeting-list .list-calendar-mb span:last-child {
   display: flex;
@@ -649,7 +640,7 @@
   background-color: var(--o-color-fill2);
   --content-height: calc(var(--layout-left-height, 900px) - 4 * var(--o-gap-5) - var(--header-height, 64) * 1px);
 }
-@media screen and (max-width: 900px) {
+@media (max-width: 840px) {
 .o-my-meeting-calendar .meeting-list .list-wrapper {
     margin-top: calc(var(--phone-padding-top) - var(--o-gap-4));
 }
@@ -817,7 +808,7 @@
     --btn-color: var(--o-color-primary2);
 }
 }
-@media screen and (max-width: 900px) {
+@media (max-width: 840px) {
 .o-my-meeting-calendar .meeting-list .list-body .list-month-change {
     display: none;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendesign-plus-test/components",
-  "version": "0.0.1-rc.106",
+  "version": "0.0.1-rc.107",
   "type": "module",
   "publishConfig": {
     "access": "public",