@cck-ui/core 0.20.3 → 0.22.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 (40) hide show
  1. package/cjs/components/typography/index.cjs +13 -0
  2. package/cjs/components/typography/index.cjs.map +1 -0
  3. package/cjs/components/typography/typography.cjs +381 -0
  4. package/cjs/components/typography/typography.cjs.map +1 -0
  5. package/cjs/components/typography/typography.module.cjs +7 -0
  6. package/cjs/components/typography/typography.module.cjs.map +1 -0
  7. package/cjs/components/visually-hidden/index.cjs +13 -0
  8. package/cjs/components/visually-hidden/index.cjs.map +1 -0
  9. package/cjs/components/visually-hidden/visually-hidden.cjs +385 -0
  10. package/cjs/components/visually-hidden/visually-hidden.cjs.map +1 -0
  11. package/cjs/components/visually-hidden/visually-hidden.module.cjs +7 -0
  12. package/cjs/components/visually-hidden/visually-hidden.module.cjs.map +1 -0
  13. package/cjs/index.cjs +6 -0
  14. package/cjs/index.cjs.map +1 -1
  15. package/esm/components/typography/index.mjs +10 -0
  16. package/esm/components/typography/index.mjs.map +1 -0
  17. package/esm/components/typography/typography.mjs +381 -0
  18. package/esm/components/typography/typography.mjs.map +1 -0
  19. package/esm/components/typography/typography.module.mjs +7 -0
  20. package/esm/components/typography/typography.module.mjs.map +1 -0
  21. package/esm/components/visually-hidden/index.mjs +10 -0
  22. package/esm/components/visually-hidden/index.mjs.map +1 -0
  23. package/esm/components/visually-hidden/visually-hidden.mjs +385 -0
  24. package/esm/components/visually-hidden/visually-hidden.mjs.map +1 -0
  25. package/esm/components/visually-hidden/visually-hidden.module.mjs +7 -0
  26. package/esm/components/visually-hidden/visually-hidden.module.mjs.map +1 -0
  27. package/esm/index.mjs +5 -1
  28. package/esm/index.mjs.map +1 -1
  29. package/lib/components/index.d.ts +2 -0
  30. package/lib/components/typography/index.d.ts +6 -0
  31. package/lib/components/typography/typography.types.d.ts +9 -0
  32. package/lib/components/visually-hidden/index.d.ts +6 -0
  33. package/lib/components/visually-hidden/visually-hidden.types.d.ts +9 -0
  34. package/package.json +1 -1
  35. package/styles/typography.css +208 -0
  36. package/styles/typography.layer.css +209 -0
  37. package/styles/visually-hidden.css +11 -0
  38. package/styles/visually-hidden.layer.css +12 -0
  39. package/styles.css +221 -0
  40. package/styles.layer.css +221 -0
@@ -0,0 +1,13 @@
1
+ "use client";
2
+ const require_install = require("../../core/utils/vue/install.cjs");
3
+ const require_statics = require("../../core/utils/vue/statics.cjs");
4
+ const require_typography_module = require("./typography.module.cjs");
5
+ const require_typography = require("./typography.cjs");
6
+ //#region packages/@cck-ui/core/src/components/typography/index.ts
7
+ const TypographyWithStatic = require_statics.withPropsFactory(require_statics.withExtend(require_statics.withClasses(require_typography.default, require_typography_module.default)));
8
+ const CTypography = require_install.withInstall(TypographyWithStatic);
9
+ //#endregion
10
+ exports.CTypography = CTypography;
11
+ exports.default = CTypography;
12
+
13
+ //# sourceMappingURL=index.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.cjs","names":["withPropsFactory","withExtend","withClasses","Typography","classes","withInstall"],"sources":["../../../src/components/typography/index.ts"],"sourcesContent":["import {\n SFCWithInstallAndClasses,\n withClasses,\n withExtend,\n withInstall,\n withPropsFactory,\n} from '../../core'\nimport classes from './typography.module.css'\nimport Typography from './typography.vue'\n\nconst TypographyWithStatic = withPropsFactory(withExtend(withClasses(Typography, classes)))\n\nexport const CTypography: SFCWithInstallAndClasses<typeof Typography, typeof classes> =\n withInstall(TypographyWithStatic)\n\nexport default CTypography\n\nexport * from './typography.types'\n"],"mappings":";;;;;;AAUA,MAAM,uBAAuBA,gBAAAA,iBAAiBC,gBAAAA,WAAWC,gBAAAA,YAAYC,mBAAAA,SAAYC,0BAAAA,OAAO,CAAC,CAAC;AAE1F,MAAa,cACXC,gBAAAA,YAAY,oBAAoB"}
@@ -0,0 +1,381 @@
1
+ "use client";
2
+ const require_export_helper = require("../../_virtual/_/plugin-vue/export-helper.cjs");
3
+ const require_use_component_props = require("../../core/config-provider/use-component-props/use-component-props.cjs");
4
+ const require_index = require("../../core/box/index.cjs");
5
+ const require_use_styles = require("../../core/styles-api/use-styles/use-styles.cjs");
6
+ const require_typography_module = require("./typography.module.cjs");
7
+ let vue = require("vue");
8
+ //#region packages/@cck-ui/core/src/components/typography/typography.vue
9
+ const _sfc_main = /*@__PURE__*/ (0, vue.defineComponent)({
10
+ name: "CTypography",
11
+ __name: "typography",
12
+ props: {
13
+ className: {
14
+ type: String,
15
+ required: false
16
+ },
17
+ style: {
18
+ type: [
19
+ Object,
20
+ Function,
21
+ Array
22
+ ],
23
+ required: false,
24
+ skipCheck: true
25
+ },
26
+ __vars: {
27
+ type: null,
28
+ required: false
29
+ },
30
+ __size: {
31
+ type: String,
32
+ required: false
33
+ },
34
+ hiddenFrom: {
35
+ type: null,
36
+ required: false
37
+ },
38
+ visibleFrom: {
39
+ type: null,
40
+ required: false
41
+ },
42
+ lightHidden: {
43
+ type: Boolean,
44
+ required: false
45
+ },
46
+ darkHidden: {
47
+ type: Boolean,
48
+ required: false
49
+ },
50
+ mod: {
51
+ type: [
52
+ Object,
53
+ String,
54
+ Array
55
+ ],
56
+ required: false
57
+ },
58
+ m: {
59
+ type: null,
60
+ required: false
61
+ },
62
+ my: {
63
+ type: null,
64
+ required: false
65
+ },
66
+ mx: {
67
+ type: null,
68
+ required: false
69
+ },
70
+ mt: {
71
+ type: null,
72
+ required: false
73
+ },
74
+ mb: {
75
+ type: null,
76
+ required: false
77
+ },
78
+ ms: {
79
+ type: null,
80
+ required: false
81
+ },
82
+ me: {
83
+ type: null,
84
+ required: false
85
+ },
86
+ mis: {
87
+ type: null,
88
+ required: false
89
+ },
90
+ mie: {
91
+ type: null,
92
+ required: false
93
+ },
94
+ ml: {
95
+ type: null,
96
+ required: false
97
+ },
98
+ mr: {
99
+ type: null,
100
+ required: false
101
+ },
102
+ p: {
103
+ type: null,
104
+ required: false
105
+ },
106
+ py: {
107
+ type: null,
108
+ required: false
109
+ },
110
+ px: {
111
+ type: null,
112
+ required: false
113
+ },
114
+ pt: {
115
+ type: null,
116
+ required: false
117
+ },
118
+ pb: {
119
+ type: null,
120
+ required: false
121
+ },
122
+ ps: {
123
+ type: null,
124
+ required: false
125
+ },
126
+ pe: {
127
+ type: null,
128
+ required: false
129
+ },
130
+ pis: {
131
+ type: null,
132
+ required: false
133
+ },
134
+ pie: {
135
+ type: null,
136
+ required: false
137
+ },
138
+ pl: {
139
+ type: null,
140
+ required: false
141
+ },
142
+ pr: {
143
+ type: null,
144
+ required: false
145
+ },
146
+ bd: {
147
+ type: null,
148
+ required: false
149
+ },
150
+ bdrs: {
151
+ type: null,
152
+ required: false
153
+ },
154
+ bg: {
155
+ type: null,
156
+ required: false
157
+ },
158
+ c: {
159
+ type: null,
160
+ required: false
161
+ },
162
+ opacity: {
163
+ type: [
164
+ String,
165
+ Object,
166
+ Number
167
+ ],
168
+ required: false
169
+ },
170
+ ff: {
171
+ type: [String, Object],
172
+ required: false
173
+ },
174
+ fz: {
175
+ type: null,
176
+ required: false
177
+ },
178
+ fw: {
179
+ type: null,
180
+ required: false
181
+ },
182
+ lts: {
183
+ type: null,
184
+ required: false
185
+ },
186
+ ta: {
187
+ type: [String, Object],
188
+ required: false
189
+ },
190
+ lh: {
191
+ type: null,
192
+ required: false
193
+ },
194
+ fs: {
195
+ type: null,
196
+ required: false
197
+ },
198
+ tt: {
199
+ type: [String, Object],
200
+ required: false
201
+ },
202
+ td: {
203
+ type: null,
204
+ required: false
205
+ },
206
+ w: {
207
+ type: null,
208
+ required: false
209
+ },
210
+ miw: {
211
+ type: null,
212
+ required: false
213
+ },
214
+ maw: {
215
+ type: null,
216
+ required: false
217
+ },
218
+ h: {
219
+ type: null,
220
+ required: false
221
+ },
222
+ mih: {
223
+ type: null,
224
+ required: false
225
+ },
226
+ mah: {
227
+ type: null,
228
+ required: false
229
+ },
230
+ bgsz: {
231
+ type: null,
232
+ required: false
233
+ },
234
+ bgp: {
235
+ type: null,
236
+ required: false
237
+ },
238
+ bgr: {
239
+ type: null,
240
+ required: false
241
+ },
242
+ bga: {
243
+ type: null,
244
+ required: false
245
+ },
246
+ pos: {
247
+ type: [String, Object],
248
+ required: false
249
+ },
250
+ top: {
251
+ type: null,
252
+ required: false
253
+ },
254
+ left: {
255
+ type: null,
256
+ required: false
257
+ },
258
+ bottom: {
259
+ type: null,
260
+ required: false
261
+ },
262
+ right: {
263
+ type: null,
264
+ required: false
265
+ },
266
+ inset: {
267
+ type: null,
268
+ required: false
269
+ },
270
+ display: {
271
+ type: null,
272
+ required: false
273
+ },
274
+ flex: {
275
+ type: null,
276
+ required: false
277
+ },
278
+ unstyled: {
279
+ type: Boolean,
280
+ required: false
281
+ },
282
+ variant: {
283
+ type: null,
284
+ required: false
285
+ },
286
+ classNames: {
287
+ type: null,
288
+ required: false
289
+ },
290
+ styles: {
291
+ type: null,
292
+ required: false
293
+ },
294
+ vars: {
295
+ type: Function,
296
+ required: false
297
+ },
298
+ attributes: {
299
+ type: null,
300
+ required: false
301
+ }
302
+ },
303
+ setup(__props, { expose: __expose }) {
304
+ const _root = (0, vue.ref)(null);
305
+ const attrs = (0, vue.useAttrs)();
306
+ const rawProps = __props;
307
+ const props = require_use_component_props.useComponentProps({
308
+ component: "CTypography",
309
+ defaultProps: {},
310
+ props: rawProps
311
+ });
312
+ const knownProps = [
313
+ "classNames",
314
+ "className",
315
+ "style",
316
+ "styles",
317
+ "unstyled",
318
+ "attributes"
319
+ ];
320
+ const styleProps = (0, vue.computed)(() => ({
321
+ ...props.value,
322
+ ...attrs,
323
+ style: attrs.style ?? props.value.style
324
+ }));
325
+ const getStyles = require_use_styles.useStyles({
326
+ name: "Typography",
327
+ classes: require_typography_module.default,
328
+ props: styleProps,
329
+ className: () => props.value.className,
330
+ style: () => props.value.style,
331
+ classNames: props.value.classNames,
332
+ styles: props.value.styles,
333
+ unstyled: props.value.unstyled,
334
+ attributes: props.value.attributes
335
+ });
336
+ const rootAttrs = (0, vue.computed)(() => getStyles("root"));
337
+ const mergedAttrs = (0, vue.computed)(() => {
338
+ const others = {};
339
+ const propsValue = props.value;
340
+ for (const key in propsValue) if (!knownProps.includes(key)) others[key] = propsValue[key];
341
+ const userMod = props.value.mod;
342
+ const mergedMod = [...Array.isArray(userMod) ? userMod : [userMod].filter(Boolean)];
343
+ return {
344
+ ...others,
345
+ mod: mergedMod,
346
+ ...rootAttrs.value
347
+ };
348
+ });
349
+ __expose({ root: (0, vue.computed)(() => _root.value?.root ?? null) });
350
+ const __returned__ = {
351
+ _root,
352
+ attrs,
353
+ rawProps,
354
+ props,
355
+ knownProps,
356
+ styleProps,
357
+ getStyles,
358
+ rootAttrs,
359
+ mergedAttrs,
360
+ get CBox() {
361
+ return require_index.CBox;
362
+ }
363
+ };
364
+ Object.defineProperty(__returned__, "__isScriptSetup", {
365
+ enumerable: false,
366
+ value: true
367
+ });
368
+ return __returned__;
369
+ }
370
+ });
371
+ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
372
+ return (0, vue.openBlock)(), (0, vue.createBlock)($setup["CBox"], (0, vue.mergeProps)({ ref: "_root" }, $setup.mergedAttrs), {
373
+ default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
374
+ _: 3
375
+ }, 16);
376
+ }
377
+ var typography_default = /*#__PURE__*/ require_export_helper.default(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/cck-ui/cck-ui/packages/@cck-ui/core/src/components/typography/typography.vue"]]);
378
+ //#endregion
379
+ exports.default = typography_default;
380
+
381
+ //# sourceMappingURL=typography.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"typography.cjs","names":[],"sources":["../../../src/components/typography/typography.vue"],"sourcesContent":["<template>\n <c-box ref=\"_root\" v-bind=\"mergedAttrs\">\n <slot />\n </c-box>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, useAttrs } from 'vue'\nimport { CBox, CStyleProp, useComponentProps, useStyles } from '../../core'\nimport { TypographyFactory, TypographyProps } from './typography.types'\nimport classes from './typography.module.css'\n\ndefineOptions({\n name: 'CTypography',\n})\n\nconst _root = ref<InstanceType<typeof CBox> | null>(null)\n\nconst attrs = useAttrs()\n\nconst rawProps = defineProps<TypographyProps>()\n\nconst props = useComponentProps({\n component: 'CTypography',\n defaultProps: {},\n props: rawProps,\n})\n\nconst knownProps = ['classNames', 'className', 'style', 'styles', 'unstyled', 'attributes']\n\nconst styleProps = computed(() => ({\n ...props.value,\n ...attrs,\n style: (attrs.style ?? props.value.style) as CStyleProp,\n}))\n\nconst getStyles = useStyles<TypographyFactory>({\n name: 'Typography',\n classes,\n props: styleProps,\n className: () => props.value.className,\n style: () => props.value.style,\n classNames: props.value.classNames,\n styles: props.value.styles,\n unstyled: props.value.unstyled,\n attributes: props.value.attributes,\n})\n\nconst rootAttrs = computed(() => getStyles('root'))\n\nconst mergedAttrs = computed(() => {\n const others: Record<string, any> = {}\n const propsValue = props.value\n for (const key in propsValue) {\n if (!knownProps.includes(key)) {\n others[key] = propsValue[key as keyof typeof propsValue]\n }\n }\n const userMod = props.value.mod\n const mergedMod = [...(Array.isArray(userMod) ? userMod : [userMod].filter(Boolean))]\n return { ...others, mod: mergedMod, ...rootAttrs.value }\n})\n\ndefineExpose({\n root: computed(() => _root.value?.root ?? null),\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,SAAA,GAAA,IAAA,IAAA,CAA8C,IAAI;EAExD,MAAM,SAAA,GAAA,IAAA,SAAA,CAAiB;EAEvB,MAAM,WAAW;EAEjB,MAAM,QAAQ,4BAAA,kBAAkB;GAC9B,WAAW;GACX,cAAc,CAAC;GACf,OAAO;EACT,CAAC;EAED,MAAM,aAAa;GAAC;GAAc;GAAa;GAAS;GAAU;GAAY;EAAY;EAE1F,MAAM,cAAA,GAAA,IAAA,SAAA,QAA6B;GACjC,GAAG,MAAM;GACT,GAAG;GACH,OAAQ,MAAM,SAAS,MAAM,MAAM;EACrC,EAAE;EAEF,MAAM,YAAY,mBAAA,UAA6B;GAC7C,MAAM;GACN,SAAA,0BAAA;GACA,OAAO;GACP,iBAAiB,MAAM,MAAM;GAC7B,aAAa,MAAM,MAAM;GACzB,YAAY,MAAM,MAAM;GACxB,QAAQ,MAAM,MAAM;GACpB,UAAU,MAAM,MAAM;GACtB,YAAY,MAAM,MAAM;EAC1B,CAAC;EAED,MAAM,aAAA,GAAA,IAAA,SAAA,OAA2B,UAAU,MAAM,CAAC;EAElD,MAAM,eAAA,GAAA,IAAA,SAAA,OAA6B;GACjC,MAAM,SAA8B,CAAC;GACrC,MAAM,aAAa,MAAM;GACzB,KAAK,MAAM,OAAO,YAChB,IAAI,CAAC,WAAW,SAAS,GAAG,GAC1B,OAAO,OAAO,WAAW;GAG7B,MAAM,UAAU,MAAM,MAAM;GAC5B,MAAM,YAAY,CAAC,GAAI,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,OAAO,OAAO,CAAE;GACpF,OAAO;IAAE,GAAG;IAAQ,KAAK;IAAW,GAAG,UAAU;GAAM;EACzD,CAAC;EAED,SAAa,EACX,OAAA,GAAA,IAAA,SAAA,OAAqB,MAAM,OAAO,QAAQ,IAAI,EAChD,CAAC;;;;;;;;;;;;;;;;;;;;;;;mDA9DS,OAAA,UAAA,GAAA,IAAA,WAAA,CAAA,EAFD,KAAI,QAAO,GAAS,OAAA,WAAW,GAAA;kCAC5B,EAAA,GAAA,IAAA,WAAA,CAAA,KAAA,QAAA,SAAA,CAAA,CAAA"}
@@ -0,0 +1,7 @@
1
+ "use client";
2
+ //#region packages/@cck-ui/core/src/components/typography/typography.module.css
3
+ var typography_module_default = { "root": "m_487612c0" };
4
+ //#endregion
5
+ exports.default = typography_module_default;
6
+
7
+ //# sourceMappingURL=typography.module.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"typography.module.cjs","names":[],"sources":["../../../src/components/typography/typography.module.css"],"sourcesContent":[".root {\n & :first-child {\n margin-top: 0;\n }\n\n & :last-child {\n margin-bottom: 0;\n }\n\n & :where(h1, h2, h3, h4, h5, h6) {\n margin-bottom: var(--c-spacing-xs);\n text-wrap: var(--c-heading-text-wrap);\n font-family: var(--c-font-family-headings);\n }\n\n & :where(h1) {\n margin-top: calc(1.5 * var(--c-spacing-xl));\n font-size: var(--c-h1-font-size);\n line-height: var(--c-h1-line-height);\n font-weight: var(--c-h1-font-weight);\n }\n\n & :where(h2) {\n margin-top: calc(--c-spacing-xl);\n font-size: var(--c-h2-font-size);\n line-height: var(--c-h2-line-height);\n font-weight: var(--c-h2-font-weight);\n }\n\n & :where(h3) {\n margin-top: calc(0.8 * var(--c-spacing-xl));\n font-size: var(--c-h3-font-size);\n line-height: var(--c-h3-line-height);\n font-weight: var(--c-h3-font-weight);\n }\n\n & :where(h4) {\n margin-top: calc(0.8 * var(--c-spacing-xl));\n font-size: var(--c-h4-font-size);\n line-height: var(--c-h4-line-height);\n font-weight: var(--c-h4-font-weight);\n }\n\n & :where(h5) {\n margin-top: calc(0.5 * var(--c-spacing-xl));\n font-size: var(--c-h5-font-size);\n line-height: var(--c-h5-line-height);\n font-weight: var(--c-h5-font-weight);\n }\n\n & :where(h6) {\n margin-top: calc(0.5 * var(--c-spacing-xl));\n font-size: var(--c-h6-font-size);\n line-height: var(--c-h6-line-height);\n font-weight: var(--c-h6-font-weight);\n }\n\n & :where(img) {\n max-width: 100%;\n margin-bottom: var(--c-spacing-xs);\n }\n\n & :where(p) {\n margin-top: 0;\n margin-bottom: var(--c-spacing-lg);\n }\n\n & :where(mark) {\n @mixin where-light {\n background-color: var(--c-color-yellow-2);\n color: inherit;\n }\n\n @mixin where-dark {\n background-color: var(--c-color-yellow-5);\n color: var(--c-color-black);\n }\n }\n\n & :where(a) {\n color: var(--c-color-anchor);\n text-decoration: none;\n\n @mixin hover {\n text-decoration: underline;\n }\n }\n\n & :where(hr) {\n margin-top: var(--c-spacing-md);\n margin-bottom: var(--c-spacing-md);\n border: 0;\n border-top: 1px solid;\n\n @mixin where-light {\n border-color: var(--c-color-gray-3);\n }\n\n @mixin where-dark {\n border-color: var(--c-color-dark-3);\n }\n }\n\n & :where(pre) {\n padding: var(--c-spacing-xs);\n line-height: var(--c-line-height);\n margin: 0;\n margin-top: var(--c-spacing-md);\n margin-bottom: var(--c-spacing-md);\n overflow-x: auto;\n font-family: var(--c-font-family-monospace);\n font-size: var(--c-font-size-xs);\n border-radius: var(--c-radius-sm);\n\n @mixin where-light {\n background-color: var(--c-color-gray-0);\n }\n\n @mixin where-dark {\n background-color: var(--c-color-dark-8);\n }\n\n & :where(code) {\n background-color: transparent;\n padding: 0;\n border-radius: 0;\n color: inherit;\n border: 0;\n }\n }\n\n & :where(kbd) {\n --kbd-fz: 12px;\n --kbd-padding: 3px 5px;\n\n font-family: var(--c-font-family-monospace);\n line-height: var(--c-line-height);\n padding: var(--kbd-padding);\n font-size: var(--kbd-fz);\n border-radius: var(--c-radius-sm);\n border: 1px solid;\n border-bottom-width: 3px;\n\n @mixin where-light {\n border-color: var(--c-color-gray-3);\n color: var(--c-color-gray-7);\n background-color: var(--c-color-gray-0);\n }\n\n @mixin where-dark {\n border-color: var(--c-color-dark-3);\n color: var(--c-color-dark-0);\n background-color: var(--c-color-dark-5);\n }\n }\n\n & :where(code) {\n line-height: var(--c-line-height);\n padding: 1px 5px;\n border-radius: var(--c-radius-sm);\n font-family: var(--c-font-family-monospace);\n font-size: var(--c-font-size-xs);\n\n @mixin where-light {\n background-color: var(--c-color-gray-0);\n color: var(--c-color-black);\n }\n\n @mixin where-dark {\n background-color: var(--c-color-dark-5);\n color: var(--c-color-white);\n }\n }\n\n & :where(ul, ol):not([data-type='taskList']) {\n margin-bottom: var(--c-spacing-md);\n padding-inline-start: var(--c-spacing-xl);\n list-style-position: outside;\n }\n\n & :where(table) {\n width: 100%;\n border-collapse: collapse;\n caption-side: bottom;\n margin-bottom: var(--c-spacing-md);\n\n @mixin where-light {\n --table-border-color: var(--c-color-gray-3);\n }\n\n @mixin where-dark {\n --table-border-color: var(--c-color-dark-4);\n }\n\n & :where(caption) {\n margin-top: var(--c-spacing-xs);\n font-size: var(--c-font-size-sm);\n color: var(--c-color-dimmed);\n }\n\n & :where(th) {\n text-align: start;\n font-weight: bold;\n font-size: var(--c-font-size-sm);\n padding: var(--c-spacing-xs) var(--c-spacing-sm);\n }\n\n & :where(thead th) {\n border-bottom: 1px solid;\n border-color: var(--table-border-color);\n }\n\n & :where(tfoot th) {\n border-top: 1px solid;\n border-color: var(--table-border-color);\n }\n\n & :where(td) {\n padding: var(--c-spacing-xs) var(--c-spacing-sm);\n border-bottom: 1px solid;\n border-color: var(--table-border-color);\n font-size: var(--c-font-size-sm);\n }\n\n & :where(tr:last-of-type td) {\n border-bottom: 0;\n }\n }\n\n & :where(blockquote) {\n font-size: var(--c-font-size-lg);\n line-height: var(--c-line-height);\n margin: var(--c-spacing-md) 0;\n border-radius: var(--c-radius-sm);\n padding: var(--c-spacing-md) var(--c-spacing-lg);\n\n @mixin where-light {\n background-color: var(--c-color-gray-0);\n }\n\n @mixin where-dark {\n background-color: var(--c-color-dark-8);\n }\n }\n}\n"],"mappings":";;AAAA,IAAA,4BAAe,EAAC,QAAO,aAAY"}
@@ -0,0 +1,13 @@
1
+ "use client";
2
+ const require_install = require("../../core/utils/vue/install.cjs");
3
+ const require_statics = require("../../core/utils/vue/statics.cjs");
4
+ const require_visually_hidden_module = require("./visually-hidden.module.cjs");
5
+ const require_visually_hidden = require("./visually-hidden.cjs");
6
+ //#region packages/@cck-ui/core/src/components/visually-hidden/index.ts
7
+ const VisuallyHiddenWithStatic = require_statics.withPropsFactory(require_statics.withExtend(require_statics.withClasses(require_visually_hidden.default, require_visually_hidden_module.default)));
8
+ const CVisuallyHidden = require_install.withInstall(VisuallyHiddenWithStatic);
9
+ //#endregion
10
+ exports.CVisuallyHidden = CVisuallyHidden;
11
+ exports.default = CVisuallyHidden;
12
+
13
+ //# sourceMappingURL=index.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.cjs","names":["withPropsFactory","withExtend","withClasses","VisuallyHidden","classes","withInstall"],"sources":["../../../src/components/visually-hidden/index.ts"],"sourcesContent":["import {\n SFCWithInstallAndClasses,\n withClasses,\n withExtend,\n withInstall,\n withPropsFactory,\n} from '../../core'\nimport classes from './visually-hidden.module.css'\nimport VisuallyHidden from './visually-hidden.vue'\n\nconst VisuallyHiddenWithStatic = withPropsFactory(withExtend(withClasses(VisuallyHidden, classes)))\n\nexport const CVisuallyHidden: SFCWithInstallAndClasses<typeof VisuallyHidden, typeof classes> =\n withInstall(VisuallyHiddenWithStatic)\n\nexport default CVisuallyHidden\n\nexport * from './visually-hidden.types'\n"],"mappings":";;;;;;AAUA,MAAM,2BAA2BA,gBAAAA,iBAAiBC,gBAAAA,WAAWC,gBAAAA,YAAYC,wBAAAA,SAAgBC,+BAAAA,OAAO,CAAC,CAAC;AAElG,MAAa,kBACXC,gBAAAA,YAAY,wBAAwB"}