@npm_leadtech/legal-lib-components 4.1.23 → 4.1.25

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 (12) hide show
  1. package/dist/css/styles.css +45 -26
  2. package/dist/index.js +0 -14671
  3. package/dist/index.js.map +4 -4
  4. package/dist/src/components/atoms/Button/Button.scss +19 -19
  5. package/dist/src/components/molecules/BoxForm/BoxForm.scss +1 -1
  6. package/dist/src/components/molecules/Feedback/Feedback.scss +1 -1
  7. package/dist/src/components/molecules/Snackbar/Snackbar.scss +5 -5
  8. package/dist/src/globalStyles/themes.scss +24 -0
  9. package/dist/src/index.d.ts +0 -2
  10. package/dist/src/index.js +1 -2
  11. package/dist/src/index.ts +0 -3
  12. package/package.json +2 -1
package/dist/css/styles.css CHANGED
@@ -197,6 +197,25 @@ a {
197
197
  .cursor-pointer {
198
198
  cursor: pointer;
199
199
  }
200
+ html {
201
+ --button: #05646e;
202
+ --button-hover: #078080;
203
+ --button-2: #032a38;
204
+ --button-2-hover: #02374a;
205
+ --button-4: #032a38;
206
+ --button-4-color: #eff7f5;
207
+ --button-4-hover: #02374a;
208
+ --button-secondary: #05646e;
209
+ --button-secondary-hover: #e4f8f3;
210
+ --button-tertiary: #078080;
211
+ --button-tertiary-hover: #c0f7e8;
212
+ --feeback-success: #e4f8f3;
213
+ --snackbar-success-bg: #5dd8c3;
214
+ --snackbar-success-color: #02374a;
215
+ --snackbar-success-border: #34b2a7;
216
+ --snackbar-reminder-bg: #f2bd6a;
217
+ --snackbar-reminder-border: #cd9a4c;
218
+ }
200
219
  html {
201
220
  --primary-main-light-6: #eff7f5;
202
221
  --primary-main-light-5: #e4f8f3;
@@ -987,31 +1006,31 @@ html[data-theme=lawdistrict] .e-button.--primary-3 {
987
1006
  border: none;
988
1007
  }
989
1008
  .e-button.--styleless:hover {
990
- color: var(--primary-main);
1009
+ color: var(--button-hover);
991
1010
  }
992
1011
  .e-button.--primary {
993
1012
  display: inline-block;
994
1013
  }
995
1014
  .e-button.--primary-1 {
996
- background-color: var(--primary-main-light-1);
997
- border: 2px solid var(--primary-main-light-1);
1015
+ background-color: var(--button);
1016
+ border: 2px solid var(--button);
998
1017
  color: var(--others-white);
999
1018
  font-weight: bold;
1000
1019
  height: 100%;
1001
1020
  }
1002
1021
  .e-button.--primary-1:hover {
1003
- background-color: var(--primary-main);
1004
- border-color: var(--primary-main);
1022
+ background-color: var(--button-hover);
1023
+ border-color: var(--button-hover);
1005
1024
  }
1006
1025
  .e-button.--primary-2 {
1007
- background-color: var(--primary-main-dark-2);
1008
- border: 2px solid var(--primary-main-dark-2);
1026
+ background-color: var(--button-2);
1027
+ border: 2px solid var(--button-2);
1009
1028
  color: var(--others-white);
1010
1029
  font-weight: bold;
1011
1030
  }
1012
1031
  .e-button.--primary-2:hover {
1013
- background-color: var(--primary-main-dark-1);
1014
- border-color: var(--primary-main-dark-1);
1032
+ background-color: var(--button-2-hover);
1033
+ border-color: var(--button-2-hover);
1015
1034
  }
1016
1035
  .e-button.--primary-3 {
1017
1036
  background-color: var(--secondary-main);
@@ -1024,26 +1043,26 @@ html[data-theme=lawdistrict] .e-button.--primary-3 {
1024
1043
  border-color: var(--secondary-main-dark-1);
1025
1044
  }
1026
1045
  .e-button.--primary-4 {
1027
- background-color: var(--primary-main-dark-2);
1028
- border: 2px solid var(--primary-main-dark-2);
1029
- color: var(--primary-main-light-6);
1046
+ background-color: var(--button-4);
1047
+ border: 2px solid var(--button-4);
1048
+ color: var(--button-4-color);
1030
1049
  font-weight: bold;
1031
1050
  }
1032
1051
  .e-button.--primary-4:hover {
1033
- background-color: var(--primary-main-dark-1);
1034
- border-color: var(--primary-main-dark-1);
1052
+ background-color: var(--button-4-hover);
1053
+ border-color: var(--button-4-hover);
1035
1054
  }
1036
1055
  .e-button.--secondary {
1037
1056
  display: inline-block;
1038
1057
  }
1039
1058
  .e-button.--secondary-1 {
1040
1059
  background-color: transparent;
1041
- border: 2px solid var(--primary-main-light-1);
1042
- color: var(--primary-main-light-1);
1060
+ border: 2px solid var(--button-secondary);
1061
+ color: var(--button-secondary);
1043
1062
  font-weight: bold;
1044
1063
  }
1045
1064
  .e-button.--secondary-1:hover {
1046
- background-color: var(--primary-main-light-5);
1065
+ background-color: var(--button-secondary-hover);
1047
1066
  }
1048
1067
  .e-button.--secondary-2 {
1049
1068
  background-color: transparent;
@@ -1146,12 +1165,12 @@ html[data-theme=lawdistrict] .e-button.--primary-3 {
1146
1165
  font-weight: bold;
1147
1166
  padding: 0.5rem 1rem;
1148
1167
  display: inline-block;
1149
- color: var(--primary-main);
1168
+ color: var(--button-tertiary);
1150
1169
  border: none;
1151
1170
  background: none;
1152
1171
  }
1153
1172
  .button--tertiary:hover {
1154
- background-color: var(--primary-main-light-4);
1173
+ background-color: var(--button-tertiary-hover);
1155
1174
  }
1156
1175
  .button--small {
1157
1176
  line-height: 1;
@@ -4875,7 +4894,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
4875
4894
  }
4876
4895
  }
4877
4896
  .box--form__link {
4878
- color: var(--primary-main);
4897
+ color: var(--button-hover);
4879
4898
  }
4880
4899
  .body-container {
4881
4900
  display: flex;
@@ -5150,7 +5169,7 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
5150
5169
  color: var(--error-main);
5151
5170
  }
5152
5171
  .feedback--success .feedback__icon {
5153
- background: var(--primary-main-light-5);
5172
+ background: var(--feedback-success);
5154
5173
  }
5155
5174
  .feedback--success .feedback__title {
5156
5175
  color: var(--primary-main-dark-1);
@@ -6009,9 +6028,9 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
6009
6028
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0icHJlZml4X19hIiBkPSJNMjAgMkg0Yy0xLjEgMC0yIC45LTIgMnYxOGw0LTRoMTRjMS4xIDAgMi0uOSAyLTJWNGMwLTEuMS0uOS0yLTItMnptMCAxNEg2bC0yIDJWNGgxNnYxMnpNNyA5aDJ2Mkg3Vjl6bTQgMGgydjJoLTJWOXptNCAwaDJ2MmgtMlY5eiIvPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6Ii8+CiAgICAgICAgPG1hc2sgaWQ9InByZWZpeF9fYiIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3ByZWZpeF9fYSIvPgogICAgICAgIDwvbWFzaz4KICAgICAgICA8ZyBmaWxsPSIjNUREOEMzIiBtYXNrPSJ1cmwoI3ByZWZpeF9fYikiPgogICAgICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6Ii8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K) no-repeat;
6010
6029
  }
6011
6030
  .snackbar--success {
6012
- background-color: var(--primary-main-light-3);
6013
- color: var(--primary-main-dark-1);
6014
- border: 1px solid var(--primary-main-light-2);
6031
+ background-color: var(--snackbar-success-bg);
6032
+ color: var(--snackbar-success-color);
6033
+ border: 1px solid var(--snackbar-success-border);
6015
6034
  }
6016
6035
  .snackbar--success:before {
6017
6036
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0icHJlZml4X19hIiBkPSJNOC44IDE1LjlMNC42IDExLjcgMy4yIDEzLjEgOC44IDE4LjcgMjAuOCA2LjcgMTkuNCA1LjN6Ii8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0wIDBIMjRWMjRIMHoiLz4KICAgICAgICA8bWFzayBpZD0icHJlZml4X19iIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcHJlZml4X19hIi8+CiAgICAgICAgPC9tYXNrPgogICAgICAgIDxnIGZpbGw9IiMwMjM3NEEiIG1hc2s9InVybCgjcHJlZml4X19iKSI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wIDBIMjRWMjRIMHoiLz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=) no-repeat;
@@ -6025,9 +6044,9 @@ html[data-theme=lawdistrict] .document-status.--is-new .icon {
6025
6044
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0icHJlZml4X19hIiBkPSJNMTIgMkM2LjQ3IDIgMiA2LjQ3IDIgMTJzNC40NyAxMCAxMCAxMCAxMC00LjQ3IDEwLTEwUzE3LjUzIDIgMTIgMnptMCAxOGMtNC40MSAwLTgtMy41OS04LThzMy41OS04IDgtOCA4IDMuNTkgOCA4LTMuNTkgOC04IDh6bS0xLTloMnY2aC0ydi02em0wLTRoMnYyaC0yVjd6IiAvPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6IiAvPgogICAgICAgIDxtYXNrIGlkPSJwcmVmaXhfX2IiIGZpbGw9IiNmZmYiPgogICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwcmVmaXhfX2EiIC8+CiAgICAgICAgPC9tYXNrPgogICAgICAgIDx1c2UgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiB4bGluazpocmVmPSIjcHJlZml4X19hIiAvPgogICAgICAgIDxnIGZpbGw9IiNGRkYiIG1hc2s9InVybCgjcHJlZml4X19iKSI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wIDBIMjRWMjRIMHoiIC8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat;
6026
6045
  }
6027
6046
  .snackbar--reminder {
6028
- background-color: var(--secondary-main);
6047
+ background-color: var(--snackbar-reminder-bg);
6029
6048
  color: var(--neutral-main);
6030
- border: 1px solid var(--secondary-main-dark-1);
6049
+ border: 1px solid var(--snackbar-reminder-border);
6031
6050
  }
6032
6051
  .snackbar--reminder:before {
6033
6052
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0icHJlZml4X19hIiBkPSJNMjAgMkg0Yy0xLjEgMC0yIC45LTIgMnYxOGw0LTRoMTRjMS4xIDAgMi0uOSAyLTJWNGMwLTEuMS0uOS0yLTItMnptMCAxNEg2bC0yIDJWNGgxNnYxMnpNNyA5aDJ2Mkg3Vjl6bTQgMGgydjJoLTJWOXptNCAwaDJ2MmgtMlY5eiIvPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6Ii8+CiAgICAgICAgPG1hc2sgaWQ9InByZWZpeF9fYiIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3ByZWZpeF9fYSIvPgogICAgICAgIDwvbWFzaz4KICAgICAgICA8ZyBmaWxsPSIjOTM2QzJGIiBtYXNrPSJ1cmwoI3ByZWZpeF9fYikiPgogICAgICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6Ii8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K) no-repeat;