@grupor5/raya 0.2.17 → 0.2.18

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 (7) hide show
  1. package/dist/index.js +3 -3
  2. package/dist/index.mjs +3 -3
  3. package/dist/molecules/grid/index.d.mts +2 -2
  4. package/dist/molecules/grid/index.d.ts +2 -2
  5. package/dist/molecules/grid/index.js +3 -3
  6. package/dist/molecules/grid/index.mjs +3 -3
  7. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -3302,7 +3302,7 @@ var getColsClasses = (cols) => {
3302
3302
  var getGapClasses = (gap) => {
3303
3303
  if (typeof gap === "string") {
3304
3304
  const gapMap = {
3305
- "0": "gap-0",
3305
+ none: "gap-0",
3306
3306
  // 0px
3307
3307
  xs: "gap-1",
3308
3308
  // 4px
@@ -3315,11 +3315,11 @@ var getGapClasses = (gap) => {
3315
3315
  xl: "gap-8"
3316
3316
  // 32px
3317
3317
  };
3318
- return gapMap[gap] || "gap-0";
3318
+ return gapMap[gap] || "gap-4";
3319
3319
  }
3320
3320
  if (typeof gap === "object" && gap !== null) {
3321
3321
  const gapMap = {
3322
- "0": "0",
3322
+ none: "0",
3323
3323
  xs: "1",
3324
3324
  s: "2",
3325
3325
  m: "4",
package/dist/index.mjs CHANGED
@@ -3273,7 +3273,7 @@ var getColsClasses = (cols) => {
3273
3273
  var getGapClasses = (gap) => {
3274
3274
  if (typeof gap === "string") {
3275
3275
  const gapMap = {
3276
- "0": "gap-0",
3276
+ none: "gap-0",
3277
3277
  // 0px
3278
3278
  xs: "gap-1",
3279
3279
  // 4px
@@ -3286,11 +3286,11 @@ var getGapClasses = (gap) => {
3286
3286
  xl: "gap-8"
3287
3287
  // 32px
3288
3288
  };
3289
- return gapMap[gap] || "gap-0";
3289
+ return gapMap[gap] || "gap-4";
3290
3290
  }
3291
3291
  if (typeof gap === "object" && gap !== null) {
3292
3292
  const gapMap = {
3293
- "0": "0",
3293
+ none: "0",
3294
3294
  xs: "1",
3295
3295
  s: "2",
3296
3296
  m: "4",
package/dist/molecules/grid/index.d.mts CHANGED
@@ -51,10 +51,10 @@ interface GridProps {
51
51
  cols?: ResponsiveValue<1 | 2 | 3 | 4 | 6 | 8 | 12> | 1 | 2 | 3 | 4 | 6 | 8 | 12;
52
52
  /**
53
53
  * Gap size between grid items using design system tokens.
54
- * 0=0px, xs=4px, s=8px, m=16px, l=24px, xl=32px
54
+ * none=0px, xs=4px, s=8px, m=16px, l=24px, xl=32px
55
55
  * @example { mobile: 'm', tablet: 'l', desktop: 'xl' }
56
56
  */
57
- gap?: ResponsiveValue<'0' | 'xs' | 's' | 'm' | 'l' | 'xl'> | '0' | 'xs' | 's' | 'm' | 'l' | 'xl';
57
+ gap?: ResponsiveValue<'none' | 'xs' | 's' | 'm' | 'l' | 'xl'> | 'none' | 'xs' | 's' | 'm' | 'l' | 'xl';
58
58
  /**
59
59
  * Whether to apply responsive padding and auto-centering following design system
60
60
  * Mobile: 16px, Tablet: 20px, Desktop: 24px
package/dist/molecules/grid/index.d.ts CHANGED
@@ -51,10 +51,10 @@ interface GridProps {
51
51
  cols?: ResponsiveValue<1 | 2 | 3 | 4 | 6 | 8 | 12> | 1 | 2 | 3 | 4 | 6 | 8 | 12;
52
52
  /**
53
53
  * Gap size between grid items using design system tokens.
54
- * 0=0px, xs=4px, s=8px, m=16px, l=24px, xl=32px
54
+ * none=0px, xs=4px, s=8px, m=16px, l=24px, xl=32px
55
55
  * @example { mobile: 'm', tablet: 'l', desktop: 'xl' }
56
56
  */
57
- gap?: ResponsiveValue<'0' | 'xs' | 's' | 'm' | 'l' | 'xl'> | '0' | 'xs' | 's' | 'm' | 'l' | 'xl';
57
+ gap?: ResponsiveValue<'none' | 'xs' | 's' | 'm' | 'l' | 'xl'> | 'none' | 'xs' | 's' | 'm' | 'l' | 'xl';
58
58
  /**
59
59
  * Whether to apply responsive padding and auto-centering following design system
60
60
  * Mobile: 16px, Tablet: 20px, Desktop: 24px
package/dist/molecules/grid/index.js CHANGED
@@ -65,7 +65,7 @@ var getColsClasses = (cols) => {
65
65
  var getGapClasses = (gap) => {
66
66
  if (typeof gap === "string") {
67
67
  const gapMap = {
68
- "0": "gap-0",
68
+ none: "gap-0",
69
69
  // 0px
70
70
  xs: "gap-1",
71
71
  // 4px
@@ -78,11 +78,11 @@ var getGapClasses = (gap) => {
78
78
  xl: "gap-8"
79
79
  // 32px
80
80
  };
81
- return gapMap[gap] || "gap-0";
81
+ return gapMap[gap] || "gap-4";
82
82
  }
83
83
  if (typeof gap === "object" && gap !== null) {
84
84
  const gapMap = {
85
- "0": "0",
85
+ none: "0",
86
86
  xs: "1",
87
87
  s: "2",
88
88
  m: "4",
package/dist/molecules/grid/index.mjs CHANGED
@@ -59,7 +59,7 @@ var getColsClasses = (cols) => {
59
59
  var getGapClasses = (gap) => {
60
60
  if (typeof gap === "string") {
61
61
  const gapMap = {
62
- "0": "gap-0",
62
+ none: "gap-0",
63
63
  // 0px
64
64
  xs: "gap-1",
65
65
  // 4px
@@ -72,11 +72,11 @@ var getGapClasses = (gap) => {
72
72
  xl: "gap-8"
73
73
  // 32px
74
74
  };
75
- return gapMap[gap] || "gap-0";
75
+ return gapMap[gap] || "gap-4";
76
76
  }
77
77
  if (typeof gap === "object" && gap !== null) {
78
78
  const gapMap = {
79
- "0": "0",
79
+ none: "0",
80
80
  xs: "1",
81
81
  s: "2",
82
82
  m: "4",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@grupor5/raya",
3
- "version": "0.2.17",
3
+ "version": "0.2.18",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.mjs",
6
6
  "types": "dist/index.d.ts",