@fastkit/vui 0.20.6 → 1.0.0

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/after-effects/display-flow.scss +14 -7
  2. package/dist/after-effects/spacing.scss +13 -8
  3. package/dist/after-effects/text.scss +14 -7
  4. package/dist/after-effects.scss +3 -3
  5. package/package.json +11 -11
package/dist/after-effects/display-flow.scss CHANGED
@@ -1,3 +1,7 @@
1
+ @use 'sass:map' as _vui_af_display_flow_map;
2
+ @use 'sass:string' as _vui_af_display_flow_string;
3
+ @use 'sass:meta' as _vui_af_display_flow_meta;
4
+
1
5
  $props-map: (
2
6
  (
3
7
  prop: 'display',
@@ -296,16 +300,16 @@ $props-map: (
296
300
 
297
301
  @mixin display-flow($breakpoint-suffix: '') {
298
302
  @each $prop-info in $props-map {
299
- $prop: map-get($prop-info, prop);
300
- $values: map-get($prop-info, values);
303
+ $prop: _vui_af_display_flow_map.get($prop-info, prop);
304
+ $values: _vui_af_display_flow_map.get($prop-info, values);
301
305
 
302
306
  @each $value-info in $values {
303
- $selector: map-get($value-info, selector);
304
- $value: map-get($value-info, value);
307
+ $selector: _vui_af_display_flow_map.get($value-info, selector);
308
+ $value: _vui_af_display_flow_map.get($value-info, value);
305
309
 
306
310
  .#{$selector}#{$breakpoint-suffix} {
307
311
  /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
308
- #{$prop}: unquote($value);
312
+ #{$prop}: _vui_af_display_flow_string.unquote($value);
309
313
  }
310
314
  }
311
315
  }
@@ -341,6 +345,9 @@ $props-map: (
341
345
 
342
346
  @include display-flow;
343
347
 
344
- @include mq-each {
345
- @include display-flow($breakpoint-suffix: '--' + $mq-each-target);
348
+ // mq-eachミックスインが定義されている場合のみ実行
349
+ @if _vui_af_display_flow_meta.mixin-exists(mq-each) {
350
+ @include mq-each {
351
+ @include display-flow($breakpoint-suffix: '--' + $mq-each-target);
352
+ }
346
353
  }
package/dist/after-effects/spacing.scss CHANGED
@@ -8,6 +8,8 @@
8
8
  // * .my-0 : margin-top: 0; margin-bottom: 0;
9
9
  // * .mt-1--xs: margin-top: 8px; (only xs media)
10
10
  // *************************
11
+ @use 'sass:map' as _vui_af_spacing_map;
12
+ @use 'sass:meta' as _vui_af_spacing_meta;
11
13
 
12
14
  $property-map: (
13
15
  (
@@ -72,14 +74,14 @@ $sides-map: (
72
74
 
73
75
  @mixin spacing($breakpoint-suffix: '') {
74
76
  @each $property-info in $property-map {
75
- $prop-selector: map-get($property-info, selector);
76
- $prop-name: map-get($property-info, prop);
77
- $has-negative: map-get($property-info, has-negative);
78
- $has-auto: map-get($property-info, has-auto);
77
+ $prop-selector: _vui_af_spacing_map.get($property-info, selector);
78
+ $prop-name: _vui_af_spacing_map.get($property-info, prop);
79
+ $has-negative: _vui_af_spacing_map.get($property-info, has-negative);
80
+ $has-auto: _vui_af_spacing_map.get($property-info, has-auto);
79
81
 
80
82
  @each $sides-info in $sides-map {
81
- $sides-selector: map-get($sides-info, selector);
82
- $sides-props: map-get($sides-info, props);
83
+ $sides-selector: _vui_af_spacing_map.get($sides-info, selector);
84
+ $sides-props: _vui_af_spacing_map.get($sides-info, props);
83
85
  $base-selector: '.' + #{$prop-selector}#{$sides-selector};
84
86
 
85
87
  @if $has-auto {
@@ -149,6 +151,9 @@ $sides-map: (
149
151
 
150
152
  @include spacing;
151
153
 
152
- @include mq-each {
153
- @include spacing($breakpoint-suffix: '--' + $mq-each-target);
154
+ // mq-eachミックスインが定義されている場合のみ実行
155
+ @if _vui_af_spacing_meta.mixin-exists(mq-each) {
156
+ @include mq-each {
157
+ @include spacing($breakpoint-suffix: '--' + $mq-each-target);
158
+ }
154
159
  }
package/dist/after-effects/text.scss CHANGED
@@ -1,3 +1,7 @@
1
+ @use 'sass:map' as _vui_af_text_map;
2
+ @use 'sass:string' as _vui_af_text_string;
3
+ @use 'sass:meta' as _vui_af_text_meta;
4
+
1
5
  $props-map: (
2
6
  (
3
7
  prop: 'text-align',
@@ -61,16 +65,16 @@ $props-map: (
61
65
  }
62
66
 
63
67
  @each $prop-info in $props-map {
64
- $prop: map-get($prop-info, prop);
65
- $values: map-get($prop-info, values);
68
+ $prop: _vui_af_text_map.get($prop-info, prop);
69
+ $values: _vui_af_text_map.get($prop-info, values);
66
70
 
67
71
  @each $value-info in $values {
68
- $selector: map-get($value-info, selector);
69
- $value: map-get($value-info, value);
72
+ $selector: _vui_af_text_map.get($value-info, selector);
73
+ $value: _vui_af_text_map.get($value-info, value);
70
74
 
71
75
  .#{$selector}#{$breakpoint-suffix} {
72
76
  /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
73
- #{$prop}: unquote($value);
77
+ #{$prop}: _vui_af_text_string.unquote($value);
74
78
  }
75
79
  }
76
80
  }
@@ -86,6 +90,9 @@ $props-map: (
86
90
 
87
91
  @include text;
88
92
 
89
- @include mq-each {
90
- @include text($breakpoint-suffix: '--' + $mq-each-target);
93
+ // mq-eachミックスインが定義されている場合のみ実行
94
+ @if _vui_af_text_meta.mixin-exists(mq-each) {
95
+ @include mq-each {
96
+ @include text($breakpoint-suffix: '--' + $mq-each-target);
97
+ }
91
98
  }
package/dist/after-effects.scss CHANGED
@@ -1,3 +1,3 @@
1
- @import './after-effects/display-flow';
2
- @import './after-effects/text';
3
- @import './after-effects/spacing';
1
+ @use './after-effects/display-flow' as *;
2
+ @use './after-effects/text' as *;
3
+ @use './after-effects/spacing' as *;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fastkit/vui",
3
- "version": "0.20.6",
3
+ "version": "1.0.0",
4
4
  "description": "A simple, extensible UI kit for Vue applications.",
5
5
  "keywords": [
6
6
  "fastkit",
@@ -44,32 +44,32 @@
44
44
  "src"
45
45
  ],
46
46
  "dependencies": {
47
- "@fastkit/color-scheme": "^2.0.10",
48
47
  "@fastkit/dom": "^0.2.6",
49
- "@fastkit/color-scheme-gen": "^0.14.13",
50
- "@fastkit/icon-font": "^2.0.7",
48
+ "@fastkit/color-scheme": "^2.0.10",
51
49
  "@fastkit/helpers": "^0.14.5",
52
50
  "@fastkit/media-match": "^2.0.7",
51
+ "@fastkit/icon-font": "^2.0.7",
53
52
  "@fastkit/rules": "^0.14.7",
54
53
  "@fastkit/stylebase": "^0.13.1",
55
- "@fastkit/tiny-logger": "^0.14.5",
54
+ "@fastkit/color-scheme-gen": "^1.0.0",
56
55
  "@fastkit/vue-action": "^0.3.20",
56
+ "@fastkit/media-match-gen": "^1.0.0",
57
57
  "@fastkit/vue-app-layout": "^0.16.3",
58
+ "@fastkit/tiny-logger": "^0.14.5",
58
59
  "@fastkit/vue-body-scroll-lock": "^0.2.14",
59
60
  "@fastkit/vue-click-outside": "^0.2.13",
61
+ "@fastkit/vue-color-scheme": "^0.15.16",
60
62
  "@fastkit/vue-disabled-reason": "^0.0.1",
61
63
  "@fastkit/vue-form-control": "^0.21.1",
62
- "@fastkit/vue-color-scheme": "^0.15.16",
63
64
  "@fastkit/vue-loading": "^0.15.16",
64
- "@fastkit/vue-keyboard": "^0.2.5",
65
65
  "@fastkit/vue-location": "^0.4.3",
66
+ "@fastkit/vue-keyboard": "^0.2.5",
66
67
  "@fastkit/vue-media-match": "^0.14.10",
67
- "@fastkit/vue-resize": "^0.2.13",
68
68
  "@fastkit/vue-scroller": "^0.15.13",
69
- "@fastkit/vue-stack": "^0.17.4",
70
- "@fastkit/vue-transitions": "^0.2.14",
69
+ "@fastkit/vue-resize": "^0.2.13",
71
70
  "@fastkit/vue-utils": "^0.15.13",
72
- "@fastkit/media-match-gen": "^0.14.13"
71
+ "@fastkit/vue-transitions": "^0.2.14",
72
+ "@fastkit/vue-stack": "^0.17.4"
73
73
  },
74
74
  "peerDependencies": {
75
75
  "vue": "^3.4.0",