@entur/button 4.0.0 → 4.0.1
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.
- package/dist/styles.css +45 -45
- package/package.json +2 -2
package/dist/styles.css
CHANGED
|
@@ -964,6 +964,49 @@
|
|
|
964
964
|
-webkit-text-decoration:none;
|
|
965
965
|
text-decoration:none;
|
|
966
966
|
}
|
|
967
|
+
.eds-square-button__button{
|
|
968
|
+
-webkit-box-align:center;
|
|
969
|
+
-webkit-align-items:center;
|
|
970
|
+
-moz-box-align:center;
|
|
971
|
+
align-items:center;
|
|
972
|
+
background-color:var(--button-background);
|
|
973
|
+
border:var(--components-button-border-medium) solid var(--border-color);
|
|
974
|
+
color:var(--icon-color);
|
|
975
|
+
display:-webkit-inline-box;
|
|
976
|
+
display:-webkit-inline-flex;
|
|
977
|
+
display:-moz-inline-box;
|
|
978
|
+
display:inline-flex;
|
|
979
|
+
height:var(--components-button-height-horizontalcontent-medium);
|
|
980
|
+
-webkit-box-pack:center;
|
|
981
|
+
-webkit-justify-content:center;
|
|
982
|
+
-moz-box-pack:center;
|
|
983
|
+
justify-content:center;
|
|
984
|
+
line-height:1.5rem;
|
|
985
|
+
padding:0;
|
|
986
|
+
text-align:center;
|
|
987
|
+
-webkit-text-decoration:none;
|
|
988
|
+
text-decoration:none;
|
|
989
|
+
vertical-align:top;
|
|
990
|
+
position:relative;
|
|
991
|
+
width:var(--components-button-height-horizontalcontent-medium);
|
|
992
|
+
}
|
|
993
|
+
.eds-square-button__label{
|
|
994
|
+
color:var(--label-color);
|
|
995
|
+
}
|
|
996
|
+
.eds-square-button__label + :where(.eds-square-button__button), .eds-square-button__button + :where(.eds-square-button__label){
|
|
997
|
+
margin-left:var(--components-button-gap-medium);
|
|
998
|
+
}
|
|
999
|
+
.eds-square-button:where(:focus-visible){
|
|
1000
|
+
outline:none;
|
|
1001
|
+
}
|
|
1002
|
+
.eds-square-button:where(:focus-visible) :where(.eds-square-button__button){
|
|
1003
|
+
outline:2px solid #181c56;
|
|
1004
|
+
outline-color:var(--basecolors-stroke-focus-standard);
|
|
1005
|
+
outline-offset:0.125rem;
|
|
1006
|
+
}
|
|
1007
|
+
:where(.eds-contrast) .eds-square-button:where(:focus-visible) :where(.eds-square-button__button){
|
|
1008
|
+
outline-color:var(--basecolors-stroke-focus-contrast);
|
|
1009
|
+
}
|
|
967
1010
|
.eds-square-button--size-small{
|
|
968
1011
|
font-size:var(--font-size-body-s);
|
|
969
1012
|
}
|
|
@@ -1055,20 +1098,6 @@
|
|
|
1055
1098
|
:where(.eds-contrast) .eds-square-button--success:where(:active){
|
|
1056
1099
|
--button-background:var(--components-button-squaresuccess-contrast-active);
|
|
1057
1100
|
}
|
|
1058
|
-
.eds-square-button--loading{
|
|
1059
|
-
opacity:1;
|
|
1060
|
-
}
|
|
1061
|
-
.eds-square-button:where(:focus-visible){
|
|
1062
|
-
outline:none;
|
|
1063
|
-
}
|
|
1064
|
-
.eds-square-button:where(:focus-visible) :where(.eds-square-button__button){
|
|
1065
|
-
outline:2px solid #181c56;
|
|
1066
|
-
outline-color:var(--basecolors-stroke-focus-standard);
|
|
1067
|
-
outline-offset:0.125rem;
|
|
1068
|
-
}
|
|
1069
|
-
:where(.eds-contrast) .eds-square-button:where(:focus-visible) :where(.eds-square-button__button){
|
|
1070
|
-
outline-color:var(--basecolors-stroke-focus-contrast);
|
|
1071
|
-
}
|
|
1072
1101
|
.eds-square-button:where([disabled]):where(:not(.eds-square-button--loading)){
|
|
1073
1102
|
cursor:not-allowed;
|
|
1074
1103
|
}
|
|
@@ -1083,37 +1112,8 @@
|
|
|
1083
1112
|
.eds-square-button:where([disabled]):where(:not(.eds-square-button--loading)) :where(.eds-square-button__label:hover){
|
|
1084
1113
|
color:var(--basecolors-text-disabled);
|
|
1085
1114
|
}
|
|
1086
|
-
.eds-square-
|
|
1087
|
-
|
|
1088
|
-
-webkit-align-items:center;
|
|
1089
|
-
-moz-box-align:center;
|
|
1090
|
-
align-items:center;
|
|
1091
|
-
background-color:var(--button-background);
|
|
1092
|
-
border:var(--components-button-border-medium) solid var(--border-color);
|
|
1093
|
-
color:var(--icon-color);
|
|
1094
|
-
display:-webkit-inline-box;
|
|
1095
|
-
display:-webkit-inline-flex;
|
|
1096
|
-
display:-moz-inline-box;
|
|
1097
|
-
display:inline-flex;
|
|
1098
|
-
height:var(--components-button-height-horizontalcontent-medium);
|
|
1099
|
-
-webkit-box-pack:center;
|
|
1100
|
-
-webkit-justify-content:center;
|
|
1101
|
-
-moz-box-pack:center;
|
|
1102
|
-
justify-content:center;
|
|
1103
|
-
line-height:1.5rem;
|
|
1104
|
-
padding:0;
|
|
1105
|
-
text-align:center;
|
|
1106
|
-
-webkit-text-decoration:none;
|
|
1107
|
-
text-decoration:none;
|
|
1108
|
-
vertical-align:top;
|
|
1109
|
-
position:relative;
|
|
1110
|
-
width:var(--components-button-height-horizontalcontent-medium);
|
|
1111
|
-
}
|
|
1112
|
-
.eds-square-button__label{
|
|
1113
|
-
color:var(--label-color);
|
|
1114
|
-
}
|
|
1115
|
-
.eds-square-button__label + :where(.eds-square-button__button), .eds-square-button__button + :where(.eds-square-button__label){
|
|
1116
|
-
margin-left:var(--components-button-gap-medium);
|
|
1115
|
+
.eds-square-button--loading{
|
|
1116
|
+
opacity:1;
|
|
1117
1117
|
}
|
|
1118
1118
|
.eds-square-button__loading-dots :where(.eds-loading-dots__dot){
|
|
1119
1119
|
background:var(--icon-color);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/button",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.1",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/button.cjs.js",
|
|
6
6
|
"module": "dist/button.esm.js",
|
|
@@ -45,5 +45,5 @@
|
|
|
45
45
|
"vite": "^7.1.3",
|
|
46
46
|
"vite-plugin-dts": "^4.5.4"
|
|
47
47
|
},
|
|
48
|
-
"gitHead": "
|
|
48
|
+
"gitHead": "83eb3ff556ab0464c903f580acf790b86d944f09"
|
|
49
49
|
}
|