@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/src/components/atoms/Button/Button.scss CHANGED
@@ -62,34 +62,34 @@ html[data-theme='lawdistrict'] {
62
62
  border: none;
63
63
 
64
64
  &:hover {
65
- color: var(--primary-main);
65
+ color: var(--button-hover);
66
66
  }
67
67
  }
68
68
 
69
69
  &.--primary {
70
70
  display: inline-block;
71
71
  &-1 {
72
- background-color: var(--primary-main-light-1);
73
- border: 2px solid var(--primary-main-light-1);
72
+ background-color: var(--button);
73
+ border: 2px solid var(--button);
74
74
  color: get-color(others, white);
75
75
  font-weight: bold;
76
76
  height: 100%;
77
77
 
78
78
  &:hover {
79
- background-color: var(--primary-main);
80
- border-color: var(--primary-main);
79
+ background-color: var(--button-hover);
80
+ border-color: var(--button-hover);
81
81
  }
82
82
  }
83
83
 
84
84
  &-2 {
85
- background-color: var(--primary-main-dark-2);
86
- border: 2px solid var(--primary-main-dark-2);
85
+ background-color: var(--button-2);
86
+ border: 2px solid var(--button-2);
87
87
  color: get-color(others, white);
88
88
  font-weight: bold;
89
89
 
90
90
  &:hover {
91
- background-color: var(--primary-main-dark-1);
92
- border-color: var(--primary-main-dark-1);
91
+ background-color: var(--button-2-hover);
92
+ border-color: var(--button-2-hover);
93
93
  }
94
94
  }
95
95
 
@@ -106,14 +106,14 @@ html[data-theme='lawdistrict'] {
106
106
  }
107
107
 
108
108
  &-4 {
109
- background-color: var(--primary-main-dark-2);
110
- border: 2px solid var(--primary-main-dark-2);
111
- color: var(--primary-main-light-6);
109
+ background-color: var(--button-4);
110
+ border: 2px solid var(--button-4);
111
+ color: var(--button-4-color);
112
112
  font-weight: bold;
113
113
 
114
114
  &:hover {
115
- background-color: var(--primary-main-dark-1);
116
- border-color: var(--primary-main-dark-1);
115
+ background-color: var(--button-4-hover);
116
+ border-color: var(--button-4-hover);
117
117
  }
118
118
  }
119
119
  }
@@ -123,12 +123,12 @@ html[data-theme='lawdistrict'] {
123
123
 
124
124
  &-1 {
125
125
  background-color: transparent;
126
- border: 2px solid var(--primary-main-light-1);
127
- color: var(--primary-main-light-1);
126
+ border: 2px solid var(--button-secondary);
127
+ color: var(--button-secondary);
128
128
  font-weight: bold;
129
129
 
130
130
  &:hover {
131
- background-color: var(--primary-main-light-5);
131
+ background-color: var(--button-secondary-hover);
132
132
  }
133
133
  }
134
134
 
@@ -259,12 +259,12 @@ html[data-theme='lawdistrict'] {
259
259
  font-weight: bold;
260
260
  padding: 0.5rem 1rem;
261
261
  display: inline-block;
262
- color: var(--primary-main);
262
+ color: var(--button-tertiary);
263
263
  border: none;
264
264
  background: none;
265
265
 
266
266
  &:hover {
267
- background-color: var(--primary-main-light-4);
267
+ background-color: var(--button-tertiary-hover);
268
268
  }
269
269
  }
270
270
 
package/dist/src/components/molecules/BoxForm/BoxForm.scss CHANGED
@@ -103,7 +103,7 @@
103
103
  }
104
104
 
105
105
  .box--form__link {
106
- color: var(--primary-main);
106
+ color: var(--button-hover);
107
107
  }
108
108
 
109
109
  .body-container {
package/dist/src/components/molecules/Feedback/Feedback.scss CHANGED
@@ -48,7 +48,7 @@
48
48
 
49
49
  &--success {
50
50
  .feedback__icon {
51
- background: var(--primary-main-light-5);
51
+ background: var(--feedback-success);
52
52
  }
53
53
 
54
54
  .feedback__title {
package/dist/src/components/molecules/Snackbar/Snackbar.scss CHANGED
@@ -63,9 +63,9 @@
63
63
  }
64
64
 
65
65
  &--success {
66
- background-color: var(--primary-main-light-3);
67
- color: var(--primary-main-dark-1);
68
- border: 1px solid var(--primary-main-light-2);
66
+ background-color: var(--snackbar-success-bg);
67
+ color: var(--snackbar-success-color);
68
+ border: 1px solid var(--snackbar-success-border);
69
69
 
70
70
  &:before {
71
71
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0icHJlZml4X19hIiBkPSJNOC44IDE1LjlMNC42IDExLjcgMy4yIDEzLjEgOC44IDE4LjcgMjAuOCA2LjcgMTkuNCA1LjN6Ii8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0wIDBIMjRWMjRIMHoiLz4KICAgICAgICA8bWFzayBpZD0icHJlZml4X19iIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcHJlZml4X19hIi8+CiAgICAgICAgPC9tYXNrPgogICAgICAgIDxnIGZpbGw9IiMwMjM3NEEiIG1hc2s9InVybCgjcHJlZml4X19iKSI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wIDBIMjRWMjRIMHoiLz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=)
@@ -85,9 +85,9 @@
85
85
  }
86
86
 
87
87
  &--reminder {
88
- background-color: var(--secondary-main);
88
+ background-color: var(--snackbar-reminder-bg);
89
89
  color: get-color(neutral, main);
90
- border: 1px solid var(--secondary-main-dark-1);
90
+ border: 1px solid var(--snackbar-reminder-border);
91
91
 
92
92
  &:before {
93
93
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0icHJlZml4X19hIiBkPSJNMjAgMkg0Yy0xLjEgMC0yIC45LTIgMnYxOGw0LTRoMTRjMS4xIDAgMi0uOSAyLTJWNGMwLTEuMS0uOS0yLTItMnptMCAxNEg2bC0yIDJWNGgxNnYxMnpNNyA5aDJ2Mkg3Vjl6bTQgMGgydjJoLTJWOXptNCAwaDJ2MmgtMlY5eiIvPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6Ii8+CiAgICAgICAgPG1hc2sgaWQ9InByZWZpeF9fYiIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3ByZWZpeF9fYSIvPgogICAgICAgIDwvbWFzaz4KICAgICAgICA8ZyBmaWxsPSIjOTM2QzJGIiBtYXNrPSJ1cmwoI3ByZWZpeF9fYikiPgogICAgICAgICAgICA8cGF0aCBkPSJNMCAwSDI0VjI0SDB6Ii8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K)
package/dist/src/globalStyles/themes.scss CHANGED
@@ -1,3 +1,27 @@
1
+ //generic
2
+ html {
3
+ --button: #05646e; //LAWDISTRICT_PRIMARY_700
4
+ --button-hover: #078080; //$LAWDISTRICT_PRIMARY_500PRINCIPAL
5
+ --button-2: #032a38; //$LAWDISTRICT_PRIMARY_900;
6
+ --button-2-hover: #02374a; //$LAWDISTRICT_PRIMARY_800
7
+ --button-4: #032a38; //$LAWDISTRICT_PRIMARY_900;
8
+ --button-4-color: #eff7f5; //$LAWDISTRICT_PRIMARY_50;
9
+ --button-4-hover: #02374a; //$LAWDISTRICT_PRIMARY_800
10
+ --button-secondary: #05646e; //LAWDISTRICT_PRIMARY_700
11
+ --button-secondary-hover: #e4f8f3; //LAWDISTRICT_PRIMARY_100:
12
+ --button-tertiary: #078080;
13
+ --button-tertiary-hover: #c0f7e8;
14
+
15
+ --feeback-success: #e4f8f3;
16
+
17
+ --snackbar-success-bg: #5dd8c3;
18
+ --snackbar-success-color: #02374a;
19
+ --snackbar-success-border: #34b2a7;
20
+
21
+ --snackbar-reminder-bg: #f2bd6a;
22
+ --snackbar-reminder-border: #cd9a4c;
23
+ }
24
+
1
25
  html {
2
26
  --primary-main-light-6: #eff7f5;
3
27
  --primary-main-light-5: #e4f8f3;
package/dist/src/index.d.ts CHANGED
@@ -1,2 +0,0 @@
1
- import { DatePickerCustom } from './components/atoms/DatePickerCustom';
2
- export { DatePickerCustom };
package/dist/src/index.js CHANGED
@@ -1,2 +1 @@
1
- import { DatePickerCustom } from './components/atoms/DatePickerCustom';
2
- export { DatePickerCustom };
1
+ "use strict";
package/dist/src/index.ts CHANGED
@@ -1,3 +0,0 @@
1
- import { DatePickerCustom } from './components/atoms/DatePickerCustom'
2
-
3
- export { DatePickerCustom }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "4.1.23",
3
+ "version": "4.1.25",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -136,6 +136,7 @@
136
136
  "./DialogMenuIcon": "./dist/src/components/atoms/DialogMenuIcon/index.js",
137
137
  "./Disclaimer": "./dist/src/components/atoms/Disclaimer/index.js",
138
138
  "./DisclaimerRatafia": "./dist/src/components/atoms/DisclaimerRatafia/index.js",
139
+ "./DatePickerCustom": "./dist/src/components/atoms/DatePickerCustom/index.js",
139
140
  "./Divider": "./dist/src/components/atoms/Divider/index.js",
140
141
  "./DocumentStatus": "./dist/src/components/atoms/DocumentStatus/index.js",
141
142
  "./DocumentTag": "./dist/src/components/atoms/DocumentTag/index.js",