vueless 0.0.263 → 0.0.264

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 (11) hide show
  1. package/package.json +1 -1
  2. package/ui.container-accordion/composables/attrs.composable.js +5 -5
  3. package/ui.container-card/composable/attrs.composable.js +5 -5
  4. package/ui.container-col/composables/attrs.composable.js +9 -5
  5. package/ui.container-divider/composables/attrs.composable.js +5 -5
  6. package/ui.container-group/composables/attrs.composable.js +9 -5
  7. package/ui.container-modal/composables/attrs.composable.js +5 -5
  8. package/ui.container-modal-confirm/composable/attrs.composable.js +8 -11
  9. package/ui.container-page/composables/attrs.composable.js +5 -5
  10. package/ui.container-row/composables/attrs.composable.js +9 -5
  11. package/web-types.json +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vueless",
3
- "version": "0.0.263",
3
+ "version": "0.0.264",
4
4
  "license": "MIT",
5
5
  "description": "Vue Styleless Component Framework.",
6
6
  "homepage": "https://vueless.com",
package/ui.container-accordion/composables/attrs.composable.js CHANGED
@@ -4,7 +4,7 @@ import { cva } from "../../service.ui";
4
4
  import defaultConfig from "../configs/default.config";
5
5
 
6
6
  export default function useAttrs(props, { isOpened }) {
7
- const { config, getAttrs, hasSlotContent, isSystemKey } = useUI(
7
+ const { config, getAttrs, hasSlotContent, isSystemKey, isCVA } = useUI(
8
8
  defaultConfig,
9
9
  () => props.config,
10
10
  );
@@ -14,16 +14,16 @@ export default function useAttrs(props, { isOpened }) {
14
14
  if (isSystemKey(key)) continue;
15
15
 
16
16
  const classes = computed(() => {
17
- const value = config.value[key];
17
+ let value = config.value[key];
18
18
 
19
- if (value.variants || value.compoundVariants) {
20
- return cva(value)({
19
+ if (isCVA(value)) {
20
+ value = cva(value)({
21
21
  ...props,
22
22
  isOpened: isOpened.value,
23
23
  });
24
24
  }
25
25
 
26
- return "";
26
+ return value;
27
27
  });
28
28
 
29
29
  attrs[`${key}Attrs`] = getAttrs(key, { classes });
package/ui.container-card/composable/attrs.composable.js CHANGED
@@ -5,7 +5,7 @@ import defaultConfig from "../configs/default.config";
5
5
  import { computed } from "vue";
6
6
 
7
7
  export default function useAttrs(props, { isMobileBreakpoint }) {
8
- const { config, getAttrs, hasSlotContent, isSystemKey } = useUI(
8
+ const { config, getAttrs, hasSlotContent, isSystemKey, isCVA } = useUI(
9
9
  defaultConfig,
10
10
  () => props.config,
11
11
  );
@@ -15,15 +15,15 @@ export default function useAttrs(props, { isMobileBreakpoint }) {
15
15
  if (isSystemKey(key)) continue;
16
16
 
17
17
  const classes = computed(() => {
18
- const value = config.value[key];
18
+ let value = config.value[key];
19
19
 
20
- if (value.variants || value.compoundVariants) {
21
- return cva(value)({
20
+ if (isCVA(value)) {
21
+ value = cva(value)({
22
22
  ...props,
23
23
  });
24
24
  }
25
25
 
26
- return "";
26
+ return value;
27
27
  });
28
28
 
29
29
  attrs[`${key}Attrs`] = getAttrs(key, { classes });
package/ui.container-col/composables/attrs.composable.js CHANGED
@@ -5,22 +5,25 @@ import defaultConfig from "../configs/default.config";
5
5
  import { computed } from "vue";
6
6
 
7
7
  export default function useAttrs(props) {
8
- const { config, getAttrs, isSystemKey } = useUI(defaultConfig, () => props.config);
8
+ const { config, getAttrs, isSystemKey, hasSlotContent, isCVA } = useUI(
9
+ defaultConfig,
10
+ () => props.config,
11
+ );
9
12
  const attrs = {};
10
13
 
11
14
  for (const key in defaultConfig) {
12
15
  if (isSystemKey(key)) continue;
13
16
 
14
17
  const classes = computed(() => {
15
- const value = config.value[key];
18
+ let value = config.value[key];
16
19
 
17
- if (value.variants || value.compoundVariants) {
18
- return cva(value)({
20
+ if (isCVA(value)) {
21
+ value = cva(value)({
19
22
  ...props,
20
23
  });
21
24
  }
22
25
 
23
- return "";
26
+ return value;
24
27
  });
25
28
 
26
29
  attrs[`${key}Attrs`] = getAttrs(key, { classes });
@@ -29,5 +32,6 @@ export default function useAttrs(props) {
29
32
  return {
30
33
  ...attrs,
31
34
  config,
35
+ hasSlotContent,
32
36
  };
33
37
  }
package/ui.container-divider/composables/attrs.composable.js CHANGED
@@ -5,7 +5,7 @@ import defaultConfig from "../configs/default.config";
5
5
  import { computed } from "vue";
6
6
 
7
7
  export default function useAttrs(props) {
8
- const { config, getAttrs, hasSlotContent, isSystemKey } = useUI(
8
+ const { config, getAttrs, hasSlotContent, isSystemKey, isCVA } = useUI(
9
9
  defaultConfig,
10
10
  () => props.config,
11
11
  );
@@ -15,16 +15,16 @@ export default function useAttrs(props) {
15
15
  if (isSystemKey(key)) continue;
16
16
 
17
17
  const classes = computed(() => {
18
- const value = config.value[key];
18
+ let value = config.value[key];
19
19
 
20
- if (value.variants || value.compoundVariants) {
21
- return cva(value)({
20
+ if (isCVA(value)) {
21
+ value = cva(value)({
22
22
  ...props,
23
23
  label: Boolean(props.label),
24
24
  });
25
25
  }
26
26
 
27
- return "";
27
+ return value;
28
28
  });
29
29
 
30
30
  attrs[`${key}Attrs`] = getAttrs(key, { classes });
package/ui.container-group/composables/attrs.composable.js CHANGED
@@ -5,22 +5,25 @@ import defaultConfig from "../configs/default.config";
5
5
  import { computed } from "vue";
6
6
 
7
7
  export default function useAttrs(props) {
8
- const { config, getAttrs, isSystemKey } = useUI(defaultConfig, () => props.config);
8
+ const { config, getAttrs, isSystemKey, hasSlotContent, isCVA } = useUI(
9
+ defaultConfig,
10
+ () => props.config,
11
+ );
9
12
  const attrs = {};
10
13
 
11
14
  for (const key in defaultConfig) {
12
15
  if (isSystemKey(key)) continue;
13
16
 
14
17
  const classes = computed(() => {
15
- const value = config.value[key];
18
+ let value = config.value[key];
16
19
 
17
- if (value.variants || value.compoundVariants) {
18
- return cva(value)({
20
+ if (isCVA(value)) {
21
+ value = cva(value)({
19
22
  ...props,
20
23
  });
21
24
  }
22
25
 
23
- return "";
26
+ return value;
24
27
  });
25
28
 
26
29
  attrs[`${key}Attrs`] = getAttrs(key, { classes });
@@ -29,5 +32,6 @@ export default function useAttrs(props) {
29
32
  return {
30
33
  ...attrs,
31
34
  config,
35
+ hasSlotContent,
32
36
  };
33
37
  }
package/ui.container-modal/composables/attrs.composable.js CHANGED
@@ -7,7 +7,7 @@ import { computed } from "vue";
7
7
  import useBreakpoint from "../../composable.breakpoint";
8
8
 
9
9
  export default function useAttrs(props) {
10
- const { config, getAttrs, hasSlotContent, isSystemKey } = useUI(
10
+ const { config, getAttrs, hasSlotContent, isSystemKey, isCVA } = useUI(
11
11
  defaultConfig,
12
12
  () => props.config,
13
13
  );
@@ -18,15 +18,15 @@ export default function useAttrs(props) {
18
18
  if (isSystemKey(key)) continue;
19
19
 
20
20
  const classes = computed(() => {
21
- const value = config.value[key];
21
+ let value = config.value[key];
22
22
 
23
- if (value.variants || value.compoundVariants) {
24
- return cva(value)({
23
+ if (isCVA(value)) {
24
+ value = cva(value)({
25
25
  ...props,
26
26
  });
27
27
  }
28
28
 
29
- return "";
29
+ return value;
30
30
  });
31
31
 
32
32
  attrs[`${key}Attrs`] = getAttrs(key, { classes });
package/ui.container-modal-confirm/composable/attrs.composable.js CHANGED
@@ -4,7 +4,7 @@ import { cva } from "../../service.ui/index.js";
4
4
  import { computed } from "vue";
5
5
 
6
6
  export default function useAttrs(props) {
7
- const { config, getAttrs, hasSlotContent, getColor, setColor, isSystemKey } = useUI(
7
+ const { config, getAttrs, hasSlotContent, getColor, setColor, isSystemKey, isCVA } = useUI(
8
8
  defaultConfig,
9
9
  () => props.config,
10
10
  );
@@ -14,19 +14,16 @@ export default function useAttrs(props) {
14
14
  if (isSystemKey(key)) continue;
15
15
 
16
16
  const classes = computed(() => {
17
- const value = config.value[key];
17
+ let value = config.value[key];
18
18
 
19
- if (value.variants || value.compoundVariants) {
20
- return setColor(
21
- cva(value)({
22
- ...props,
23
- color: getColor(props.color),
24
- }),
25
- props.color,
26
- );
19
+ if (isCVA(value)) {
20
+ value = cva(value)({
21
+ ...props,
22
+ color: getColor(props.color),
23
+ });
27
24
  }
28
25
 
29
- return "";
26
+ return setColor(value, props.color);
30
27
  });
31
28
 
32
29
  attrs[`${key}Attrs`] = getAttrs(key, { classes });
package/ui.container-page/composables/attrs.composable.js CHANGED
@@ -5,7 +5,7 @@ import defaultConfig from "../configs/default.config";
5
5
  import { computed } from "vue";
6
6
 
7
7
  export default function useAttrs(props, { isMobileBreakpoint }) {
8
- const { config, getAttrs, hasSlotContent, isSystemKey } = useUI(
8
+ const { config, getAttrs, hasSlotContent, isSystemKey, isCVA } = useUI(
9
9
  defaultConfig,
10
10
  () => props.config,
11
11
  );
@@ -15,15 +15,15 @@ export default function useAttrs(props, { isMobileBreakpoint }) {
15
15
  if (isSystemKey(key)) continue;
16
16
 
17
17
  const classes = computed(() => {
18
- const value = config.value[key];
18
+ let value = config.value[key];
19
19
 
20
- if (value.variants || value.compoundVariants) {
21
- return cva(value)({
20
+ if (isCVA(value)) {
21
+ value = cva(value)({
22
22
  ...props,
23
23
  });
24
24
  }
25
25
 
26
- return "";
26
+ return value;
27
27
  });
28
28
 
29
29
  attrs[`${key}Attrs`] = getAttrs(key, { classes });
package/ui.container-row/composables/attrs.composable.js CHANGED
@@ -4,22 +4,25 @@ import { cva } from "../../service.ui";
4
4
  import { computed } from "vue";
5
5
 
6
6
  export default function useAttrs(props) {
7
- const { config, getAttrs, isSystemKey } = useUI(defaultConfig, () => props.config);
7
+ const { config, getAttrs, isSystemKey, hasSlotContent, isCVA } = useUI(
8
+ defaultConfig,
9
+ () => props.config,
10
+ );
8
11
  const attrs = {};
9
12
 
10
13
  for (const key in defaultConfig) {
11
14
  if (isSystemKey(key)) continue;
12
15
 
13
16
  const classes = computed(() => {
14
- const value = config.value[key];
17
+ let value = config.value[key];
15
18
 
16
- if (value.variants || value.compoundVariants) {
17
- return cva(value)({
19
+ if (isCVA(value)) {
20
+ value = cva(value)({
18
21
  ...props,
19
22
  });
20
23
  }
21
24
 
22
- return "";
25
+ return value;
23
26
  });
24
27
 
25
28
  attrs[`${key}Attrs`] = getAttrs(key, { classes });
@@ -28,5 +31,6 @@ export default function useAttrs(props) {
28
31
  return {
29
32
  ...attrs,
30
33
  config,
34
+ hasSlotContent,
31
35
  };
32
36
  }
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "framework": "vue",
3
3
  "name": "vueless",
4
- "version": "0.0.263",
4
+ "version": "0.0.264",
5
5
  "contributions": {
6
6
  "html": {
7
7
  "description-markup": "markdown",