@explorer-1/vue 0.0.2 → 0.0.4
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.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@explorer-1/vue",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.4",
|
|
4
4
|
"private": false,
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -28,16 +28,16 @@
|
|
|
28
28
|
"vue": "^3.4.21",
|
|
29
29
|
"vue-observe-visibility": "^1.0.0",
|
|
30
30
|
"vue3-compare-image": "^1.2.5",
|
|
31
|
-
"@explorer-1/common": "1.0.
|
|
31
|
+
"@explorer-1/common": "1.0.2"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@vitejs/plugin-vue": "^5.0.4",
|
|
35
35
|
"autoprefixer": "^10.4.19",
|
|
36
36
|
"postcss": "^8.4.38",
|
|
37
37
|
"postcss-import": "^16.1.0",
|
|
38
|
-
"typescript": "^5.
|
|
38
|
+
"typescript": "^5.4.5",
|
|
39
39
|
"unplugin-vue-components": "^0.27.0",
|
|
40
|
-
"vite": "^5.
|
|
40
|
+
"vite": "^5.3.1",
|
|
41
41
|
"vite-plugin-dts": "^3.9.1",
|
|
42
42
|
"vue-tsc": "^2.0.6",
|
|
43
43
|
"@explorer-1/prettier-config": "1.0.0"
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<table class="table-autotext-sm">
|
|
2
|
+
<table class="DynamicTokensTable table-autotext-sm">
|
|
3
3
|
<thead>
|
|
4
4
|
<tr>
|
|
5
5
|
<th class="text-left w-1/2">Color</th>
|
|
@@ -95,12 +95,14 @@
|
|
|
95
95
|
</tbody>
|
|
96
96
|
</table>
|
|
97
97
|
</template>
|
|
98
|
-
<style
|
|
99
|
-
.
|
|
100
|
-
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
98
|
+
<style lang="scss">
|
|
99
|
+
.DynamicTokensTable {
|
|
100
|
+
.ThemeVariantDark & {
|
|
101
|
+
@apply text-white #{!important};
|
|
102
|
+
}
|
|
103
|
+
td,
|
|
104
|
+
th {
|
|
105
|
+
@apply px-2;
|
|
106
|
+
}
|
|
105
107
|
}
|
|
106
108
|
</style>
|
|
@@ -30,7 +30,7 @@ Changing the Theme and Variant to see how the dynamic tokens change.
|
|
|
30
30
|
|
|
31
31
|
For components that have light and dark themes, add theme rules to the end of your scss. The following is an example of a component whose background should be `bg-white` by default and in `ThemeVariantLight` but `bg-black` in `ThemeVariantDark`
|
|
32
32
|
|
|
33
|
-
```
|
|
33
|
+
```css
|
|
34
34
|
.MyComponent {
|
|
35
35
|
// set the default background color
|
|
36
36
|
@apply bg-white;
|
package/src/utils/dayjs.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import dayjs from 'dayjs'
|
|
2
|
-
import updateLocale from 'dayjs/plugin/updateLocale'
|
|
3
|
-
import localizedFormat from 'dayjs/plugin/localizedFormat'
|
|
4
|
-
import timezone from 'dayjs/plugin/timezone'
|
|
5
|
-
import advancedFormat from 'dayjs/plugin/advancedFormat'
|
|
2
|
+
import updateLocale from 'dayjs/plugin/updateLocale.js'
|
|
3
|
+
import localizedFormat from 'dayjs/plugin/localizedFormat.js'
|
|
4
|
+
import timezone from 'dayjs/plugin/timezone.js'
|
|
5
|
+
import advancedFormat from 'dayjs/plugin/advancedFormat.js'
|
|
6
6
|
|
|
7
7
|
// Locales must be imported manually
|
|
8
8
|
// see https://github.com/iamkun/dayjs/tree/dev/src/locale
|
|
9
|
-
import 'dayjs/locale/en-gb'
|
|
9
|
+
import 'dayjs/locale/en-gb.js'
|
|
10
10
|
|
|
11
11
|
dayjs.extend(localizedFormat)
|
|
12
12
|
dayjs.extend(updateLocale)
|