@fundamental-styles/theming-preview 0.30.0-rc.2 → 0.30.0-rc.21

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 (5) hide show
  1. package/calendar.html +370 -288
  2. package/fundamental-styles.css +28 -27
  3. package/input.html +40 -0
  4. package/package.json +2 -2
  5. package/toolbar.html +2 -2
package/input.html CHANGED
@@ -902,208 +902,248 @@
902
902
  <div class="fd-theming__flex fd-theming__flex-column fd-theming__margin-right-1">
903
903
  <input type="checkbox" class="fd-checkbox" id="1">
904
904
  <label class="fd-checkbox__label" for="1">
905
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
905
906
  <span class="fd-checkbox__text">Enabled</span>
906
907
  </label>
907
908
 
908
909
  <input type="checkbox" class="fd-checkbox is-information" id="2">
909
910
  <label class="fd-checkbox__label" for="2">
911
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
910
912
  <span class="fd-checkbox__text">Information</span>
911
913
  </label>
912
914
 
913
915
  <input type="checkbox" class="fd-checkbox is-success" id="3">
914
916
  <label class="fd-checkbox__label" for="3">
917
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
915
918
  <span class="fd-checkbox__text">Success</span>
916
919
  </label>
917
920
 
918
921
  <input type="checkbox" class="fd-checkbox is-warning" id="4">
919
922
  <label class="fd-checkbox__label" for="4">
923
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
920
924
  <span class="fd-checkbox__text">Warning</span>
921
925
  </label>
922
926
 
923
927
  <input type="checkbox" class="fd-checkbox is-error" id="5">
924
928
  <label class="fd-checkbox__label" for="5">
929
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
925
930
  <span class="fd-checkbox__text">Error</span>
926
931
  </label>
927
932
  </div>
928
933
  <div class="fd-theming__flex fd-theming__flex-column fd-theming__margin-right-1">
929
934
  <input type="checkbox" class="fd-checkbox" id="6" checked>
930
935
  <label class="fd-checkbox__label" for="6">
936
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
931
937
  <span class="fd-checkbox__text">Enabled</span>
932
938
  </label>
933
939
 
934
940
  <input type="checkbox" class="fd-checkbox is-information" id="7" checked>
935
941
  <label class="fd-checkbox__label" for="7">
942
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
936
943
  <span class="fd-checkbox__text">Information</span>
937
944
  </label>
938
945
 
939
946
  <input type="checkbox" class="fd-checkbox is-success" id="8" checked>
940
947
  <label class="fd-checkbox__label" for="8">
948
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
941
949
  <span class="fd-checkbox__text">Success</span>
942
950
  </label>
943
951
 
944
952
  <input type="checkbox" class="fd-checkbox is-warning" id="9" checked>
945
953
  <label class="fd-checkbox__label" for="9">
954
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
946
955
  <span class="fd-checkbox__text">Warning</span>
947
956
  </label>
948
957
 
949
958
  <input type="checkbox" class="fd-checkbox is-error" id="10" checked>
950
959
  <label class="fd-checkbox__label" for="10">
960
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
951
961
  <span class="fd-checkbox__text">Error</span>
952
962
  </label>
953
963
  </div>
954
964
  <div class="fd-theming__flex fd-theming__flex-column fd-theming__margin-right-1">
955
965
  <input type="checkbox" class="fd-checkbox tristate" id="tristate1" checked>
956
966
  <label class="fd-checkbox__label" for="tristate1">
967
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
957
968
  <span class="fd-checkbox__text">Enabled</span>
958
969
  </label>
959
970
 
960
971
  <input type="checkbox" class="fd-checkbox is-information tristate" id="tristate2" checked>
961
972
  <label class="fd-checkbox__label" for="tristate2">
973
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
962
974
  <span class="fd-checkbox__text">Information</span>
963
975
  </label>
964
976
 
965
977
  <input type="checkbox" class="fd-checkbox is-success tristate" id="tristate3" checked>
966
978
  <label class="fd-checkbox__label" for="tristate3">
979
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
967
980
  <span class="fd-checkbox__text">Success</span>
968
981
  </label>
969
982
 
970
983
  <input type="checkbox" class="fd-checkbox is-warning tristate" id="tristate4" checked>
971
984
  <label class="fd-checkbox__label" for="tristate4">
985
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
972
986
  <span class="fd-checkbox__text">Warning</span>
973
987
  </label>
974
988
 
975
989
  <input type="checkbox" class="fd-checkbox is-error tristate" id="tristate5" checked>
976
990
  <label class="fd-checkbox__label" for="tristate5">
991
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
977
992
  <span class="fd-checkbox__text">Error</span>
978
993
  </label>
979
994
  </div>
980
995
  <div class="fd-theming__flex fd-theming__flex-column fd-theming__margin-right-1">
981
996
  <input type="checkbox" class="fd-checkbox" id="16" disabled>
982
997
  <label class="fd-checkbox__label" for="16">
998
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
983
999
  <span class="fd-checkbox__text">Disabled</span>
984
1000
  </label>
985
1001
 
986
1002
  <input type="checkbox" class="fd-checkbox is-information" id="17" disabled>
987
1003
  <label class="fd-checkbox__label" for="17">
1004
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
988
1005
  <span class="fd-checkbox__text">Information</span>
989
1006
  </label>
990
1007
 
991
1008
  <input type="checkbox" class="fd-checkbox is-success" id="18" disabled>
992
1009
  <label class="fd-checkbox__label" for="18">
1010
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
993
1011
  <span class="fd-checkbox__text">Success</span>
994
1012
  </label>
995
1013
 
996
1014
  <input type="checkbox" class="fd-checkbox is-warning" id="19" disabled>
997
1015
  <label class="fd-checkbox__label" for="19">
1016
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
998
1017
  <span class="fd-checkbox__text">Warning</span>
999
1018
  </label>
1000
1019
 
1001
1020
  <input type="checkbox" class="fd-checkbox is-error" id="20" disabled>
1002
1021
  <label class="fd-checkbox__label" for="20">
1022
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
1003
1023
  <span class="fd-checkbox__text">Error</span>
1004
1024
  </label>
1005
1025
  </div>
1006
1026
  <div class="fd-theming__flex fd-theming__flex-column fd-theming__margin-right-1">
1007
1027
  <input type="checkbox" class="fd-checkbox" id="21" checked disabled>
1008
1028
  <label class="fd-checkbox__label" for="16">
1029
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
1009
1030
  <span class="fd-checkbox__text">Disabled</span>
1010
1031
  </label>
1011
1032
 
1012
1033
  <input type="checkbox" class="fd-checkbox is-information" id="22" checked disabled>
1013
1034
  <label class="fd-checkbox__label" for="17">
1035
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
1014
1036
  <span class="fd-checkbox__text">Information</span>
1015
1037
  </label>
1016
1038
 
1017
1039
  <input type="checkbox" class="fd-checkbox is-success" id="23" checked disabled>
1018
1040
  <label class="fd-checkbox__label" for="18">
1041
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
1019
1042
  <span class="fd-checkbox__text">Success</span>
1020
1043
  </label>
1021
1044
 
1022
1045
  <input type="checkbox" class="fd-checkbox is-warning" id="24" checked disabled>
1023
1046
  <label class="fd-checkbox__label" for="19">
1047
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
1024
1048
  <span class="fd-checkbox__text">Warning</span>
1025
1049
  </label>
1026
1050
 
1027
1051
  <input type="checkbox" class="fd-checkbox is-error" id="25" checked disabled>
1028
1052
  <label class="fd-checkbox__label" for="20">
1053
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
1029
1054
  <span class="fd-checkbox__text">Error</span>
1030
1055
  </label>
1031
1056
  </div>
1032
1057
  <div class="fd-theming__flex fd-theming__flex-column fd-theming__margin-right-1">
1033
1058
  <input type="checkbox" class="fd-checkbox tristate" id="tristate6" checked disabled>
1034
1059
  <label class="fd-checkbox__label" for="tristate6">
1060
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
1035
1061
  <span class="fd-checkbox__text">Disabled</span>
1036
1062
  </label>
1037
1063
 
1038
1064
  <input type="checkbox" class="fd-checkbox is-information tristate" id="tristate7" checked disabled>
1039
1065
  <label class="fd-checkbox__label" for="tristate7">
1066
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
1040
1067
  <span class="fd-checkbox__text">Information</span>
1041
1068
  </label>
1042
1069
 
1043
1070
  <input type="checkbox" class="fd-checkbox is-success tristate" id="tristate8" checked disabled>
1044
1071
  <label class="fd-checkbox__label" for="tristate8">
1072
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
1045
1073
  <span class="fd-checkbox__text">Success</span>
1046
1074
  </label>
1047
1075
 
1048
1076
  <input type="checkbox" class="fd-checkbox is-warning tristate" id="tristate9" checked disabled>
1049
1077
  <label class="fd-checkbox__label" for="tristate9">
1078
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
1050
1079
  <span class="fd-checkbox__text">Warning</span>
1051
1080
  </label>
1052
1081
 
1053
1082
  <input type="checkbox" class="fd-checkbox is-error tristate" id="tristate10" checked disabled>
1054
1083
  <label class="fd-checkbox__label" for="tristate10">
1084
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
1055
1085
  <span class="fd-checkbox__text">Error</span>
1056
1086
  </label>
1057
1087
  </div>
1058
1088
  <div class="fd-theming__flex fd-theming__flex-column fd-theming__margin-right-1">
1059
1089
  <input type="checkbox" class="fd-checkbox" id="31" readonly>
1060
1090
  <label class="fd-checkbox__label" for="16">
1091
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
1061
1092
  <span class="fd-checkbox__text">Read-Only</span>
1062
1093
  </label>
1063
1094
 
1064
1095
  <input type="checkbox" class="fd-checkbox is-information" id="32" readonly>
1065
1096
  <label class="fd-checkbox__label" for="17">
1097
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
1066
1098
  <span class="fd-checkbox__text">Information</span>
1067
1099
  </label>
1068
1100
 
1069
1101
  <input type="checkbox" class="fd-checkbox is-success" id="33" readonly>
1070
1102
  <label class="fd-checkbox__label" for="18">
1103
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
1071
1104
  <span class="fd-checkbox__text">Success</span>
1072
1105
  </label>
1073
1106
 
1074
1107
  <input type="checkbox" class="fd-checkbox is-warning" id="34" readonly>
1075
1108
  <label class="fd-checkbox__label" for="19">
1109
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
1076
1110
  <span class="fd-checkbox__text">Warning</span>
1077
1111
  </label>
1078
1112
 
1079
1113
  <input type="checkbox" class="fd-checkbox is-error" id="35" readonly>
1080
1114
  <label class="fd-checkbox__label" for="20">
1115
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
1081
1116
  <span class="fd-checkbox__text">Error</span>
1082
1117
  </label>
1083
1118
  </div>
1084
1119
  <div class="fd-theming__flex fd-theming__flex-column">
1085
1120
  <input type="checkbox" class="fd-checkbox" id="31" readonly checked>
1086
1121
  <label class="fd-checkbox__label" for="16">
1122
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
1087
1123
  <span class="fd-checkbox__text">Read-Only</span>
1088
1124
  </label>
1089
1125
 
1090
1126
  <input type="checkbox" class="fd-checkbox is-information" id="32" readonly checked>
1091
1127
  <label class="fd-checkbox__label" for="17">
1128
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
1092
1129
  <span class="fd-checkbox__text">Information</span>
1093
1130
  </label>
1094
1131
 
1095
1132
  <input type="checkbox" class="fd-checkbox is-success" id="33" readonly checked>
1096
1133
  <label class="fd-checkbox__label" for="18">
1134
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
1097
1135
  <span class="fd-checkbox__text">Success</span>
1098
1136
  </label>
1099
1137
 
1100
1138
  <input type="checkbox" class="fd-checkbox is-warning" id="34" readonly checked>
1101
1139
  <label class="fd-checkbox__label" for="19">
1140
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
1102
1141
  <span class="fd-checkbox__text">Warning</span>
1103
1142
  </label>
1104
1143
 
1105
1144
  <input type="checkbox" class="fd-checkbox is-error" id="35" readonly checked>
1106
1145
  <label class="fd-checkbox__label" for="20">
1146
+ <span class="fd-checkbox__checkmark" aria-hidden="true"></span>
1107
1147
  <span class="fd-checkbox__text">Error</span>
1108
1148
  </label>
1109
1149
  </div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-styles/theming-preview",
3
- "version": "0.30.0-rc.2",
3
+ "version": "0.30.0-rc.21",
4
4
  "license": "Apache-2.0",
5
5
  "homepage": "https://sap.github.io/fundamental-styles/",
6
6
  "description": "Fundamental Library Styles - Theming Package Preview",
@@ -9,7 +9,7 @@
9
9
  "url": "https://github.com/SAP/fundamental-styles"
10
10
  },
11
11
  "dependencies": {
12
- "fundamental-styles": "0.30.0-rc.2"
12
+ "fundamental-styles": "0.30.0-rc.21"
13
13
  }
14
14
  }
15
15
 
package/toolbar.html CHANGED
@@ -51,7 +51,7 @@
51
51
  <span>Text</span>
52
52
  <div class="fd-input-group" style="width: 200px; height: 26px;">
53
53
  <input class="fd-input fd-input--compact fd-input-group__input" type="text" placeholder="Search">
54
- <span class="fd-input-group__addon fd-input-group__addon--button fd-input-group__addon--compact">
54
+ <span class="fd-input-group__addon fd-input-group__addon--button--compact">
55
55
  <button class="fd-input-group__button fd-button fd-button--icon fd-button--transparent fd-button--compact" aria-label="Search">
56
56
  <i class="sap-icon--search"></i>
57
57
  </button>
@@ -100,7 +100,7 @@
100
100
  <span>Text</span>
101
101
  <div class="fd-input-group" style="width: 200px; height: 26px;">
102
102
  <input class="fd-input fd-input--compact fd-input-group__input" type="text" placeholder="Search">
103
- <span class="fd-input-group__addon fd-input-group__addon--button fd-input-group__addon--compact">
103
+ <span class="fd-input-group__addon fd-input-group__addon--button--compact">
104
104
  <button class="fd-input-group__button fd-button fd-button--icon fd-button--transparent fd-button--compact" aria-label="Search">
105
105
  <i class="sap-icon--search"></i>
106
106
  </button>