@uva-glass/component-library 1.35.1 → 1.35.2
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/dist/Column-BUyVh2Oo.js +101 -0
- package/dist/Column-BUyVh2Oo.js.map +1 -0
- package/dist/assets/Column.css +1 -1
- package/dist/components/GridRow/Column/Column.js +1 -1
- package/dist/components/GridRow/Column/index.js +1 -1
- package/dist/components/GridRow/GridRow.js +1 -1
- package/dist/components/GridRow/GridRow.stories.js +1 -1
- package/dist/components/GridRow/GridRow.stories.js.map +1 -1
- package/package.json +1 -1
- package/dist/Column-CbI7YoMS.js +0 -101
- package/dist/Column-CbI7YoMS.js.map +0 -1
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import { jsx as d } from "react/jsx-runtime";
|
|
2
|
+
import { c as s } from "./clsx-OuTLNxxd.js";
|
|
3
|
+
import './assets/Column.css';const _ = {
|
|
4
|
+
"page-grid__row": "_page-grid__row_k1mos_1",
|
|
5
|
+
"page-grid__row-mt-0": "_page-grid__row-mt-0_k1mos_10",
|
|
6
|
+
"page-grid__row-mt-025": "_page-grid__row-mt-025_k1mos_14",
|
|
7
|
+
"page-grid__row-mt-050": "_page-grid__row-mt-050_k1mos_18",
|
|
8
|
+
"page-grid__row-mt-075": "_page-grid__row-mt-075_k1mos_22",
|
|
9
|
+
"page-grid__row-mt-100": "_page-grid__row-mt-100_k1mos_26",
|
|
10
|
+
"page-grid__row-mt-125": "_page-grid__row-mt-125_k1mos_30",
|
|
11
|
+
"page-grid__row-mt-150": "_page-grid__row-mt-150_k1mos_34",
|
|
12
|
+
"page-grid__row-mt-175": "_page-grid__row-mt-175_k1mos_38",
|
|
13
|
+
"page-grid__row-mt-200": "_page-grid__row-mt-200_k1mos_42",
|
|
14
|
+
"page-grid__row-mt-250": "_page-grid__row-mt-250_k1mos_46",
|
|
15
|
+
"page-grid__row-mt-300": "_page-grid__row-mt-300_k1mos_50",
|
|
16
|
+
"page-grid__row-mt-350": "_page-grid__row-mt-350_k1mos_54",
|
|
17
|
+
"page-grid__row-mb-0": "_page-grid__row-mb-0_k1mos_58",
|
|
18
|
+
"page-grid__row-mb-025": "_page-grid__row-mb-025_k1mos_62",
|
|
19
|
+
"page-grid__row-mb-050": "_page-grid__row-mb-050_k1mos_66",
|
|
20
|
+
"page-grid__row-mb-075": "_page-grid__row-mb-075_k1mos_70",
|
|
21
|
+
"page-grid__row-mb-100": "_page-grid__row-mb-100_k1mos_74",
|
|
22
|
+
"page-grid__row-mb-125": "_page-grid__row-mb-125_k1mos_78",
|
|
23
|
+
"page-grid__row-mb-150": "_page-grid__row-mb-150_k1mos_82",
|
|
24
|
+
"page-grid__row-mb-175": "_page-grid__row-mb-175_k1mos_86",
|
|
25
|
+
"page-grid__row-mb-200": "_page-grid__row-mb-200_k1mos_90",
|
|
26
|
+
"page-grid__row-mb-250": "_page-grid__row-mb-250_k1mos_94",
|
|
27
|
+
"page-grid__row-mb-300": "_page-grid__row-mb-300_k1mos_98",
|
|
28
|
+
"page-grid__row-mb-350": "_page-grid__row-mb-350_k1mos_102",
|
|
29
|
+
"page-grid__col-12": "_page-grid__col-12_k1mos_110",
|
|
30
|
+
"page-grid__col": "_page-grid__col_k1mos_110",
|
|
31
|
+
"page-grid__col-1": "_page-grid__col-1_k1mos_110",
|
|
32
|
+
"page-grid__col-2": "_page-grid__col-2_k1mos_125",
|
|
33
|
+
"page-grid__col-3": "_page-grid__col-3_k1mos_133",
|
|
34
|
+
"page-grid__col-4": "_page-grid__col-4_k1mos_141",
|
|
35
|
+
"page-grid__col-5": "_page-grid__col-5_k1mos_149",
|
|
36
|
+
"page-grid__col-6": "_page-grid__col-6_k1mos_157",
|
|
37
|
+
"page-grid__col-7": "_page-grid__col-7_k1mos_165",
|
|
38
|
+
"page-grid__col-8": "_page-grid__col-8_k1mos_173",
|
|
39
|
+
"page-grid__col-9": "_page-grid__col-9_k1mos_181",
|
|
40
|
+
"page-grid__col-10": "_page-grid__col-10_k1mos_189",
|
|
41
|
+
"page-grid__col-11": "_page-grid__col-11_k1mos_197",
|
|
42
|
+
"page-grid__col-md-1": "_page-grid__col-md-1_k1mos_216",
|
|
43
|
+
"page-grid__col-md-2": "_page-grid__col-md-2_k1mos_224",
|
|
44
|
+
"page-grid__col-md-3": "_page-grid__col-md-3_k1mos_232",
|
|
45
|
+
"page-grid__col-md-4": "_page-grid__col-md-4_k1mos_240",
|
|
46
|
+
"page-grid__col-md-5": "_page-grid__col-md-5_k1mos_248",
|
|
47
|
+
"page-grid__col-md-6": "_page-grid__col-md-6_k1mos_256",
|
|
48
|
+
"page-grid__col-md-7": "_page-grid__col-md-7_k1mos_264",
|
|
49
|
+
"page-grid__col-md-8": "_page-grid__col-md-8_k1mos_272",
|
|
50
|
+
"page-grid__col-md-9": "_page-grid__col-md-9_k1mos_280",
|
|
51
|
+
"page-grid__col-md-10": "_page-grid__col-md-10_k1mos_288",
|
|
52
|
+
"page-grid__col-md-11": "_page-grid__col-md-11_k1mos_296",
|
|
53
|
+
"page-grid__col-md-12": "_page-grid__col-md-12_k1mos_304",
|
|
54
|
+
"page-grid__col-start-position-1": "_page-grid__col-start-position-1_k1mos_313",
|
|
55
|
+
"page-grid__col-start-position-2": "_page-grid__col-start-position-2_k1mos_317",
|
|
56
|
+
"page-grid__col-start-position-3": "_page-grid__col-start-position-3_k1mos_321",
|
|
57
|
+
"page-grid__col-start-position-4": "_page-grid__col-start-position-4_k1mos_325",
|
|
58
|
+
"page-grid__col-start-position-5": "_page-grid__col-start-position-5_k1mos_329",
|
|
59
|
+
"page-grid__col-start-position-6": "_page-grid__col-start-position-6_k1mos_333",
|
|
60
|
+
"page-grid__col-start-position-7": "_page-grid__col-start-position-7_k1mos_337",
|
|
61
|
+
"page-grid__col-start-position-8": "_page-grid__col-start-position-8_k1mos_341",
|
|
62
|
+
"page-grid__col-start-position-9": "_page-grid__col-start-position-9_k1mos_345",
|
|
63
|
+
"page-grid__col-start-position-10": "_page-grid__col-start-position-10_k1mos_349",
|
|
64
|
+
"page-grid__col-start-position-11": "_page-grid__col-start-position-11_k1mos_353",
|
|
65
|
+
"page-grid__col-md-start-position-1": "_page-grid__col-md-start-position-1_k1mos_360",
|
|
66
|
+
"page-grid__col-md-start-position-2": "_page-grid__col-md-start-position-2_k1mos_364",
|
|
67
|
+
"page-grid__col-md-start-position-3": "_page-grid__col-md-start-position-3_k1mos_368",
|
|
68
|
+
"page-grid__col-md-start-position-4": "_page-grid__col-md-start-position-4_k1mos_372",
|
|
69
|
+
"page-grid__col-md-start-position-5": "_page-grid__col-md-start-position-5_k1mos_376",
|
|
70
|
+
"page-grid__col-md-start-position-6": "_page-grid__col-md-start-position-6_k1mos_380",
|
|
71
|
+
"page-grid__col-md-start-position-7": "_page-grid__col-md-start-position-7_k1mos_384",
|
|
72
|
+
"page-grid__col-md-start-position-8": "_page-grid__col-md-start-position-8_k1mos_388",
|
|
73
|
+
"page-grid__col-md-start-position-9": "_page-grid__col-md-start-position-9_k1mos_392",
|
|
74
|
+
"page-grid__col-md-start-position-10": "_page-grid__col-md-start-position-10_k1mos_396",
|
|
75
|
+
"page-grid__col-md-start-position-11": "_page-grid__col-md-start-position-11_k1mos_400"
|
|
76
|
+
}, e = ({
|
|
77
|
+
size: o,
|
|
78
|
+
mediumSize: g,
|
|
79
|
+
startPositon: r,
|
|
80
|
+
mediumStartPosition: i,
|
|
81
|
+
position: a,
|
|
82
|
+
children: p
|
|
83
|
+
}) => /* @__PURE__ */ d(
|
|
84
|
+
"div",
|
|
85
|
+
{
|
|
86
|
+
className: s(
|
|
87
|
+
_["page-grid__col"],
|
|
88
|
+
o && _[`page-grid__col-${o}`],
|
|
89
|
+
g && _[`page-grid__col-md-${g}`],
|
|
90
|
+
r && _[`page-grid__col-start-position-${r}`],
|
|
91
|
+
i && _[`page-grid__col-md-start-position-${i}`],
|
|
92
|
+
a && _[`page-grid__col-${a}`]
|
|
93
|
+
),
|
|
94
|
+
children: p
|
|
95
|
+
}
|
|
96
|
+
);
|
|
97
|
+
export {
|
|
98
|
+
e as C,
|
|
99
|
+
_ as s
|
|
100
|
+
};
|
|
101
|
+
//# sourceMappingURL=Column-BUyVh2Oo.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Column-BUyVh2Oo.js","sources":["../src/components/GridRow/Column/Column.tsx"],"sourcesContent":["import clsx from 'clsx';\n\nimport type { PropsWithChildren } from 'react';\n\nimport styles from 'components/GridRow/GridRow.module.css';\n\ntype columnSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';\n\nexport interface ColumnProps {\n size?: columnSize;\n mediumSize?: columnSize;\n startPositon?: columnSize;\n mediumStartPosition?: columnSize;\n position?: 'start' | 'center' | 'end';\n}\n\nexport const Column = ({\n size,\n mediumSize,\n startPositon,\n mediumStartPosition,\n position,\n children,\n}: PropsWithChildren<ColumnProps>) => {\n return (\n <div\n className={clsx(\n styles['page-grid__col'],\n size && styles[`page-grid__col-${size}`],\n mediumSize && styles[`page-grid__col-md-${mediumSize}`],\n startPositon && styles[`page-grid__col-start-position-${startPositon}`],\n mediumStartPosition && styles[`page-grid__col-md-start-position-${mediumStartPosition}`],\n position && styles[`page-grid__col-${position}`]\n )}\n >\n {children}\n </div>\n );\n};\n"],"names":["Column","size","mediumSize","startPositon","mediumStartPosition","position","children","jsx","clsx","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgBaA,IAAS,CAAC;AAAA,EACrB,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACF,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACTC,EAAO,gBAAgB;AAAA,MACvBR,KAAQQ,EAAO,kBAAkBR,CAAI,EAAE;AAAA,MACvCC,KAAcO,EAAO,qBAAqBP,CAAU,EAAE;AAAA,MACtDC,KAAgBM,EAAO,iCAAiCN,CAAY,EAAE;AAAA,MACtEC,KAAuBK,EAAO,oCAAoCL,CAAmB,EAAE;AAAA,MACvFC,KAAYI,EAAO,kBAAkBJ,CAAQ,EAAE;AAAA,IACjD;AAAA,IAEC,UAAAC;AAAA,EAAA;AAAA;"}
|
package/dist/assets/Column.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._page-
|
|
1
|
+
._page-grid__row_k1mos_1{--grid-cols: 12;display:flex;flex-wrap:wrap;min-width:100%;position:relative}._page-grid__row-mt-0_k1mos_10{margin-top:0}._page-grid__row-mt-025_k1mos_14{margin-top:.25rem}._page-grid__row-mt-050_k1mos_18{margin-top:.5rem}._page-grid__row-mt-075_k1mos_22{margin-top:.75rem}._page-grid__row-mt-100_k1mos_26{margin-top:1rem}._page-grid__row-mt-125_k1mos_30{margin-top:1.25rem}._page-grid__row-mt-150_k1mos_34{margin-top:1.5rem}._page-grid__row-mt-175_k1mos_38{margin-top:1.75rem}._page-grid__row-mt-200_k1mos_42{margin-top:2rem}._page-grid__row-mt-250_k1mos_46{margin-top:2.5rem}._page-grid__row-mt-300_k1mos_50{margin-top:3rem}._page-grid__row-mt-350_k1mos_54{margin-top:3.5rem}._page-grid__row-mb-0_k1mos_58{margin-bottom:0}._page-grid__row-mb-025_k1mos_62{margin-bottom:.25rem}._page-grid__row-mb-050_k1mos_66{margin-bottom:.5rem}._page-grid__row-mb-075_k1mos_70{margin-bottom:.75rem}._page-grid__row-mb-100_k1mos_74{margin-bottom:1rem}._page-grid__row-mb-125_k1mos_78{margin-bottom:1.25rem}._page-grid__row-mb-150_k1mos_82{margin-bottom:1.5rem}._page-grid__row-mb-175_k1mos_86{margin-bottom:1.75rem}._page-grid__row-mb-200_k1mos_90{margin-bottom:2rem}._page-grid__row-mb-250_k1mos_94{margin-bottom:2.5rem}._page-grid__row-mb-300_k1mos_98{margin-bottom:3rem}._page-grid__row-mb-350_k1mos_102{margin-bottom:3.5rem}[class^=page-grid__col]{position:relative}._page-grid__col-12_k1mos_110,._page-grid__col_k1mos_110{flex-basis:100%;max-width:100%;padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-1_k1mos_110{--collspan: 1;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-2_k1mos_125{--collspan: 2;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-3_k1mos_133{--collspan: 3;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-4_k1mos_141{--collspan: 4;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-5_k1mos_149{--collspan: 5;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-6_k1mos_157{--collspan: 6;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-7_k1mos_165{--collspan: 7;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-8_k1mos_173{--collspan: 8;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-9_k1mos_181{--collspan: 9;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-10_k1mos_189{--collspan: 10;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-11_k1mos_197{--collspan: 11;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-12_k1mos_110{--collspan: 12;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}@media only screen and (max-width: 64rem){._page-grid__col-md-1_k1mos_216{--collspan: 1;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-2_k1mos_224{--collspan: 2;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-3_k1mos_232{--collspan: 3;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-4_k1mos_240{--collspan: 4;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-5_k1mos_248{--collspan: 5;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-6_k1mos_256{--collspan: 6;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-7_k1mos_264{--collspan: 7;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-8_k1mos_272{--collspan: 8;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-9_k1mos_280{--collspan: 9;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-10_k1mos_288{--collspan: 10;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-11_k1mos_296{--collspan: 11;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-12_k1mos_304{--collspan: 12;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}}._page-grid__col-start-position-1_k1mos_313{margin-left:calc((1 / 12 * 100%))}._page-grid__col-start-position-2_k1mos_317{margin-left:calc((2 / 12 * 100%))}._page-grid__col-start-position-3_k1mos_321{margin-left:25%}._page-grid__col-start-position-4_k1mos_325{margin-left:calc((4 / 12 * 100%))}._page-grid__col-start-position-5_k1mos_329{margin-left:calc((5 / 12 * 100%))}._page-grid__col-start-position-6_k1mos_333{margin-left:50%}._page-grid__col-start-position-7_k1mos_337{margin-left:calc((7 / 12 * 100%))}._page-grid__col-start-position-8_k1mos_341{margin-left:calc((8 / 12 * 100%))}._page-grid__col-start-position-9_k1mos_345{margin-left:75%}._page-grid__col-start-position-10_k1mos_349{margin-left:calc((10 / 12 * 100%))}._page-grid__col-start-position-11_k1mos_353{margin-left:calc((11 / 12 * 100%))}@media only screen and (max-width: 64rem){._page-grid__col-md-start-position-1_k1mos_360{margin-left:calc((1 / 12 * 100%))}._page-grid__col-md-start-position-2_k1mos_364{margin-left:calc((2 / 12 * 100%))}._page-grid__col-md-start-position-3_k1mos_368{margin-left:25%}._page-grid__col-md-start-position-4_k1mos_372{margin-left:calc((4 / 12 * 100%))}._page-grid__col-md-start-position-5_k1mos_376{margin-left:calc((5 / 12 * 100%))}._page-grid__col-md-start-position-6_k1mos_380{margin-left:50%}._page-grid__col-md-start-position-7_k1mos_384{margin-left:calc((7 / 12 * 100%))}._page-grid__col-md-start-position-8_k1mos_388{margin-left:calc((8 / 12 * 100%))}._page-grid__col-md-start-position-9_k1mos_392{margin-left:75%}._page-grid__col-md-start-position-10_k1mos_396{margin-left:calc((10 / 12 * 100%))}._page-grid__col-md-start-position-11_k1mos_400{margin-left:calc((11 / 12 * 100%))}}@media only screen and (max-width: 40rem){._page-grid__col-1_k1mos_110,._page-grid__col-2_k1mos_125,._page-grid__col-3_k1mos_133,._page-grid__col-4_k1mos_141,._page-grid__col-5_k1mos_149,._page-grid__col-6_k1mos_157,._page-grid__col-7_k1mos_165,._page-grid__col-8_k1mos_173,._page-grid__col-9_k1mos_181,._page-grid__col-10_k1mos_189,._page-grid__col-11_k1mos_197{flex-basis:100%;margin-left:0;max-width:100%}}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as i } from "react/jsx-runtime";
|
|
2
2
|
import { c as p } from "../../clsx-OuTLNxxd.js";
|
|
3
|
-
import { s as r, C as d } from "../../Column-
|
|
3
|
+
import { s as r, C as d } from "../../Column-BUyVh2Oo.js";
|
|
4
4
|
const s = {
|
|
5
5
|
0: { "--grid-gap": "0.25rem" },
|
|
6
6
|
"025": { "--grid-gap": "0.25rem" },
|
|
@@ -31,7 +31,7 @@ import '../../assets/GridRow.css';const n = {
|
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
}, m = (l) => /* @__PURE__ */ r("div", { className: "page-wrapper", style: l.gutter && n[l.gutter], children: [
|
|
34
|
-
/* @__PURE__ */ i(e, { ...l, children: /* @__PURE__ */ i(e.Column, {
|
|
34
|
+
/* @__PURE__ */ i(e, { ...l, children: /* @__PURE__ */ i(e.Column, { children: "Col-12" }) }),
|
|
35
35
|
/* @__PURE__ */ r(e, { ...l, children: [
|
|
36
36
|
/* @__PURE__ */ i(e.Column, { size: "1", children: "Col-1" }),
|
|
37
37
|
/* @__PURE__ */ i(e.Column, { size: "11", children: "Col-11" })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GridRow.stories.js","sources":["../../../src/components/GridRow/GridRow.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { GridRowProps } from './GridRow';\nimport type { CSSProperties } from 'react';\n\nimport { GridRow } from './GridRow';\n\nimport './GridRow.stories.css';\n\nconst gabStyles = {\n '0': { '--grid-gap': '0.25rem' },\n '025': { '--grid-gap': '0.25rem' },\n '050': { '--grid-gap': '0.5rem' },\n '075': { '--grid-gap': '0.75rem' },\n '100': { '--grid-gap': '1rem' },\n '125': { '--grid-gap': '1.25rem' },\n '150': { '--grid-gap': '1.5rem' },\n '175': { '--grid-gap': '1.75rem' },\n '200': { '--grid-gap': '2rem' },\n '250': { '--grid-gap': '2.5rem' },\n '300': { '--grid-gap': '3rem' },\n '350': { '--grid-gap': '3.5rem' },\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Organisms/GridRow',\n component: GridRow,\n argTypes: {\n gutter: {\n options: ['0', '025', '050', '075', '100', '125', '150', '175', '200', '250', '300', '350'],\n control: { type: 'select' },\n },\n marginBottom: {\n options: ['0', '025', '050', '075', '100', '125', '150', '175', '200', '250', '300', '350'],\n control: { type: 'select' },\n },\n marginTop: {\n options: ['0', '025', '050', '075', '100', '125', '150', '175', '200', '250', '300', '350'],\n control: { type: 'select' },\n },\n },\n} as Meta<GridRowProps>;\n\nconst Template: StoryFn<GridRowProps> = (args) => (\n <div className=\"page-wrapper\" style={args.gutter && (gabStyles[args.gutter] as CSSProperties)}>\n <GridRow {...args}>\n <GridRow.Column
|
|
1
|
+
{"version":3,"file":"GridRow.stories.js","sources":["../../../src/components/GridRow/GridRow.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { GridRowProps } from './GridRow';\nimport type { CSSProperties } from 'react';\n\nimport { GridRow } from './GridRow';\n\nimport './GridRow.stories.css';\n\nconst gabStyles = {\n '0': { '--grid-gap': '0.25rem' },\n '025': { '--grid-gap': '0.25rem' },\n '050': { '--grid-gap': '0.5rem' },\n '075': { '--grid-gap': '0.75rem' },\n '100': { '--grid-gap': '1rem' },\n '125': { '--grid-gap': '1.25rem' },\n '150': { '--grid-gap': '1.5rem' },\n '175': { '--grid-gap': '1.75rem' },\n '200': { '--grid-gap': '2rem' },\n '250': { '--grid-gap': '2.5rem' },\n '300': { '--grid-gap': '3rem' },\n '350': { '--grid-gap': '3.5rem' },\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Organisms/GridRow',\n component: GridRow,\n argTypes: {\n gutter: {\n options: ['0', '025', '050', '075', '100', '125', '150', '175', '200', '250', '300', '350'],\n control: { type: 'select' },\n },\n marginBottom: {\n options: ['0', '025', '050', '075', '100', '125', '150', '175', '200', '250', '300', '350'],\n control: { type: 'select' },\n },\n marginTop: {\n options: ['0', '025', '050', '075', '100', '125', '150', '175', '200', '250', '300', '350'],\n control: { type: 'select' },\n },\n },\n} as Meta<GridRowProps>;\n\nconst Template: StoryFn<GridRowProps> = (args) => (\n <div className=\"page-wrapper\" style={args.gutter && (gabStyles[args.gutter] as CSSProperties)}>\n <GridRow {...args}>\n <GridRow.Column>Col-12</GridRow.Column>\n </GridRow>\n <GridRow {...args}>\n <GridRow.Column size=\"1\">Col-1</GridRow.Column>\n <GridRow.Column size=\"11\">Col-11</GridRow.Column>\n </GridRow>\n <GridRow {...args}>\n <GridRow.Column size=\"2\">Col-2</GridRow.Column>\n <GridRow.Column size=\"10\">Col-10</GridRow.Column>\n </GridRow>\n <GridRow {...args}>\n <GridRow.Column size=\"3\">Col-3</GridRow.Column>\n <GridRow.Column size=\"9\">Col-9</GridRow.Column>\n </GridRow>\n <GridRow {...args}>\n <GridRow.Column size=\"4\">Col-4</GridRow.Column>\n <GridRow.Column size=\"8\">Col-8</GridRow.Column>\n </GridRow>\n <GridRow {...args}>\n <GridRow.Column size=\"5\">Col-5</GridRow.Column>\n <GridRow.Column size=\"7\">Col-7</GridRow.Column>\n </GridRow>\n <GridRow {...args}>\n <GridRow.Column size=\"6\">Col-6</GridRow.Column>\n <GridRow.Column size=\"6\">Col-6</GridRow.Column>\n </GridRow>\n </div>\n);\n\nconst defaultArgs: Partial<GridRowProps> = {\n gutter: '200',\n marginBottom: '050',\n marginTop: '0',\n};\n\nexport const GridRowExample = Template.bind({});\nGridRowExample.args = {\n ...defaultArgs,\n};\n\nconst TemplateMedium: StoryFn<GridRowProps> = (args) => (\n <div className=\"page-wrapper\" style={args.gutter && (gabStyles[args.gutter] as CSSProperties)}>\n <GridRow {...args}>\n <GridRow.Column size=\"4\" mediumSize=\"6\">\n L: 4, Md: 6, S: 12\n </GridRow.Column>\n <GridRow.Column size=\"4\" mediumSize=\"6\">\n L: 4, Md: 6, S: 12\n </GridRow.Column>\n <GridRow.Column size=\"4\" mediumSize=\"12\">\n L: 4, Md: 12\n </GridRow.Column>\n </GridRow>\n <GridRow {...args}>\n <GridRow.Column size=\"3\" mediumSize=\"6\">\n L: 3, Md: 6, S: 12\n </GridRow.Column>\n <GridRow.Column size=\"3\" mediumSize=\"6\">\n L: 3, Md: 12\n </GridRow.Column>\n <GridRow.Column size=\"6\" mediumSize=\"12\">\n L: 6, Md: 12, S: 12\n </GridRow.Column>\n </GridRow>\n </div>\n);\n\nexport const WithMediumBreakpoint = TemplateMedium.bind({});\nGridRowExample.args = {\n ...defaultArgs,\n};\n"],"names":["gabStyles","GridRow_stories","GridRow","Template","args","jsxs","jsx","defaultArgs","GridRowExample","TemplateMedium","WithMediumBreakpoint"],"mappings":"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"}
|
package/package.json
CHANGED
package/dist/Column-CbI7YoMS.js
DELETED
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
import { jsx as p } from "react/jsx-runtime";
|
|
2
|
-
import { c as d } from "./clsx-OuTLNxxd.js";
|
|
3
|
-
import './assets/Column.css';const _ = {
|
|
4
|
-
"page-grid__row": "_page-grid__row_10tcv_1",
|
|
5
|
-
"page-grid__row-mt-0": "_page-grid__row-mt-0_10tcv_10",
|
|
6
|
-
"page-grid__row-mt-025": "_page-grid__row-mt-025_10tcv_14",
|
|
7
|
-
"page-grid__row-mt-050": "_page-grid__row-mt-050_10tcv_18",
|
|
8
|
-
"page-grid__row-mt-075": "_page-grid__row-mt-075_10tcv_22",
|
|
9
|
-
"page-grid__row-mt-100": "_page-grid__row-mt-100_10tcv_26",
|
|
10
|
-
"page-grid__row-mt-125": "_page-grid__row-mt-125_10tcv_30",
|
|
11
|
-
"page-grid__row-mt-150": "_page-grid__row-mt-150_10tcv_34",
|
|
12
|
-
"page-grid__row-mt-175": "_page-grid__row-mt-175_10tcv_38",
|
|
13
|
-
"page-grid__row-mt-200": "_page-grid__row-mt-200_10tcv_42",
|
|
14
|
-
"page-grid__row-mt-250": "_page-grid__row-mt-250_10tcv_46",
|
|
15
|
-
"page-grid__row-mt-300": "_page-grid__row-mt-300_10tcv_50",
|
|
16
|
-
"page-grid__row-mt-350": "_page-grid__row-mt-350_10tcv_54",
|
|
17
|
-
"page-grid__row-mb-0": "_page-grid__row-mb-0_10tcv_58",
|
|
18
|
-
"page-grid__row-mb-025": "_page-grid__row-mb-025_10tcv_62",
|
|
19
|
-
"page-grid__row-mb-050": "_page-grid__row-mb-050_10tcv_66",
|
|
20
|
-
"page-grid__row-mb-075": "_page-grid__row-mb-075_10tcv_70",
|
|
21
|
-
"page-grid__row-mb-100": "_page-grid__row-mb-100_10tcv_74",
|
|
22
|
-
"page-grid__row-mb-125": "_page-grid__row-mb-125_10tcv_78",
|
|
23
|
-
"page-grid__row-mb-150": "_page-grid__row-mb-150_10tcv_82",
|
|
24
|
-
"page-grid__row-mb-175": "_page-grid__row-mb-175_10tcv_86",
|
|
25
|
-
"page-grid__row-mb-200": "_page-grid__row-mb-200_10tcv_90",
|
|
26
|
-
"page-grid__row-mb-250": "_page-grid__row-mb-250_10tcv_94",
|
|
27
|
-
"page-grid__row-mb-300": "_page-grid__row-mb-300_10tcv_98",
|
|
28
|
-
"page-grid__row-mb-350": "_page-grid__row-mb-350_10tcv_102",
|
|
29
|
-
"page-grid__col-12": "_page-grid__col-12_10tcv_110",
|
|
30
|
-
"page-grid__col": "_page-grid__col_10tcv_110",
|
|
31
|
-
"page-grid__col-1": "_page-grid__col-1_10tcv_110",
|
|
32
|
-
"page-grid__col-2": "_page-grid__col-2_10tcv_123",
|
|
33
|
-
"page-grid__col-3": "_page-grid__col-3_10tcv_131",
|
|
34
|
-
"page-grid__col-4": "_page-grid__col-4_10tcv_139",
|
|
35
|
-
"page-grid__col-5": "_page-grid__col-5_10tcv_147",
|
|
36
|
-
"page-grid__col-6": "_page-grid__col-6_10tcv_155",
|
|
37
|
-
"page-grid__col-7": "_page-grid__col-7_10tcv_163",
|
|
38
|
-
"page-grid__col-8": "_page-grid__col-8_10tcv_171",
|
|
39
|
-
"page-grid__col-9": "_page-grid__col-9_10tcv_179",
|
|
40
|
-
"page-grid__col-10": "_page-grid__col-10_10tcv_187",
|
|
41
|
-
"page-grid__col-11": "_page-grid__col-11_10tcv_195",
|
|
42
|
-
"page-grid__col-md-1": "_page-grid__col-md-1_10tcv_206",
|
|
43
|
-
"page-grid__col-md-2": "_page-grid__col-md-2_10tcv_214",
|
|
44
|
-
"page-grid__col-md-3": "_page-grid__col-md-3_10tcv_222",
|
|
45
|
-
"page-grid__col-md-4": "_page-grid__col-md-4_10tcv_230",
|
|
46
|
-
"page-grid__col-md-5": "_page-grid__col-md-5_10tcv_238",
|
|
47
|
-
"page-grid__col-md-6": "_page-grid__col-md-6_10tcv_246",
|
|
48
|
-
"page-grid__col-md-7": "_page-grid__col-md-7_10tcv_254",
|
|
49
|
-
"page-grid__col-md-8": "_page-grid__col-md-8_10tcv_262",
|
|
50
|
-
"page-grid__col-md-9": "_page-grid__col-md-9_10tcv_270",
|
|
51
|
-
"page-grid__col-md-10": "_page-grid__col-md-10_10tcv_278",
|
|
52
|
-
"page-grid__col-md-11": "_page-grid__col-md-11_10tcv_286",
|
|
53
|
-
"page-grid__col-md-12": "_page-grid__col-md-12_10tcv_294",
|
|
54
|
-
"page-grid__col-start-position-1": "_page-grid__col-start-position-1_10tcv_303",
|
|
55
|
-
"page-grid__col-start-position-2": "_page-grid__col-start-position-2_10tcv_307",
|
|
56
|
-
"page-grid__col-start-position-3": "_page-grid__col-start-position-3_10tcv_311",
|
|
57
|
-
"page-grid__col-start-position-4": "_page-grid__col-start-position-4_10tcv_315",
|
|
58
|
-
"page-grid__col-start-position-5": "_page-grid__col-start-position-5_10tcv_319",
|
|
59
|
-
"page-grid__col-start-position-6": "_page-grid__col-start-position-6_10tcv_323",
|
|
60
|
-
"page-grid__col-start-position-7": "_page-grid__col-start-position-7_10tcv_327",
|
|
61
|
-
"page-grid__col-start-position-8": "_page-grid__col-start-position-8_10tcv_331",
|
|
62
|
-
"page-grid__col-start-position-9": "_page-grid__col-start-position-9_10tcv_335",
|
|
63
|
-
"page-grid__col-start-position-10": "_page-grid__col-start-position-10_10tcv_339",
|
|
64
|
-
"page-grid__col-start-position-11": "_page-grid__col-start-position-11_10tcv_343",
|
|
65
|
-
"page-grid__col-md-start-position-1": "_page-grid__col-md-start-position-1_10tcv_350",
|
|
66
|
-
"page-grid__col-md-start-position-2": "_page-grid__col-md-start-position-2_10tcv_354",
|
|
67
|
-
"page-grid__col-md-start-position-3": "_page-grid__col-md-start-position-3_10tcv_358",
|
|
68
|
-
"page-grid__col-md-start-position-4": "_page-grid__col-md-start-position-4_10tcv_362",
|
|
69
|
-
"page-grid__col-md-start-position-5": "_page-grid__col-md-start-position-5_10tcv_366",
|
|
70
|
-
"page-grid__col-md-start-position-6": "_page-grid__col-md-start-position-6_10tcv_370",
|
|
71
|
-
"page-grid__col-md-start-position-7": "_page-grid__col-md-start-position-7_10tcv_374",
|
|
72
|
-
"page-grid__col-md-start-position-8": "_page-grid__col-md-start-position-8_10tcv_378",
|
|
73
|
-
"page-grid__col-md-start-position-9": "_page-grid__col-md-start-position-9_10tcv_382",
|
|
74
|
-
"page-grid__col-md-start-position-10": "_page-grid__col-md-start-position-10_10tcv_386",
|
|
75
|
-
"page-grid__col-md-start-position-11": "_page-grid__col-md-start-position-11_10tcv_390"
|
|
76
|
-
}, l = ({
|
|
77
|
-
size: g,
|
|
78
|
-
mediumSize: r,
|
|
79
|
-
startPositon: o,
|
|
80
|
-
mediumStartPosition: i,
|
|
81
|
-
position: t,
|
|
82
|
-
children: a
|
|
83
|
-
}) => /* @__PURE__ */ p(
|
|
84
|
-
"div",
|
|
85
|
-
{
|
|
86
|
-
className: d(
|
|
87
|
-
_["page-grid_col"],
|
|
88
|
-
g && _[`page-grid__col-${g}`],
|
|
89
|
-
r && _[`page-grid__col-md-${r}`],
|
|
90
|
-
o && _[`page-grid__col-start-position-${o}`],
|
|
91
|
-
i && _[`page-grid__col-md-start-position-${i}`],
|
|
92
|
-
t && _[`page-grid__col-${t}`]
|
|
93
|
-
),
|
|
94
|
-
children: a
|
|
95
|
-
}
|
|
96
|
-
);
|
|
97
|
-
export {
|
|
98
|
-
l as C,
|
|
99
|
-
_ as s
|
|
100
|
-
};
|
|
101
|
-
//# sourceMappingURL=Column-CbI7YoMS.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Column-CbI7YoMS.js","sources":["../src/components/GridRow/Column/Column.tsx"],"sourcesContent":["import clsx from 'clsx';\n\nimport type { PropsWithChildren } from 'react';\n\nimport styles from 'components/GridRow/GridRow.module.css';\n\ntype columnSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';\n\nexport interface ColumnProps {\n size?: columnSize;\n mediumSize?: columnSize;\n startPositon?: columnSize;\n mediumStartPosition?: columnSize;\n position?: 'start' | 'center' | 'end';\n}\n\nexport const Column = ({\n size,\n mediumSize,\n startPositon,\n mediumStartPosition,\n position,\n children,\n}: PropsWithChildren<ColumnProps>) => {\n return (\n <div\n className={clsx(\n styles['page-grid_col'],\n size && styles[`page-grid__col-${size}`],\n mediumSize && styles[`page-grid__col-md-${mediumSize}`],\n startPositon && styles[`page-grid__col-start-position-${startPositon}`],\n mediumStartPosition && styles[`page-grid__col-md-start-position-${mediumStartPosition}`],\n position && styles[`page-grid__col-${position}`]\n )}\n >\n {children}\n </div>\n );\n};\n"],"names":["Column","size","mediumSize","startPositon","mediumStartPosition","position","children","jsx","clsx","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgBaA,IAAS,CAAC;AAAA,EACrB,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACF,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACTC,EAAO,eAAe;AAAA,MACtBR,KAAQQ,EAAO,kBAAkBR,CAAI,EAAE;AAAA,MACvCC,KAAcO,EAAO,qBAAqBP,CAAU,EAAE;AAAA,MACtDC,KAAgBM,EAAO,iCAAiCN,CAAY,EAAE;AAAA,MACtEC,KAAuBK,EAAO,oCAAoCL,CAAmB,EAAE;AAAA,MACvFC,KAAYI,EAAO,kBAAkBJ,CAAQ,EAAE;AAAA,IACjD;AAAA,IAEC,UAAAC;AAAA,EAAA;AAAA;"}
|