@i-cell/ids-styles 0.0.40 → 0.0.41

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.
@@ -1082,6 +1082,14 @@
1082
1082
  .ids-button.ids-button-filled.ids-button-error:active > .ids-icon {
1083
1083
  color: var(--ids-comp-button-filled-color-fg-icon-error-pressed);
1084
1084
  }
1085
+ .ids-button.ids-button-filled.ids-button-error:disabled {
1086
+ color: var(--ids-comp-button-filled-color-fg-label-error-disabled);
1087
+ background: var(--ids-comp-button-filled-color-bg-error-disabled);
1088
+ border-color: var(--ids-comp-button-filled-color-border-error-disabled);
1089
+ }
1090
+ .ids-button.ids-button-filled.ids-button-error:disabled > .ids-icon {
1091
+ color: var(--ids-comp-button-filled-color-fg-icon-error-disabled);
1092
+ }
1085
1093
  .ids-button.ids-button-filled.ids-button-success {
1086
1094
  color: var(--ids-comp-button-filled-color-fg-label-success-default);
1087
1095
  background: var(--ids-comp-button-filled-color-bg-success-default);
@@ -1115,6 +1123,14 @@
1115
1123
  .ids-button.ids-button-filled.ids-button-success:active > .ids-icon {
1116
1124
  color: var(--ids-comp-button-filled-color-fg-icon-success-pressed);
1117
1125
  }
1126
+ .ids-button.ids-button-filled.ids-button-success:disabled {
1127
+ color: var(--ids-comp-button-filled-color-fg-label-success-disabled);
1128
+ background: var(--ids-comp-button-filled-color-bg-success-disabled);
1129
+ border-color: var(--ids-comp-button-filled-color-border-success-disabled);
1130
+ }
1131
+ .ids-button.ids-button-filled.ids-button-success:disabled > .ids-icon {
1132
+ color: var(--ids-comp-button-filled-color-fg-icon-success-disabled);
1133
+ }
1118
1134
  .ids-button.ids-button-filled.ids-button-warning {
1119
1135
  color: var(--ids-comp-button-filled-color-fg-label-warning-default);
1120
1136
  background: var(--ids-comp-button-filled-color-bg-warning-default);
@@ -1148,6 +1164,14 @@
1148
1164
  .ids-button.ids-button-filled.ids-button-warning:active > .ids-icon {
1149
1165
  color: var(--ids-comp-button-filled-color-fg-icon-warning-pressed);
1150
1166
  }
1167
+ .ids-button.ids-button-filled.ids-button-warning:disabled {
1168
+ color: var(--ids-comp-button-filled-color-fg-label-warning-disabled);
1169
+ background: var(--ids-comp-button-filled-color-bg-warning-disabled);
1170
+ border-color: var(--ids-comp-button-filled-color-border-warning-disabled);
1171
+ }
1172
+ .ids-button.ids-button-filled.ids-button-warning:disabled > .ids-icon {
1173
+ color: var(--ids-comp-button-filled-color-fg-icon-warning-disabled);
1174
+ }
1151
1175
  .ids-button.ids-button-filled.ids-button-light {
1152
1176
  color: var(--ids-comp-button-filled-color-fg-label-light-default);
1153
1177
  background: var(--ids-comp-button-filled-color-bg-light-default);
@@ -1468,6 +1492,14 @@
1468
1492
  .ids-button.ids-button-outlined.ids-button-error:active > .ids-icon {
1469
1493
  color: var(--ids-comp-button-outlined-color-fg-icon-error-pressed);
1470
1494
  }
1495
+ .ids-button.ids-button-outlined.ids-button-error:disabled {
1496
+ color: var(--ids-comp-button-outlined-color-fg-label-error-disabled);
1497
+ background: var(--ids-comp-button-outlined-color-bg-error-disabled);
1498
+ border-color: var(--ids-comp-button-outlined-color-border-error-disabled);
1499
+ }
1500
+ .ids-button.ids-button-outlined.ids-button-error:disabled > .ids-icon {
1501
+ color: var(--ids-comp-button-outlined-color-fg-icon-error-disabled);
1502
+ }
1471
1503
  .ids-button.ids-button-outlined.ids-button-success {
1472
1504
  color: var(--ids-comp-button-outlined-color-fg-label-success-default);
1473
1505
  background: var(--ids-comp-button-outlined-color-bg-success-default);
@@ -1501,6 +1533,14 @@
1501
1533
  .ids-button.ids-button-outlined.ids-button-success:active > .ids-icon {
1502
1534
  color: var(--ids-comp-button-outlined-color-fg-icon-success-pressed);
1503
1535
  }
1536
+ .ids-button.ids-button-outlined.ids-button-success:disabled {
1537
+ color: var(--ids-comp-button-outlined-color-fg-label-success-disabled);
1538
+ background: var(--ids-comp-button-outlined-color-bg-success-disabled);
1539
+ border-color: var(--ids-comp-button-outlined-color-border-success-disabled);
1540
+ }
1541
+ .ids-button.ids-button-outlined.ids-button-success:disabled > .ids-icon {
1542
+ color: var(--ids-comp-button-outlined-color-fg-icon-success-disabled);
1543
+ }
1504
1544
  .ids-button.ids-button-outlined.ids-button-warning {
1505
1545
  color: var(--ids-comp-button-outlined-color-fg-label-warning-default);
1506
1546
  background: var(--ids-comp-button-outlined-color-bg-warning-default);
@@ -1534,6 +1574,14 @@
1534
1574
  .ids-button.ids-button-outlined.ids-button-warning:active > .ids-icon {
1535
1575
  color: var(--ids-comp-button-outlined-color-fg-icon-warning-pressed);
1536
1576
  }
1577
+ .ids-button.ids-button-outlined.ids-button-warning:disabled {
1578
+ color: var(--ids-comp-button-outlined-color-fg-label-warning-disabled);
1579
+ background: var(--ids-comp-button-outlined-color-bg-warning-disabled);
1580
+ border-color: var(--ids-comp-button-outlined-color-border-warning-disabled);
1581
+ }
1582
+ .ids-button.ids-button-outlined.ids-button-warning:disabled > .ids-icon {
1583
+ color: var(--ids-comp-button-outlined-color-fg-icon-warning-disabled);
1584
+ }
1537
1585
  .ids-button.ids-button-outlined.ids-button-light {
1538
1586
  color: var(--ids-comp-button-outlined-color-fg-label-light-default);
1539
1587
  background: var(--ids-comp-button-outlined-color-bg-light-default);
@@ -1854,6 +1902,14 @@
1854
1902
  .ids-button.ids-button-text.ids-button-error:active > .ids-icon {
1855
1903
  color: var(--ids-comp-button-text-color-fg-icon-error-pressed);
1856
1904
  }
1905
+ .ids-button.ids-button-text.ids-button-error:disabled {
1906
+ color: var(--ids-comp-button-text-color-fg-label-error-disabled);
1907
+ background: var(--ids-comp-button-text-color-bg-error-disabled);
1908
+ border-color: var(--ids-comp-button-text-color-border-error-default);
1909
+ }
1910
+ .ids-button.ids-button-text.ids-button-error:disabled > .ids-icon {
1911
+ color: var(--ids-comp-button-text-color-fg-icon-error-disabled);
1912
+ }
1857
1913
  .ids-button.ids-button-text.ids-button-success {
1858
1914
  color: var(--ids-comp-button-text-color-fg-label-success-default);
1859
1915
  background: var(--ids-comp-button-text-color-bg-success-default);
@@ -1887,6 +1943,14 @@
1887
1943
  .ids-button.ids-button-text.ids-button-success:active > .ids-icon {
1888
1944
  color: var(--ids-comp-button-text-color-fg-icon-success-pressed);
1889
1945
  }
1946
+ .ids-button.ids-button-text.ids-button-success:disabled {
1947
+ color: var(--ids-comp-button-text-color-fg-label-success-disabled);
1948
+ background: var(--ids-comp-button-text-color-bg-success-disabled);
1949
+ border-color: var(--ids-comp-button-text-color-border-success-default);
1950
+ }
1951
+ .ids-button.ids-button-text.ids-button-success:disabled > .ids-icon {
1952
+ color: var(--ids-comp-button-text-color-fg-icon-success-disabled);
1953
+ }
1890
1954
  .ids-button.ids-button-text.ids-button-warning {
1891
1955
  color: var(--ids-comp-button-text-color-fg-label-warning-default);
1892
1956
  background: var(--ids-comp-button-text-color-bg-warning-default);
@@ -1920,6 +1984,14 @@
1920
1984
  .ids-button.ids-button-text.ids-button-warning:active > .ids-icon {
1921
1985
  color: var(--ids-comp-button-text-color-fg-icon-warning-pressed);
1922
1986
  }
1987
+ .ids-button.ids-button-text.ids-button-warning:disabled {
1988
+ color: var(--ids-comp-button-text-color-fg-label-warning-disabled);
1989
+ background: var(--ids-comp-button-text-color-bg-warning-disabled);
1990
+ border-color: var(--ids-comp-button-text-color-border-warning-default);
1991
+ }
1992
+ .ids-button.ids-button-text.ids-button-warning:disabled > .ids-icon {
1993
+ color: var(--ids-comp-button-text-color-fg-icon-warning-disabled);
1994
+ }
1923
1995
  .ids-button.ids-button-text.ids-button-light {
1924
1996
  color: var(--ids-comp-button-text-color-fg-label-light-default);
1925
1997
  background: var(--ids-comp-button-text-color-bg-light-default);