@deriv-web-design/ui 0.0.26 → 0.0.27

package/dist/index.css

@@ -1,4 +1,4 @@
-/* primitives/Button/Button.css */
+/* components/Button/Button.css */
 .button {
   position: relative;
   display: inline-flex;
@@ -149,7 +149,7 @@
   cursor: not-allowed;
 }
 
-/* primitives/Link/Link.css */
+/* components/Link/Link.css */
 .link {
   display: inline-flex;
   align-items: center;
@@ -216,7 +216,7 @@
   color: var(--link-white-color);
 }
 
-/* primitives/Chip/Chip.css */
+/* components/Chip/Chip.css */
 .chip {
   position: relative;
   display: inline-flex;
@@ -310,7 +310,7 @@
   inset: -3px;
 }
 
-/* primitives/Tag/Tag.css */
+/* components/Tag/Tag.css */
 .tag {
   display: inline-flex;
   align-items: center;
@@ -370,7 +370,7 @@
   flex-shrink: 0;
 }
 
-/* primitives/Accordion/Accordion.css */
+/* components/Accordion/Accordion.css */
 .accordion {
   position: relative;
   width: 100%;
@@ -448,7 +448,7 @@
   color: var(--accordion-body-color);
 }
 
-/* primitives/TextField/TextField.css */
+/* components/TextField/TextField.css */
 .tf-wrapper {
   display: flex;
   align-items: center;
@@ -567,7 +567,7 @@
   color: var(--field-text-disabled);
 }
 
-/* primitives/SearchField/SearchField.css */
+/* components/SearchField/SearchField.css */
 .sf-wrapper {
   display: flex;
   align-items: center;
@@ -709,7 +709,7 @@
   outline-offset: 2px;
 }
 
-/* primitives/BottomSheet/BottomSheet.css */
+/* components/BottomSheet/BottomSheet.css */
 .bs-overlay {
   position: fixed;
   inset: 0;
@@ -868,7 +868,7 @@
   }
 }
 
-/* primitives/Breadcrumb/Breadcrumb.css */
+/* components/Breadcrumb/Breadcrumb.css */
 .bc-list {
   display: flex;
   flex-wrap: nowrap;
@@ -901,7 +901,7 @@
   text-decoration: none;
   white-space: nowrap;
   cursor: pointer;
-  border-radius: var(--radius-sm);
+  border-radius: var(--radius-xs);
 }
 .bc-link:hover {
   text-decoration: underline;
@@ -944,7 +944,7 @@
   font: inherit;
   color: var(--breadcrumb-text-color);
   cursor: pointer;
-  border-radius: var(--radius-sm);
+  border-radius: var(--radius-xs);
 }
 .bc-ellipsisButton:hover {
   text-decoration: underline;
@@ -1010,7 +1010,7 @@
   outline-offset: -2px;
 }
 
-/* primitives/ChipDropdown/ChipDropdown.css */
+/* components/ChipDropdown/ChipDropdown.css */
 .cd-wrapper {
   position: relative;
   display: inline-flex;
@@ -1125,7 +1125,7 @@
   gap: 6px;
   height: var(--spacing-32);
   padding: 0 var(--spacing-12);
-  border-radius: var(--radius-sm);
+  border-radius: var(--radius-xs);
   cursor: pointer;
   color: var(--chip-dropdown-item-text);
   font-size: var(--font-size-sm);
@@ -1431,7 +1431,7 @@
   margin: 0;
 }
 
-/* primitives/Pagination/Pagination.css */
+/* components/Pagination/Pagination.css */
 .pagination {
   display: flex;
   align-items: center;
@@ -1492,7 +1492,7 @@
   flex-shrink: 0;
   padding: 0;
   border: none;
-  border-radius: var(--radius-sm);
+  border-radius: var(--radius-xs);
   background: transparent;
   color: var(--pagination-nav-icon);
   cursor: pointer;
@@ -1517,7 +1517,7 @@
   flex-shrink: 0;
 }
 
-/* primitives/Tabs/Tabs.css */
+/* components/Tabs/Tabs.css */
 :root {
   --tabs-gap: var(--spacing-8);
 }
@@ -1799,7 +1799,7 @@
 .fc-platformLink:focus-visible {
   outline: 2px solid var(--color-coral-700);
   outline-offset: 2px;
-  border-radius: var(--radius-sm);
+  border-radius: var(--radius-xs);
 }
 .fc-platformLink--dark {
   color: var(--color-slate-50);
@@ -5195,7 +5195,7 @@
   --lm-max-width: var(--content-width-1280);
   --lm-layout-gap: var(--spacing-112);
   --lm-card-bg: var(--color-slate-1000);
-  --lm-card-radius: var(--radius-lg);
+  --lm-card-radius: var(--radius-xl);
   --lm-card-radius-mobile: var(--radius-2xl);
   --lm-card-px: var(--spacing-16);
   --lm-card-py: var(--spacing-24);
@@ -5419,7 +5419,7 @@
   display: block;
 }
 
-/* primitives/DownloadBadge/DownloadBadge.css */
+/* components/DownloadBadge/DownloadBadge.css */
 :root {
   --download-badge-height: var(--spacing-48);
   --download-badge-radius: var(--radius-full);
@@ -6034,7 +6034,7 @@
   --tbl-header-bg: var(--color-slate-75);
   --tbl-row-hover-bg: var(--color-slate-75);
   --tbl-text: var(--text-primary);
-  --tbl-text-muted: var(--text-tertiary);
+  --tbl-text-muted: var(--text-secondary);
   --tbl-font-family: var(--font-family-base);
   --tbl-col-main-width: 11rem;
   --tbl-col-normal-width: 6rem;