@logto/core-kit 2.0.0 → 2.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.
Files changed (3) hide show
  1. package/package.json +8 -4
  2. package/scss/_console-themes.scss +24 -8
  3. package/scss/_fonts.scss +4 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@logto/core-kit",
3
- "version": "2.0.0",
3
+ "version": "2.0.1",
4
4
  "author": "Silverhand Inc. <contact@silverhand.io>",
5
5
  "homepage": "https://github.com/logto-io/toolkit#readme",
6
6
  "repository": {
@@ -11,9 +11,13 @@
11
11
  "type": "module",
12
12
  "main": "./lib/index.js",
13
13
  "exports": {
14
- "default": "./lib/index.js",
15
- "types": "./lib/index.d.ts",
16
- "import": "./lib/index.js"
14
+ ".": {
15
+ "default": "./lib/index.js",
16
+ "types": "./lib/index.d.ts",
17
+ "import": "./lib/index.js"
18
+ },
19
+ "./declaration": "./declaration/index.ts",
20
+ "./scss/*": "./scss/*.scss"
17
21
  },
18
22
  "types": "./lib/index.d.ts",
19
23
  "files": [
package/scss/_console-themes.scss CHANGED
@@ -105,10 +105,15 @@
105
105
  --color-tertiary-container: var(--color-tertiary-90);
106
106
  --color-on-tertiary-container: var(--color-tertiary-10);
107
107
  --color-error: var(--color-error-40);
108
- --color-on-error: var(--color-all-100);
109
- --color-error-container: var(--color-error-90);
110
- --color-on-error-container: var(--color-error-10);
111
- --color-alert-container: var(--color-alert-99);
108
+ --color-error-hover: var(--color-error-50);
109
+ --color-error-container: var(--color-error-95);
110
+ --color-on-error-container: var(--color-error-50);
111
+ --color-alert-container: var(--color-alert-95);
112
+ --color-on-alert-container: var(--color-alert-70);
113
+ --color-success-container: var(--color-success-99);
114
+ --color-on-success-container: var(--color-success-70);
115
+ --color-info-container: var(--color-neutral-variant-90);
116
+ --color-on-info-container: var(--color-neutral-variant-60);
112
117
  --color-background: var(--color-neutral-99);
113
118
  --color-on-background: var(--color-neutral-10);
114
119
  --color-surface: var(--color-neutral-99);
@@ -150,6 +155,9 @@
150
155
  --color-hover-variant: rgba(93, 52, 242, 8%); // 8% Primary-40
151
156
  --color-pressed-variant: rgba(93, 52, 242, 12%); // 12% Primary-40
152
157
  --color-focused-variant: rgba(93, 52, 242, 16%); // 16% Primary-40
158
+ --color-env-tag-development: rgba(93, 52, 242, 15%);
159
+ --color-env-tag-staging: rgba(255, 185, 90, 35%);
160
+ --color-env-tag-production: rgba(131, 218, 133, 35%);
153
161
 
154
162
  // Shadows
155
163
  --shadow-1: 0 4px 8px rgba(0, 0, 0, 8%);
@@ -278,10 +286,15 @@
278
286
  --color-tertiary-container: var(--color-tertiary-90);
279
287
  --color-on-tertiary-container: var(--color-tertiary-30);
280
288
  --color-error: var(--color-error-70);
281
- --color-on-error: var(--color-all-0);
282
- --color-error-container: var(--color-error-90);
283
- --color-on-error-container: var(--color-error-30);
289
+ --color-error-hover: var(--color-error-60);
290
+ --color-error-container: var(--color-error-95);
291
+ --color-on-error-container: var(--color-error-70);
284
292
  --color-alert-container: var(--color-alert-90);
293
+ --color-on-alert-container: var(--color-alert-60);
294
+ --color-success-container: var(--color-success-90);
295
+ --color-on-success-container: var(--color-success-60);
296
+ --color-info-container: var(--color-neutral-variant-90);
297
+ --color-on-info-container: var(--color-neutral-variant-70);
285
298
  --color-background: var(--color-neutral-99);
286
299
  --color-on-background: var(--color-neutral-10);
287
300
  --color-surface: var(--color-neutral-99);
@@ -323,6 +336,9 @@
323
336
  --color-hover-variant: rgba(202, 190, 255, 8%); // 8% Primary-40
324
337
  --color-pressed-variant: rgba(202, 190, 255, 12%); // 12% Primary-40
325
338
  --color-focused-variant: rgba(202, 190, 255, 16%); // 16% Primary-40
339
+ --color-env-tag-development: rgba(202, 190, 255, 32%);
340
+ --color-env-tag-staging: rgba(235, 153, 24, 36%);
341
+ --color-env-tag-production: rgba(104, 190, 108, 36%);
326
342
 
327
343
  // Shadows
328
344
  --shadow-1: 0 4px 8px rgba(0, 0, 0, 8%);
@@ -337,7 +353,7 @@
337
353
  --color-danger-focused: rgba(255, 180, 169, 16%); // 16% Error-40
338
354
  --color-tooltip-background: var(--color-surface-4);
339
355
  --color-tooltip-text: var(--color-neutral-10);
340
- --color-overlay: rgba(0, 0, 0, 30%);
356
+ --color-overlay: rgba(0, 0, 0, 70%); // 70% Neutral-100
341
357
  --color-drawer-overlay: rgba(0, 0, 0, 60%);
342
358
  --color-guide-dropdown-background: var(--color-neutral-variant-80);
343
359
  --color-guide-dropdown-border: var(--color-neutral-variant-70);
package/scss/_fonts.scss CHANGED
@@ -12,6 +12,9 @@ $font-family:
12
12
 
13
13
  :root {
14
14
  --font-family: #{$font-family};
15
+ --font-display-1: 700 48/56px #{$font-family};
16
+ --font-display-2: 700 40px/48px #{$font-family};
17
+ --font-display-3: 700 32px/40px #{$font-family};
15
18
  --font-headline-1: 600 32px/40px #{$font-family};
16
19
  --font-headline-2: 600 28px/36px #{$font-family};
17
20
  --font-headline-3: 600 24px/32px #{$font-family};
@@ -21,6 +24,7 @@ $font-family:
21
24
  --font-label-1: 500 16px/24px #{$font-family};
22
25
  --font-label-2: 500 14px/20px #{$font-family};
23
26
  --font-label-3: 500 12px/16px #{$font-family};
27
+ --font-body-0: 400 18px/26px #{$font-family};
24
28
  --font-body-1: 400 16px/24px #{$font-family};
25
29
  --font-body-2: 400 14px/20px #{$font-family};
26
30
  --font-body-3: 400 12px/16px #{$font-family};