@ngrok/mantle 0.0.6 → 0.0.8

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 (2) hide show
  1. package/dist/mantle.css +43 -35
  2. package/package.json +16 -14
package/dist/mantle.css CHANGED
@@ -1,5 +1,9 @@
1
1
  @import url("https://cdn.ngrok.com/static/fonts/fonts.css");
2
2
 
3
+ @tailwind base;
4
+ @tailwind components;
5
+ @tailwind utilities;
6
+
3
7
  /**
4
8
  * provide an a11y escape hatch for those that prefer less motion
5
9
  */
@@ -1105,19 +1109,6 @@
1105
1109
  --button: var(--white);
1106
1110
  }
1107
1111
 
1108
- .light {
1109
- color-scheme: light;
1110
- }
1111
- .dark {
1112
- color-scheme: dark;
1113
- }
1114
- .light-high-contrast {
1115
- color-scheme: light;
1116
- }
1117
- .dark-high-contrast {
1118
- color-scheme: dark;
1119
- }
1120
-
1121
1112
  /**
1122
1113
  * prism.js default theme for JavaScript, CSS and HTML
1123
1114
  * Based on dabblet (http://dabblet.com)
@@ -1184,32 +1175,49 @@
1184
1175
  font-style: italic;
1185
1176
  }
1186
1177
 
1187
- .scrollbar::-webkit-scrollbar {
1188
- width: 0.5rem;
1189
- height: 0.5rem;
1190
- background-color: transparent;
1178
+ @layer base {
1179
+ body {
1180
+ @apply bg-white text-gray-900;
1181
+ }
1191
1182
  }
1192
1183
 
1193
- .scrollbar::-webkit-scrollbar-track {
1194
- border-radius: 0.5rem;
1195
- background-color: transparent;
1196
- }
1184
+ @layer utilities {
1185
+ .light {
1186
+ color-scheme: light;
1187
+ }
1188
+ .dark {
1189
+ color-scheme: dark;
1190
+ }
1191
+ .light-high-contrast {
1192
+ color-scheme: light;
1193
+ }
1194
+ .dark-high-contrast {
1195
+ color-scheme: dark;
1196
+ }
1197
1197
 
1198
- .scrollbar::-webkit-scrollbar-thumb {
1199
- border-radius: 0.5rem;
1200
- background-color: hsl(var(--gray-800) / 0.5);
1201
- }
1198
+ .scrollbar::-webkit-scrollbar {
1199
+ width: 0.5rem;
1200
+ height: 0.5rem;
1201
+ background-color: transparent;
1202
+ }
1202
1203
 
1203
- .scrollbar::-webkit-scrollbar-corner {
1204
- background-color: transparent;
1205
- border-color: transparent;
1206
- }
1204
+ .scrollbar::-webkit-scrollbar-track {
1205
+ border-radius: 0.5rem;
1206
+ background-color: transparent;
1207
+ }
1207
1208
 
1208
- .scrollbar {
1209
- scrollbar-color: hsl(var(--gray-600) / 0.5) transparent;
1210
- scrollbar-width: thin;
1211
- }
1209
+ .scrollbar::-webkit-scrollbar-thumb {
1210
+ border-radius: 0.5rem;
1211
+ background-color: hsl(var(--gray-800) / 0.5);
1212
+ }
1212
1213
 
1213
- body {
1214
- @apply bg-white text-gray-900;
1214
+ .scrollbar::-webkit-scrollbar-corner {
1215
+ background-color: transparent;
1216
+ border-color: transparent;
1217
+ }
1218
+
1219
+ .scrollbar {
1220
+ scrollbar-color: hsl(var(--gray-600) / 0.5) transparent;
1221
+ scrollbar-width: thin;
1222
+ }
1215
1223
  }
package/package.json CHANGED
@@ -3,13 +3,15 @@
3
3
  "description": "mantle is ngrok's UI library and design system.",
4
4
  "author": "ngrok",
5
5
  "license": "MIT",
6
- "version": "0.0.6",
6
+ "version": "0.0.8",
7
7
  "homepage": "https://mantle.ngrok.com",
8
8
  "repository": {
9
9
  "type": "git",
10
10
  "url": "https://github.com/ngrok-oss/mantle"
11
11
  },
12
- "sideEffects": false,
12
+ "sideEffects": [
13
+ "*.css"
14
+ ],
13
15
  "type": "module",
14
16
  "browserslist": [
15
17
  "last 2 years, not dead, > 0.2%"
@@ -35,10 +37,10 @@
35
37
  "@radix-ui/react-select": "2.0.0",
36
38
  "@radix-ui/react-slot": "1.0.2",
37
39
  "@radix-ui/react-tooltip": "1.0.7",
38
- "@remix-run/css-bundle": "2.5.1",
39
- "@remix-run/node": "2.5.1",
40
- "@remix-run/react": "2.5.1",
41
- "@remix-run/serve": "2.5.1",
40
+ "@remix-run/css-bundle": "2.6.0",
41
+ "@remix-run/node": "2.6.0",
42
+ "@remix-run/react": "2.6.0",
43
+ "@remix-run/serve": "2.6.0",
42
44
  "@uidotdev/usehooks": "2.4.1",
43
45
  "class-variance-authority": "0.7.0",
44
46
  "clsx": "2.1.0",
@@ -48,12 +50,12 @@
48
50
  "tiny-invariant": "1.3.1"
49
51
  },
50
52
  "devDependencies": {
51
- "@commander-js/extra-typings": "11.1.0",
53
+ "@commander-js/extra-typings": "12.0.0",
52
54
  "@ianvs/prettier-plugin-sort-imports": "4.1.1",
53
55
  "@parcel/packager-ts": "2.11.0",
54
56
  "@parcel/transformer-typescript-types": "2.11.0",
55
- "@remix-run/dev": "2.5.1",
56
- "@remix-run/eslint-config": "2.5.1",
57
+ "@remix-run/dev": "2.6.0",
58
+ "@remix-run/eslint-config": "2.6.0",
57
59
  "@storybook/addon-essentials": "7.6.12",
58
60
  "@storybook/addon-interactions": "7.6.12",
59
61
  "@storybook/addon-links": "7.6.12",
@@ -64,11 +66,11 @@
64
66
  "@storybook/react": "7.6.12",
65
67
  "@storybook/react-vite": "7.6.12",
66
68
  "@storybook/testing-library": "0.2.2",
67
- "@testing-library/react": "14.2.0",
69
+ "@testing-library/react": "14.2.1",
68
70
  "@testing-library/user-event": "14.5.2",
69
71
  "@types/node": "20.11.16",
70
72
  "@types/prismjs": "1.26.3",
71
- "@types/react": "18.2.51",
73
+ "@types/react": "18.2.53",
72
74
  "@types/react-dom": "18.2.18",
73
75
  "@typescript-eslint/eslint-plugin": "6.20.0",
74
76
  "@typescript-eslint/parser": "6.20.0",
@@ -76,7 +78,7 @@
76
78
  "@vitest/ui": "1.2.2",
77
79
  "autoprefixer": "10.4.17",
78
80
  "browserslist": "4.22.3",
79
- "commander": "11.1.0",
81
+ "commander": "12.0.0",
80
82
  "copyfiles": "2.4.1",
81
83
  "eslint": "8.56.0",
82
84
  "eslint-config-prettier": "9.1.0",
@@ -84,10 +86,10 @@
84
86
  "eslint-plugin-react-hooks": "4.6.0",
85
87
  "eslint-plugin-storybook": "0.6.15",
86
88
  "fast-glob": "3.3.2",
87
- "jsdom": "23.2.0",
89
+ "jsdom": "24.0.0",
88
90
  "parcel": "2.11.0",
89
91
  "postcss": "8.4.33",
90
- "prettier": "3.2.4",
92
+ "prettier": "3.2.5",
91
93
  "prettier-plugin-tailwindcss": "0.5.11",
92
94
  "react": "18.2.0",
93
95
  "react-dom": "18.2.0",