@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.
Files changed (7) hide show
  1. package/dist/button/button.css +72 -0
  2. package/dist/button/button.min.css +1 -1
  3. package/dist/button/button.plugin.js +72 -0
  4. package/dist/components.css +72 -0
  5. package/dist/components.min.css +1 -1
  6. package/dist/components.plugin.js +72 -0
  7. package/package.json +2 -2
package/dist/components.plugin.js CHANGED
@@ -1026,6 +1026,14 @@ module.exports = function ComponentsPlugin() {
1026
1026
  '.ids-button.ids-button-filled.ids-button-error:active>.ids-icon': {
1027
1027
  color: 'var(--ids-comp-button-filled-color-fg-icon-error-pressed)',
1028
1028
  },
1029
+ '.ids-button.ids-button-filled.ids-button-error:disabled': {
1030
+ color: 'var(--ids-comp-button-filled-color-fg-label-error-disabled)',
1031
+ background: 'var(--ids-comp-button-filled-color-bg-error-disabled)',
1032
+ borderColor: 'var(--ids-comp-button-filled-color-border-error-disabled)',
1033
+ },
1034
+ '.ids-button.ids-button-filled.ids-button-error:disabled>.ids-icon': {
1035
+ color: 'var(--ids-comp-button-filled-color-fg-icon-error-disabled)',
1036
+ },
1029
1037
  '.ids-button.ids-button-filled.ids-button-success': {
1030
1038
  color: 'var(--ids-comp-button-filled-color-fg-label-success-default)',
1031
1039
  background: 'var(--ids-comp-button-filled-color-bg-success-default)',
@@ -1058,6 +1066,14 @@ module.exports = function ComponentsPlugin() {
1058
1066
  '.ids-button.ids-button-filled.ids-button-success:active>.ids-icon': {
1059
1067
  color: 'var(--ids-comp-button-filled-color-fg-icon-success-pressed)',
1060
1068
  },
1069
+ '.ids-button.ids-button-filled.ids-button-success:disabled': {
1070
+ color: 'var(--ids-comp-button-filled-color-fg-label-success-disabled)',
1071
+ background: 'var(--ids-comp-button-filled-color-bg-success-disabled)',
1072
+ borderColor: 'var(--ids-comp-button-filled-color-border-success-disabled)',
1073
+ },
1074
+ '.ids-button.ids-button-filled.ids-button-success:disabled>.ids-icon': {
1075
+ color: 'var(--ids-comp-button-filled-color-fg-icon-success-disabled)',
1076
+ },
1061
1077
  '.ids-button.ids-button-filled.ids-button-warning': {
1062
1078
  color: 'var(--ids-comp-button-filled-color-fg-label-warning-default)',
1063
1079
  background: 'var(--ids-comp-button-filled-color-bg-warning-default)',
@@ -1090,6 +1106,14 @@ module.exports = function ComponentsPlugin() {
1090
1106
  '.ids-button.ids-button-filled.ids-button-warning:active>.ids-icon': {
1091
1107
  color: 'var(--ids-comp-button-filled-color-fg-icon-warning-pressed)',
1092
1108
  },
1109
+ '.ids-button.ids-button-filled.ids-button-warning:disabled': {
1110
+ color: 'var(--ids-comp-button-filled-color-fg-label-warning-disabled)',
1111
+ background: 'var(--ids-comp-button-filled-color-bg-warning-disabled)',
1112
+ borderColor: 'var(--ids-comp-button-filled-color-border-warning-disabled)',
1113
+ },
1114
+ '.ids-button.ids-button-filled.ids-button-warning:disabled>.ids-icon': {
1115
+ color: 'var(--ids-comp-button-filled-color-fg-icon-warning-disabled)',
1116
+ },
1093
1117
  '.ids-button.ids-button-filled.ids-button-light': {
1094
1118
  color: 'var(--ids-comp-button-filled-color-fg-label-light-default)',
1095
1119
  background: 'var(--ids-comp-button-filled-color-bg-light-default)',
@@ -1398,6 +1422,14 @@ module.exports = function ComponentsPlugin() {
1398
1422
  '.ids-button.ids-button-outlined.ids-button-error:active>.ids-icon': {
1399
1423
  color: 'var(--ids-comp-button-outlined-color-fg-icon-error-pressed)',
1400
1424
  },
1425
+ '.ids-button.ids-button-outlined.ids-button-error:disabled': {
1426
+ color: 'var(--ids-comp-button-outlined-color-fg-label-error-disabled)',
1427
+ background: 'var(--ids-comp-button-outlined-color-bg-error-disabled)',
1428
+ borderColor: 'var(--ids-comp-button-outlined-color-border-error-disabled)',
1429
+ },
1430
+ '.ids-button.ids-button-outlined.ids-button-error:disabled>.ids-icon': {
1431
+ color: 'var(--ids-comp-button-outlined-color-fg-icon-error-disabled)',
1432
+ },
1401
1433
  '.ids-button.ids-button-outlined.ids-button-success': {
1402
1434
  color: 'var(--ids-comp-button-outlined-color-fg-label-success-default)',
1403
1435
  background: 'var(--ids-comp-button-outlined-color-bg-success-default)',
@@ -1430,6 +1462,14 @@ module.exports = function ComponentsPlugin() {
1430
1462
  '.ids-button.ids-button-outlined.ids-button-success:active>.ids-icon': {
1431
1463
  color: 'var(--ids-comp-button-outlined-color-fg-icon-success-pressed)',
1432
1464
  },
1465
+ '.ids-button.ids-button-outlined.ids-button-success:disabled': {
1466
+ color: 'var(--ids-comp-button-outlined-color-fg-label-success-disabled)',
1467
+ background: 'var(--ids-comp-button-outlined-color-bg-success-disabled)',
1468
+ borderColor: 'var(--ids-comp-button-outlined-color-border-success-disabled)',
1469
+ },
1470
+ '.ids-button.ids-button-outlined.ids-button-success:disabled>.ids-icon': {
1471
+ color: 'var(--ids-comp-button-outlined-color-fg-icon-success-disabled)',
1472
+ },
1433
1473
  '.ids-button.ids-button-outlined.ids-button-warning': {
1434
1474
  color: 'var(--ids-comp-button-outlined-color-fg-label-warning-default)',
1435
1475
  background: 'var(--ids-comp-button-outlined-color-bg-warning-default)',
@@ -1462,6 +1502,14 @@ module.exports = function ComponentsPlugin() {
1462
1502
  '.ids-button.ids-button-outlined.ids-button-warning:active>.ids-icon': {
1463
1503
  color: 'var(--ids-comp-button-outlined-color-fg-icon-warning-pressed)',
1464
1504
  },
1505
+ '.ids-button.ids-button-outlined.ids-button-warning:disabled': {
1506
+ color: 'var(--ids-comp-button-outlined-color-fg-label-warning-disabled)',
1507
+ background: 'var(--ids-comp-button-outlined-color-bg-warning-disabled)',
1508
+ borderColor: 'var(--ids-comp-button-outlined-color-border-warning-disabled)',
1509
+ },
1510
+ '.ids-button.ids-button-outlined.ids-button-warning:disabled>.ids-icon': {
1511
+ color: 'var(--ids-comp-button-outlined-color-fg-icon-warning-disabled)',
1512
+ },
1465
1513
  '.ids-button.ids-button-outlined.ids-button-light': {
1466
1514
  color: 'var(--ids-comp-button-outlined-color-fg-label-light-default)',
1467
1515
  background: 'var(--ids-comp-button-outlined-color-bg-light-default)',
@@ -1760,6 +1808,14 @@ module.exports = function ComponentsPlugin() {
1760
1808
  borderColor: 'var(--ids-comp-button-text-color-border-error-default)',
1761
1809
  },
1762
1810
  '.ids-button.ids-button-text.ids-button-error:active>.ids-icon': { color: 'var(--ids-comp-button-text-color-fg-icon-error-pressed)' },
1811
+ '.ids-button.ids-button-text.ids-button-error:disabled': {
1812
+ color: 'var(--ids-comp-button-text-color-fg-label-error-disabled)',
1813
+ background: 'var(--ids-comp-button-text-color-bg-error-disabled)',
1814
+ borderColor: 'var(--ids-comp-button-text-color-border-error-default)',
1815
+ },
1816
+ '.ids-button.ids-button-text.ids-button-error:disabled>.ids-icon': {
1817
+ color: 'var(--ids-comp-button-text-color-fg-icon-error-disabled)',
1818
+ },
1763
1819
  '.ids-button.ids-button-text.ids-button-success': {
1764
1820
  color: 'var(--ids-comp-button-text-color-fg-label-success-default)',
1765
1821
  background: 'var(--ids-comp-button-text-color-bg-success-default)',
@@ -1790,6 +1846,14 @@ module.exports = function ComponentsPlugin() {
1790
1846
  '.ids-button.ids-button-text.ids-button-success:active>.ids-icon': {
1791
1847
  color: 'var(--ids-comp-button-text-color-fg-icon-success-pressed)',
1792
1848
  },
1849
+ '.ids-button.ids-button-text.ids-button-success:disabled': {
1850
+ color: 'var(--ids-comp-button-text-color-fg-label-success-disabled)',
1851
+ background: 'var(--ids-comp-button-text-color-bg-success-disabled)',
1852
+ borderColor: 'var(--ids-comp-button-text-color-border-success-default)',
1853
+ },
1854
+ '.ids-button.ids-button-text.ids-button-success:disabled>.ids-icon': {
1855
+ color: 'var(--ids-comp-button-text-color-fg-icon-success-disabled)',
1856
+ },
1793
1857
  '.ids-button.ids-button-text.ids-button-warning': {
1794
1858
  color: 'var(--ids-comp-button-text-color-fg-label-warning-default)',
1795
1859
  background: 'var(--ids-comp-button-text-color-bg-warning-default)',
@@ -1820,6 +1884,14 @@ module.exports = function ComponentsPlugin() {
1820
1884
  '.ids-button.ids-button-text.ids-button-warning:active>.ids-icon': {
1821
1885
  color: 'var(--ids-comp-button-text-color-fg-icon-warning-pressed)',
1822
1886
  },
1887
+ '.ids-button.ids-button-text.ids-button-warning:disabled': {
1888
+ color: 'var(--ids-comp-button-text-color-fg-label-warning-disabled)',
1889
+ background: 'var(--ids-comp-button-text-color-bg-warning-disabled)',
1890
+ borderColor: 'var(--ids-comp-button-text-color-border-warning-default)',
1891
+ },
1892
+ '.ids-button.ids-button-text.ids-button-warning:disabled>.ids-icon': {
1893
+ color: 'var(--ids-comp-button-text-color-fg-icon-warning-disabled)',
1894
+ },
1823
1895
  '.ids-button.ids-button-text.ids-button-light': {
1824
1896
  color: 'var(--ids-comp-button-text-color-fg-label-light-default)',
1825
1897
  background: 'var(--ids-comp-button-text-color-bg-light-default)',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@i-cell/ids-styles",
3
- "version": "0.0.40",
3
+ "version": "0.0.41",
4
4
  "private": false,
5
5
  "description": "Stylesheets for i-Cell Design System UI Kit components (currently Vue and Angular)",
6
6
  "scripts": {
@@ -35,7 +35,7 @@
35
35
  },
36
36
  "homepage": "https://github.com/i-Cell-Mobilsoft-Open-Source/ids-styles#readme",
37
37
  "devDependencies": {
38
- "@i-cell/ids-tokens": "0.0.31",
38
+ "@i-cell/ids-tokens": "0.0.33",
39
39
  "commander": "^12.1.0",
40
40
  "gulp": "^5.0.0",
41
41
  "gulp-prettier": "^6.0.0",