@muraldevkit/ui-toolkit 4.67.0-dev-OdGN.1 → 4.67.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/styles/MrlContainer/module.scss +2 -2
  3. package/dist/styles/MrlFilterItem/module.scss +1 -1
  4. package/dist/styles/MrlKeystroke/module.scss +1 -1
  5. package/dist/styles/MrlLegacySelectItem/variables.scss +2 -2
  6. package/dist/styles/MrlSidebarNavItem/module.scss +1 -1
  7. package/dist/styles/MrlSwitchStandalone/module.scss +1 -1
  8. package/dist/styles/MrlTabGroup/module.scss +1 -1
  9. package/dist/styles/form/variables.scss +1 -1
  10. package/dist/styles.css +22 -22
  11. package/package.json +11 -19
package/dist/styles/MrlContainer/module.scss CHANGED
@@ -11,7 +11,7 @@
11
11
  background-color: var(--mrl-container-background--helper);
12
12
  }
13
13
  .MrlContainer--nested {
14
- background-color: var(--mrl-color-background-highlight-secondary);
14
+ background-color: var(--mrl-color-background-decorative);
15
15
  border-color: var(--mrl-color-line-highlight-secondary);
16
16
  }
17
17
  .MrlContainer--nested-options {
@@ -23,7 +23,7 @@
23
23
  display: flex;
24
24
  }
25
25
  &-divider {
26
- background-color: var(--mrl-color-background-highlight-selected);
26
+ background-color: var(--mrl-color-background-selected);
27
27
  border-radius: var(--mrl-radii-03);
28
28
  flex-shrink: 0;
29
29
  margin-right: var(--mrl-spacing-06);
package/dist/styles/MrlFilterItem/module.scss CHANGED
@@ -39,7 +39,7 @@
39
39
  color var(--mrl-duration-04) var(--mrl-timing-m2);
40
40
  }
41
41
  &:hover {
42
- background-color: var(--mrl-color-background-highlight-emph-active);
42
+ background-color: var(--mrl-color-background-emph-active);
43
43
  cursor: pointer;
44
44
  }
45
45
  &[aria-checked='true'] {
package/dist/styles/MrlKeystroke/module.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  .MrlKeystroke {
2
2
  align-items: center;
3
- background-color: var(--mrl-color-background-secondary);
3
+ background-color: rgba(var(--mrl-gray-80), 1);
4
4
  border: 1px solid var(--mrl-black-opacity-05);
5
5
  border-radius: var(--mrl-border-radius-content);
6
6
  color: rgba(var(--mrl-gray-20), 1);
package/dist/styles/MrlLegacySelectItem/variables.scss CHANGED
@@ -12,11 +12,11 @@
12
12
  --mrl-select-item-icon-spacing: var(--mrl-spacing-03);
13
13
  }
14
14
  .mrl-selectItem:hover {
15
- --mrl-select-item-background: var(--mrl-color-background-highlight-hover);
15
+ --mrl-select-item-background: var(--mrl-color-background-hover);
16
16
  --mrl-select-item-color: var(--mrl-color-text-highlight-hover);
17
17
  }
18
18
  .mrl-is--selected {
19
- --mrl-select-item-background: var(--mrl-color-background-highlight-selected);
19
+ --mrl-select-item-background: var(--mrl-color-background-selected);
20
20
  --mrl-select-item-color: var(--mrl-color-text-highlight-selected);
21
21
  }
22
22
  .mrl-selectItem[aria-disabled='true'],
package/dist/styles/MrlSidebarNavItem/module.scss CHANGED
@@ -2,7 +2,7 @@
2
2
  @use '~@muraldevkit/ds-foundation/src/styles/_mixins' as *;
3
3
  $mrl-sidebar-nav-item-background-color-hover: rgba(var(--mrl-gray-20), 1);
4
4
  $mrl-sidebar-nav-item-background-color-active: rgba(var(--mrl-gray-30), 1);
5
- $mrl-sidebar-nav-item-background-color-selected: var(--mrl-color-background-highlight-active);
5
+ $mrl-sidebar-nav-item-background-color-selected: var(--mrl-color-background-selected);
6
6
  $mrl-sidebar-nav-item-text-color-default: var(--mrl-color-text-heading);
7
7
  $mrl-sidebar-nav-item-text-color-selected: var(--mrl-color-text-inverse-active);
8
8
  .MrlSidebarNavItem {
package/dist/styles/MrlSwitchStandalone/module.scss CHANGED
@@ -15,7 +15,7 @@
15
15
  background-color: var(--mrl-color-background);
16
16
  border-radius: 0.375rem;
17
17
  bottom: calc(var(--mrl-spacing-03) - var(--mrl-spacing-02));
18
- color: var(--mrl-color-background-secondary);
18
+ color: rgba(var(--mrl-gray-80), 1);
19
19
  display: flex;
20
20
  height: var(--mrl-spacing-04);
21
21
  left: var(--mrl-spacing-02);
package/dist/styles/MrlTabGroup/module.scss CHANGED
@@ -4,7 +4,7 @@
4
4
  padding: 4px;
5
5
  position: relative;
6
6
  &::before {
7
- background-color: var(--mrl-color-background-decorative);
7
+ background-color: var(--mrl-color-line-divider);
8
8
  bottom: 4px;
9
9
  content: '';
10
10
  height: var(--mrl-line-width-control);
package/dist/styles/form/variables.scss CHANGED
@@ -38,7 +38,7 @@
38
38
  --mrl-radio-button-border-width: var(--mrl-line-width-border);
39
39
  --mrl-radio-button-border-radius: var(--mrl-border-radius-rounded);
40
40
  --mrl-radio-button-background: var(--mrl-color-background);
41
- --mrl-radio-button-background-selected: var(--mrl-color-background-highlight-selected);
41
+ --mrl-radio-button-background-selected: var(--mrl-color-background-selected);
42
42
  --mrl-select-background-color-read-only: var(--mrl-black-opacity-00);
43
43
  --mrl-select-border-color-read-only: rgba(0, 0, 0, 0%);
44
44
  }