@versaur/core 0.0.9 → 0.0.11

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/dist/blocks/index.d.ts +13 -13
  2. package/dist/blocks/index.d.ts.map +1 -1
  3. package/dist/blocks/page-header/index.d.ts +3 -0
  4. package/dist/blocks/page-header/index.d.ts.map +1 -0
  5. package/dist/blocks/page-header/page-header.module.css.d.ts +15 -0
  6. package/dist/blocks/page-header/page-header.types.generated.d.ts +12 -0
  7. package/dist/blocks/page-header/page-header.types.generated.d.ts.map +1 -0
  8. package/dist/blocks/tabs/tabs.types.generated.d.ts +3 -0
  9. package/dist/blocks/tabs/tabs.types.generated.d.ts.map +1 -1
  10. package/dist/blocks.js +110 -102
  11. package/dist/core.css +1 -1
  12. package/dist/forms/combobox-input/combobox-input.module.css.d.ts +19 -0
  13. package/dist/forms/combobox-input/combobox-input.types.generated.d.ts +17 -0
  14. package/dist/forms/combobox-input/combobox-input.types.generated.d.ts.map +1 -0
  15. package/dist/forms/combobox-input/index.d.ts +3 -0
  16. package/dist/forms/combobox-input/index.d.ts.map +1 -0
  17. package/dist/forms/index.d.ts +1 -0
  18. package/dist/forms/index.d.ts.map +1 -1
  19. package/dist/forms.js +52 -35
  20. package/dist/{blocks/nav/nav.module.css.d.ts → primitive/filter-chip/filter-chip.module.css.d.ts} +2 -3
  21. package/dist/primitive/filter-chip/filter-chip.types.generated.d.ts +7 -0
  22. package/dist/primitive/filter-chip/filter-chip.types.generated.d.ts.map +1 -0
  23. package/dist/primitive/filter-chip/index.d.ts +4 -0
  24. package/dist/primitive/filter-chip/index.d.ts.map +1 -0
  25. package/dist/primitive/index.d.ts +1 -0
  26. package/dist/primitive/index.d.ts.map +1 -1
  27. package/dist/primitive.js +41 -37
  28. package/dist/tokens/breakpoint.css +8 -0
  29. package/dist/tokens/colors.css +1 -1
  30. package/dist/tokens/index.css +1 -0
  31. package/dist/utils/breakpoint.d.ts +19 -0
  32. package/dist/utils/breakpoint.d.ts.map +1 -0
  33. package/dist/utils/index.d.ts +1 -0
  34. package/dist/utils/index.d.ts.map +1 -1
  35. package/dist/utils.js +21 -8
  36. package/package.json +1 -1
  37. package/dist/blocks/nav/index.d.ts +0 -3
  38. package/dist/blocks/nav/index.d.ts.map +0 -1
  39. package/dist/blocks/nav/nav.types.generated.d.ts +0 -12
  40. package/dist/blocks/nav/nav.types.generated.d.ts.map +0 -1
package/dist/forms.js CHANGED
@@ -1,52 +1,69 @@
1
- const e = "versaur-7cf74bb598de800f", I = {
1
+ const e = "versaur-7cf74bb598de800f", q = {
2
2
  label: e
3
- }, s = "versaur-b59412a018f503fc", T = {
4
- helper: s
5
- }, r = "versaur-c683db918850a350", w = {
6
- error: r
7
- }, t = "versaur-875782ca06b984f9", o = "versaur-59a13ce2bad8ce86", a = "versaur-a028701e3855a0d6", A = {
8
- field: t,
9
- wrapper: o,
10
- input: a,
3
+ }, r = "versaur-b59412a018f503fc", z = {
4
+ helper: r
5
+ }, a = "versaur-c683db918850a350", B = {
6
+ error: a
7
+ }, o = "versaur-875782ca06b984f9", s = "versaur-59a13ce2bad8ce86", t = "versaur-a028701e3855a0d6", C = {
8
+ field: o,
9
+ wrapper: s,
10
+ input: t,
11
11
  "left-icon": "versaur-e80e63cbf720426c",
12
12
  "right-icon": "versaur-30f261fe988e4512"
13
- }, c = "versaur-7de13036631f013b", d = "versaur-c37ff23291914eec", g = {
13
+ }, c = "versaur-7de13036631f013b", d = "versaur-c37ff23291914eec", D = {
14
14
  field: c,
15
15
  textarea: d
16
- }, n = "versaur-d35184a239a2f383", l = "versaur-87e7af0ce905d524", j = {
16
+ }, n = "versaur-d35184a239a2f383", u = "versaur-87e7af0ce905d524", E = {
17
17
  field: n,
18
- select: l
19
- }, u = "versaur-570f5d3a05bfb795", f = "versaur-a1983823b2c6ede0", i = "versaur-9b607137411d7f57", b = "versaur-52f04fd45d709709", q = {
20
- radio: u,
21
- input: f,
22
- indicator: i,
23
- label: b
24
- }, p = "versaur-dbcd030c12868d08", v = "versaur-448dbd668d748593", z = {
18
+ select: u
19
+ }, l = "versaur-570f5d3a05bfb795", i = "versaur-a1983823b2c6ede0", b = "versaur-9b607137411d7f57", f = "versaur-52f04fd45d709709", F = {
20
+ radio: l,
21
+ input: i,
22
+ indicator: b,
23
+ label: f
24
+ }, p = "versaur-dbcd030c12868d08", v = "versaur-448dbd668d748593", H = {
25
25
  field: p,
26
26
  options: v
27
- }, x = "versaur-c1068fb66bbf7dfd", h = "versaur-7ae5fc6311fbabd7", $ = "versaur-5fa39f2e92b3ced5", m = "versaur-ac6f51b72f550f8c", B = {
27
+ }, x = "versaur-c1068fb66bbf7dfd", h = "versaur-7ae5fc6311fbabd7", m = "versaur-5fa39f2e92b3ced5", $ = "versaur-ac6f51b72f550f8c", J = {
28
28
  checkbox: x,
29
29
  input: h,
30
- indicator: $,
31
- label: m
32
- }, y = "versaur-a4bca635362d7e46", S = "versaur-e475572a6addeb32", C = {
30
+ indicator: m,
31
+ label: $
32
+ }, y = "versaur-a4bca635362d7e46", S = "versaur-e475572a6addeb32", K = {
33
33
  field: y,
34
34
  options: S
35
- }, _ = "versaur-cf3429e47ea615d5", k = "versaur-0d38cac7172a09bf", G = "versaur-f34d3407e4fe31c4", D = {
35
+ }, _ = "versaur-cf3429e47ea615d5", k = "versaur-0d38cac7172a09bf", w = "versaur-f34d3407e4fe31c4", L = {
36
36
  field: _,
37
37
  options: k,
38
- option: G
38
+ option: w
39
+ }, I = "versaur-b153f21d0bf7694b", G = "versaur-d55c1856d5e5e555", T = "versaur-6dc889b9335ca800", g = "versaur-7d6ae1341f4020bf", A = "versaur-f211cdb50e4d9ef0", j = "versaur-8af1de819de7cb52", M = {
40
+ field: I,
41
+ root: G,
42
+ button: T,
43
+ "button-content": "versaur-0572611cbca1918e",
44
+ "left-icon": "versaur-2d822124a4d30abe",
45
+ "right-icon": "versaur-2a031dcde6075444",
46
+ listbox: g,
47
+ "listbox-inner": "versaur-54ac51443c2b57ac",
48
+ option: A,
49
+ "option-check": "versaur-d3d0e5fef5caa226",
50
+ chips: j,
51
+ "drawer-input-wrapper": "versaur-0c13c55c89bafa08",
52
+ "drawer-input": "versaur-ebdad9fed8f85fe3",
53
+ "drawer-listbox": "versaur-64a65cec07b0a95f",
54
+ "drawer-container": "versaur-743c606024913e44"
39
55
  };
40
56
  export {
41
- C as checkboxGroupStyles,
42
- B as checkboxStyles,
43
- D as chipInputStyles,
44
- w as errorTextStyles,
45
- T as helperTextStyles,
46
- I as labelStyles,
47
- z as radioGroupStyles,
48
- q as radioStyles,
49
- j as selectStyles,
50
- g as textAreaStyles,
51
- A as textInputStyles
57
+ K as checkboxGroupStyles,
58
+ J as checkboxStyles,
59
+ L as chipInputStyles,
60
+ M as comboboxInputStyles,
61
+ B as errorTextStyles,
62
+ z as helperTextStyles,
63
+ q as labelStyles,
64
+ H as radioGroupStyles,
65
+ F as radioStyles,
66
+ E as selectStyles,
67
+ D as textAreaStyles,
68
+ C as textInputStyles
52
69
  };
@@ -1,7 +1,6 @@
1
1
  // AUTO-GENERATED by @versaur/tooling — DO NOT EDIT
2
2
  declare const styles: {
3
- readonly nav: string;
4
- readonly 'nav-item': string;
5
- readonly 'nav-item-icon': string;
3
+ readonly chip: string;
4
+ readonly label: string;
6
5
  };
7
6
  export default styles;
@@ -0,0 +1,7 @@
1
+ export interface FilterChipDataAttrs {
2
+ disabled?: boolean;
3
+ }
4
+ export declare namespace FilterChip {
5
+ type DataAttrs = FilterChipDataAttrs;
6
+ }
7
+ //# sourceMappingURL=filter-chip.types.generated.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"filter-chip.types.generated.d.ts","sourceRoot":"","sources":["../../../src/components/primitive/filter-chip/filter-chip.types.generated.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,yBAAiB,UAAU,CAAC;IAC1B,KAAY,SAAS,GAAG,mBAAmB,CAAC;CAC7C"}
@@ -0,0 +1,4 @@
1
+ export { default as filterChipStyles } from './filter-chip.module.css';
2
+ export * from './filter-chip.types.generated';
3
+ export type { FilterChip } from './filter-chip.types.generated';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/primitive/filter-chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AACtE,cAAc,+BAA+B,CAAA;AAC7C,YAAY,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA"}
@@ -4,6 +4,7 @@ export * from './avatar';
4
4
  export * from './badge';
5
5
  export * from './banner';
6
6
  export * from './dot';
7
+ export * from './filter-chip';
7
8
  export * from './heading';
8
9
  export * from './text';
9
10
  export * from './hr';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/primitive/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,MAAM,CAAA;AACpB,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/primitive/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,MAAM,CAAA;AACpB,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA"}
package/dist/primitive.js CHANGED
@@ -1,51 +1,55 @@
1
- const e = "versaur-617382ec0cb7b8bf", t = "versaur-14ea934c146d7c48", S = {
1
+ const e = "versaur-617382ec0cb7b8bf", a = "versaur-14ea934c146d7c48", _ = {
2
2
  button: e,
3
- spin: t
4
- }, a = "versaur-fda25cd0adb14a64", _ = {
5
- "button-icon": "versaur-32959403b131de79",
6
3
  spin: a
7
- }, s = "versaur-e2ce5acd0a2adbeb", p = {
4
+ }, t = "versaur-fda25cd0adb14a64", h = {
5
+ "button-icon": "versaur-32959403b131de79",
6
+ spin: t
7
+ }, s = "versaur-e2ce5acd0a2adbeb", g = {
8
8
  avatar: s,
9
9
  "avatar-image": "versaur-963a92c30722e0dd"
10
- }, o = "versaur-848235025f3bbd0d", g = {
10
+ }, o = "versaur-848235025f3bbd0d", x = {
11
11
  badge: o
12
- }, n = "versaur-95d0cd719e9385cc", c = "versaur-93010c75c4b3936f", r = "versaur-145d0cfa83f42121", d = "versaur-df6601b6f9c783b1", h = {
13
- banner: n,
14
- icon: c,
12
+ }, c = "versaur-95d0cd719e9385cc", n = "versaur-93010c75c4b3936f", r = "versaur-145d0cfa83f42121", d = "versaur-df6601b6f9c783b1", k = {
13
+ banner: c,
14
+ icon: n,
15
15
  content: r,
16
16
  close: d
17
- }, b = "versaur-19a2eac51e52f149", x = {
17
+ }, b = "versaur-19a2eac51e52f149", C = {
18
18
  dot: b
19
- }, u = "versaur-9cfbe2f9495bbf4a", k = {
20
- heading: u
21
- }, l = "versaur-779cb7eead64eadd", I = {
22
- text: l
23
- }, v = "versaur-36c29d2e99f7b204", $ = {
24
- hr: v
25
- }, i = "versaur-b0e952d3a8681bf7", j = {
26
- loader: i,
19
+ }, l = "versaur-971e5ce84ac623fc", u = "versaur-4e0bafda775e837a", I = {
20
+ chip: l,
21
+ label: u
22
+ }, i = "versaur-9cfbe2f9495bbf4a", $ = {
23
+ heading: i
24
+ }, v = "versaur-779cb7eead64eadd", j = {
25
+ text: v
26
+ }, f = "versaur-36c29d2e99f7b204", q = {
27
+ hr: f
28
+ }, m = "versaur-b0e952d3a8681bf7", w = {
29
+ loader: m,
27
30
  "spin-loader": "versaur-0547b485a3fe0b53",
28
31
  "slide-loader": "versaur-84538da935bc60e3"
29
- }, f = "versaur-ce9cd97f986963db", q = {
30
- kbd: f
31
- }, m = "versaur-ae24b11a54a16293", w = {
32
- tooltip: m,
32
+ }, p = "versaur-ce9cd97f986963db", z = {
33
+ kbd: p
34
+ }, y = "versaur-ae24b11a54a16293", A = {
35
+ tooltip: y,
33
36
  "tooltip-text": "versaur-189b29b12e28756c"
34
- }, y = "versaur-96471452918b8b62", z = {
35
- icon: y
37
+ }, S = "versaur-96471452918b8b62", B = {
38
+ icon: S
36
39
  };
37
40
  export {
38
- p as avatarStyles,
39
- g as badgeStyles,
40
- h as bannerStyles,
41
- _ as buttonIconStyles,
42
- S as buttonStyles,
43
- x as dotStyles,
44
- k as headingStyles,
45
- $ as hrStyles,
46
- z as iconStyles,
47
- q as kbdStyles,
48
- j as loaderStyles,
49
- I as textStyles,
50
- w as tooltipStyles
41
+ g as avatarStyles,
42
+ x as badgeStyles,
43
+ k as bannerStyles,
44
+ h as buttonIconStyles,
45
+ _ as buttonStyles,
46
+ C as dotStyles,
47
+ I as filterChipStyles,
48
+ $ as headingStyles,
49
+ q as hrStyles,
50
+ B as iconStyles,
51
+ z as kbdStyles,
52
+ w as loaderStyles,
53
+ j as textStyles,
54
+ A as tooltipStyles
51
55
  };
@@ -0,0 +1,8 @@
1
+ :root {
2
+ /* Responsive Breakpoints */
3
+ --breakpoint-mobile: 640px;
4
+ --breakpoint-mobile-max: 639px;
5
+ --breakpoint-tablet: 1024px;
6
+ --breakpoint-tablet-max: 1023px;
7
+ --breakpoint-desktop: 1280px;
8
+ }
@@ -23,7 +23,7 @@
23
23
  --color-outline-hover: #6e92b0;
24
24
  --color-outline-active: #5a7fa0;
25
25
  --color-outline-bold: #5a7a99;
26
- --color-outline-soft: #f5faff;
26
+ --color-outline-soft: #e1f0ff;
27
27
  --color-outline-focus: #b1c5d8;
28
28
 
29
29
  /* Danger Color - Red */
@@ -1,4 +1,5 @@
1
1
  /* Import all design tokens */
2
+ @import "./breakpoint.css";
2
3
  @import "./colors.css";
3
4
  @import "./spacing.css";
4
5
  @import "./typography.css";
@@ -0,0 +1,19 @@
1
+ /**
2
+ * Responsive Design Breakpoints
3
+ * Single source of truth for breakpoint values used in both CSS and JavaScript
4
+ */
5
+ export declare const BREAKPOINTS: {
6
+ readonly mobile: 640;
7
+ readonly tablet: 1024;
8
+ readonly desktop: 1280;
9
+ };
10
+ export type BreakpointKey = keyof typeof BREAKPOINTS;
11
+ /**
12
+ * Convert breakpoint value to px string for CSS media queries
13
+ */
14
+ export declare function getBreakpointPx(key: BreakpointKey): string;
15
+ /**
16
+ * Get CSS variable name for a breakpoint
17
+ */
18
+ export declare function getBreakpointCssVar(key: BreakpointKey): string;
19
+ //# sourceMappingURL=breakpoint.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"breakpoint.d.ts","sourceRoot":"","sources":["../../src/components/utils/breakpoint.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAO,MAAM,WAAW;;;;CAId,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,WAAW,CAAC;AAErD;;GAEG;AACH,wBAAgB,eAAe,CAAC,GAAG,EAAE,aAAa,GAAG,MAAM,CAE1D;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,aAAa,GAAG,MAAM,CAE9D"}
@@ -1,2 +1,3 @@
1
1
  export * from './overlay-parts';
2
+ export * from './breakpoint';
2
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA"}
package/dist/utils.js CHANGED
@@ -1,13 +1,26 @@
1
- const e = "versaur-f45089295474171d", t = "versaur-f0f9bd5052720313", o = "versaur-31bb0212be6c7929", r = "versaur-d468b769b6768dd1", s = "versaur-1cc83f5483116480", a = "versaur-7933d2f826742f78", c = "versaur-a1c4149a0693c815", n = "versaur-df074fc57cab9f91", d = {
2
- header: e,
3
- headerTop: t,
1
+ const t = "versaur-f45089295474171d", r = "versaur-f0f9bd5052720313", o = "versaur-31bb0212be6c7929", n = "versaur-d468b769b6768dd1", a = "versaur-1cc83f5483116480", s = "versaur-7933d2f826742f78", c = "versaur-a1c4149a0693c815", d = "versaur-df074fc57cab9f91", f = {
2
+ header: t,
3
+ headerTop: r,
4
4
  headerContent: o,
5
- title: r,
6
- closeButton: s,
7
- body: a,
5
+ title: n,
6
+ closeButton: a,
7
+ body: s,
8
8
  footer: c,
9
- content: n
9
+ content: d
10
+ }, u = {
11
+ mobile: 640,
12
+ tablet: 1024,
13
+ desktop: 1280
10
14
  };
15
+ function b(e) {
16
+ return `${u[e]}px`;
17
+ }
18
+ function v(e) {
19
+ return `var(--breakpoint-${e})`;
20
+ }
11
21
  export {
12
- d as overlayPartsStyles
22
+ u as BREAKPOINTS,
23
+ v as getBreakpointCssVar,
24
+ b as getBreakpointPx,
25
+ f as overlayPartsStyles
13
26
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@versaur/core",
3
- "version": "0.0.9",
3
+ "version": "0.0.11",
4
4
  "description": "Framework-agnostic CSS core for Versaur Design System",
5
5
  "repository": {
6
6
  "type": "git",
@@ -1,3 +0,0 @@
1
- export { default as navStyles } from './nav.module.css';
2
- export * from './nav.types.generated';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/nav/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAEvD,cAAc,uBAAuB,CAAA"}
@@ -1,12 +0,0 @@
1
- export type NavDirection = 'horizontal' | 'vertical';
2
- export interface NavDataAttrs {
3
- direction?: NavDirection;
4
- active?: boolean;
5
- disabled?: boolean;
6
- loading?: boolean;
7
- }
8
- export declare namespace Nav {
9
- type Direction = NavDirection;
10
- type DataAttrs = NavDataAttrs;
11
- }
12
- //# sourceMappingURL=nav.types.generated.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"nav.types.generated.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/nav/nav.types.generated.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,YAAY,GAAG,YAAY,GAAG,UAAU,CAAC;AAErD,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,yBAAiB,GAAG,CAAC;IACnB,KAAY,SAAS,GAAG,YAAY,CAAC;IACrC,KAAY,SAAS,GAAG,YAAY,CAAC;CACtC"}