@explorer-1/vue 0.0.2 → 0.0.3

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 (5) hide show
  1. package/dist/explorer-1-vue.js +320 -588
  2. package/dist/src/utils/mixins.d.ts +1 -1
  3. package/package.json +3 -3
  4. package/src/docs/foundation/DynamicTokens.vue +10 -8
  5. package/src/docs/foundation/themes.docs.mdx +1 -1
package/dist/src/utils/mixins.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { BreadcrumbPathObject, ImageObject, RelatedLinkObject } from '../interfaces';
1
+ import { BreadcrumbPathObject, ImageObject, RelatedLinkObject } from '@explorer-1/vue/src/interfaces';
2
2
 
3
3
  export interface SrcSetDataValue {
4
4
  url: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@explorer-1/vue",
3
- "version": "0.0.2",
3
+ "version": "0.0.3",
4
4
  "private": false,
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -35,9 +35,9 @@
35
35
  "autoprefixer": "^10.4.19",
36
36
  "postcss": "^8.4.38",
37
37
  "postcss-import": "^16.1.0",
38
- "typescript": "^5.2.2",
38
+ "typescript": "^5.4.5",
39
39
  "unplugin-vue-components": "^0.27.0",
40
- "vite": "^5.2.11",
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"
package/src/docs/foundation/DynamicTokens.vue CHANGED
@@ -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 scoped>
99
- .ThemeVariantDark table {
100
- @apply text-white;
101
- }
102
- td,
103
- th {
104
- @apply px-2;
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>
package/src/docs/foundation/themes.docs.mdx CHANGED
@@ -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
- ```scss
33
+ ```css
34
34
  .MyComponent {
35
35
  // set the default background color
36
36
  @apply bg-white;