@knapsack/sandbox-components 5.0.0--canary.6593.4738696.0 → 5.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.
- package/.lintstagedrc.mjs +2 -2
- package/CHANGELOG.md +165 -0
- package/dist/css/ks-sandbox-styles.css +7 -2
- package/dist/react/accordion.d.ts +1 -1
- package/dist/react/accordion.d.ts.map +1 -1
- package/dist/react/accordion.js.map +1 -1
- package/dist/react/badge.d.ts +1 -1
- package/dist/react/badge.d.ts.map +1 -1
- package/dist/react/button.d.ts +1 -1
- package/dist/react/button.d.ts.map +1 -1
- package/dist/react/callout.d.ts +1 -1
- package/dist/react/callout.d.ts.map +1 -1
- package/dist/react/card.d.ts +2 -1
- package/dist/react/card.d.ts.map +1 -1
- package/dist/react/card.js.map +1 -1
- package/dist/react/divider.d.ts +1 -1
- package/dist/react/divider.d.ts.map +1 -1
- package/dist/react/grid.d.ts +1 -1
- package/dist/react/grid.d.ts.map +1 -1
- package/dist/react/header.d.ts +1 -1
- package/dist/react/header.d.ts.map +1 -1
- package/dist/react/header.js.map +1 -1
- package/dist/react/hero.d.ts +1 -1
- package/dist/react/hero.d.ts.map +1 -1
- package/dist/react/json-schema-playground.d.ts +2 -2
- package/dist/react/json-schema-playground.d.ts.map +1 -1
- package/dist/react/json-schema-playground.js.map +1 -1
- package/dist/react/shadcn/button.d.ts.map +1 -1
- package/dist/react/shadcn/button.js.map +1 -1
- package/dist/react/slot-references.d.ts +3 -3
- package/dist/react/slot-references.d.ts.map +1 -1
- package/dist/react/starter-template.d.ts +2 -2
- package/dist/react/starter-template.d.ts.map +1 -1
- package/dist/react/testing/image-prop-fields.js +6 -7
- package/dist/react/testing/image-prop-fields.js.map +1 -1
- package/dist/react/text.d.ts +1 -1
- package/dist/react/text.d.ts.map +1 -1
- package/dist/web-components/bundle.js +33 -31
- package/dist/web-components/button.js +23 -30
- package/dist/web-components/button.js.map +1 -1
- package/dist/web-components/card.d.ts.map +1 -1
- package/dist/web-components/card.js +32 -30
- package/dist/web-components/card.js.map +1 -1
- package/package.json +14 -14
- package/src/react/accordion.tsx +2 -1
- package/src/react/badge.tsx +1 -1
- package/src/react/button.tsx +1 -1
- package/src/react/callout.tsx +1 -1
- package/src/react/card.tsx +2 -1
- package/src/react/divider.tsx +1 -1
- package/src/react/grid.tsx +1 -1
- package/src/react/header.tsx +2 -1
- package/src/react/hero.tsx +1 -1
- package/src/react/json-schema-playground.tsx +2 -2
- package/src/react/shadcn/button.tsx +2 -1
- package/src/react/slot-references.tsx +3 -3
- package/src/react/starter-template.tsx +2 -2
- package/src/react/text.tsx +1 -1
- package/src/web-components/card.ts +4 -2
- package/tsconfig.json +1 -1
- package/.eslintignore +0 -1
- package/.eslintrc.cjs +0 -10
package/.lintstagedrc.mjs
CHANGED
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,168 @@
|
|
|
1
|
+
# v4.89.8 (Fri Feb 20 2026)
|
|
2
|
+
|
|
3
|
+
### Release Notes
|
|
4
|
+
|
|
5
|
+
#### KSP-7685: Synthetic Data for Conflict Enrichment/Resolution testing ([#7154](https://github.com/knapsack-labs/app-monorepo/pull/7154))
|
|
6
|
+
|
|
7
|
+
* **Documentation**
|
|
8
|
+
* Added synthetic multi-source test fixtures including component documentation, design tokens, and brand guidelines for comprehensive testing coverage.
|
|
9
|
+
|
|
10
|
+
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
|
|
11
|
+
|
|
12
|
+
---
|
|
13
|
+
|
|
14
|
+
#### 🐛 Bug Fix
|
|
15
|
+
|
|
16
|
+
- Merged latest in ([@EmmanuelVelez](https://github.com/EmmanuelVelez))
|
|
17
|
+
- Fixed indentation erros ([@EmmanuelVelez](https://github.com/EmmanuelVelez))
|
|
18
|
+
- merge latest in ([@EmmanuelVelez](https://github.com/EmmanuelVelez))
|
|
19
|
+
- Merge branch 'latest' into sxa/KSP-7037-tests-v2 ([@sxalexander](https://github.com/sxalexander))
|
|
20
|
+
- Use node: protocol prefix in all .lintstagedrc.mjs files ([@EmmanuelVelez](https://github.com/EmmanuelVelez))
|
|
21
|
+
- Migrated ESLint config to flat config format (ESLint 9) ([@EmmanuelVelez](https://github.com/EmmanuelVelez))
|
|
22
|
+
|
|
23
|
+
#### 🏠 Internal
|
|
24
|
+
|
|
25
|
+
- KSP-5516 Upgraded prettier to v3.8.1 and fix async API usage [#7191](https://github.com/knapsack-labs/app-monorepo/pull/7191) ([@EmmanuelVelez](https://github.com/EmmanuelVelez))
|
|
26
|
+
- KSP-7685: Synthetic Data for Conflict Enrichment/Resolution testing [#7154](https://github.com/knapsack-labs/app-monorepo/pull/7154) ([@sxalexander](https://github.com/sxalexander))
|
|
27
|
+
- KSP-5524 Migrated ESLint config to flat config format (ESLint 9) [#7162](https://github.com/knapsack-labs/app-monorepo/pull/7162) ([@EmmanuelVelez](https://github.com/EmmanuelVelez))
|
|
28
|
+
|
|
29
|
+
#### Authors: 2
|
|
30
|
+
|
|
31
|
+
- [@EmmanuelVelez](https://github.com/EmmanuelVelez)
|
|
32
|
+
- Sam Alexander ([@sxalexander](https://github.com/sxalexander))
|
|
33
|
+
|
|
34
|
+
---
|
|
35
|
+
|
|
36
|
+
# v4.89.7 (Fri Feb 06 2026)
|
|
37
|
+
|
|
38
|
+
#### 🐛 Bug Fix
|
|
39
|
+
|
|
40
|
+
- Merge branch 'latest' into feature/ksp-6555-remove-app-client-watchers-for-files-in-data-directory ([@EvanLovely](https://github.com/EvanLovely))
|
|
41
|
+
- Merge branch 'latest' into feature/ksp-6555-remove-app-client-watchers-for-files-in-data-directory ([@EmmanuelVelez](https://github.com/EmmanuelVelez))
|
|
42
|
+
|
|
43
|
+
#### 🏠 Internal
|
|
44
|
+
|
|
45
|
+
- KSP-6106 Added consistent-type-imports rule with inline type syntax [#7128](https://github.com/knapsack-labs/app-monorepo/pull/7128) ([@EmmanuelVelez](https://github.com/EmmanuelVelez))
|
|
46
|
+
- KSP-7692: expand server actions body size limit [#7097](https://github.com/knapsack-labs/app-monorepo/pull/7097) ([@illepic](https://github.com/illepic))
|
|
47
|
+
- KSP-7623 resolved some of react-hooks/set-state-in-effect lint errors and enab… [#7077](https://github.com/knapsack-labs/app-monorepo/pull/7077) ([@EmmanuelVelez](https://github.com/EmmanuelVelez))
|
|
48
|
+
|
|
49
|
+
#### Authors: 3
|
|
50
|
+
|
|
51
|
+
- [@EmmanuelVelez](https://github.com/EmmanuelVelez)
|
|
52
|
+
- Christopher Bloom ([@illepic](https://github.com/illepic))
|
|
53
|
+
- Evan Lovely ([@EvanLovely](https://github.com/EvanLovely))
|
|
54
|
+
|
|
55
|
+
---
|
|
56
|
+
|
|
57
|
+
# v4.89.4 (Mon Jan 05 2026)
|
|
58
|
+
|
|
59
|
+
#### 🏠 Internal
|
|
60
|
+
|
|
61
|
+
- KSP-6086 normalize error and log metadata for api domains [#6997](https://github.com/knapsack-labs/app-monorepo/pull/6997) ([@EmmanuelVelez](https://github.com/EmmanuelVelez))
|
|
62
|
+
|
|
63
|
+
#### Authors: 1
|
|
64
|
+
|
|
65
|
+
- [@EmmanuelVelez](https://github.com/EmmanuelVelez)
|
|
66
|
+
|
|
67
|
+
---
|
|
68
|
+
|
|
69
|
+
# v4.89.3 (Thu Dec 11 2025)
|
|
70
|
+
|
|
71
|
+
#### 🐛 Bug Fix
|
|
72
|
+
|
|
73
|
+
- KSP-6536 Fixed align token metrics counting with UI logic for variables and collections [#6778](https://github.com/knapsack-labs/app-monorepo/pull/6778) ([@EmmanuelVelez](https://github.com/EmmanuelVelez))
|
|
74
|
+
- Merge branch 'latest' into feature/ksp-6536-metrics-not-computing-tokens-and-variables-correctly ([@EmmanuelVelez](https://github.com/EmmanuelVelez))
|
|
75
|
+
- Merge remote-tracking branch 'origin/feature/ksp-6536-metrics-not-computing-tokens-and-variables-correctly' into feature/ksp-6536-metrics-not-computing-tokens-and-variables-correctly ([@EmmanuelVelez](https://github.com/EmmanuelVelez))
|
|
76
|
+
|
|
77
|
+
#### Authors: 1
|
|
78
|
+
|
|
79
|
+
- [@EmmanuelVelez](https://github.com/EmmanuelVelez)
|
|
80
|
+
|
|
81
|
+
---
|
|
82
|
+
|
|
83
|
+
# v4.89.1 (Wed Dec 10 2025)
|
|
84
|
+
|
|
85
|
+
#### 🐛 Bug Fix
|
|
86
|
+
|
|
87
|
+
- Merge remote-tracking branch 'origin/latest' into KSP-6900_mcp_onboarding_pages ([@brittanysmart](https://github.com/brittanysmart))
|
|
88
|
+
|
|
89
|
+
#### Authors: 1
|
|
90
|
+
|
|
91
|
+
- Brittany Smart ([@brittanysmart](https://github.com/brittanysmart))
|
|
92
|
+
|
|
93
|
+
---
|
|
94
|
+
|
|
95
|
+
# v4.88.0 (Mon Nov 24 2025)
|
|
96
|
+
|
|
97
|
+
#### 🚀 Enhancement
|
|
98
|
+
|
|
99
|
+
- upgrade to react 19 [#6897](https://github.com/knapsack-labs/app-monorepo/pull/6897) ([@brittanysmart](https://github.com/brittanysmart) [@EvanLovely](https://github.com/EvanLovely))
|
|
100
|
+
|
|
101
|
+
#### Authors: 2
|
|
102
|
+
|
|
103
|
+
- Brittany Smart ([@brittanysmart](https://github.com/brittanysmart))
|
|
104
|
+
- Evan Lovely ([@EvanLovely](https://github.com/EvanLovely))
|
|
105
|
+
|
|
106
|
+
---
|
|
107
|
+
|
|
108
|
+
# v4.87.9 (Thu Nov 20 2025)
|
|
109
|
+
|
|
110
|
+
#### 🏠 Internal
|
|
111
|
+
|
|
112
|
+
- chore(deps): update dependency @custom-elements-manifest/analyzer to ^0.11.0 [#6761](https://github.com/knapsack-labs/app-monorepo/pull/6761) ([@renovate[bot]](https://github.com/renovate[bot]))
|
|
113
|
+
- fix(deps): update dependency @types/node to ^20.19.25 [#6803](https://github.com/knapsack-labs/app-monorepo/pull/6803) ([@renovate[bot]](https://github.com/renovate[bot]))
|
|
114
|
+
- fix(deps): update dependency @radix-ui/react-slot to ^1.2.4 [#6934](https://github.com/knapsack-labs/app-monorepo/pull/6934) ([@renovate[bot]](https://github.com/renovate[bot]))
|
|
115
|
+
- fix(deps): update dependency lucide-react to ^0.553.0 [#6835](https://github.com/knapsack-labs/app-monorepo/pull/6835) ([@renovate[bot]](https://github.com/renovate[bot]))
|
|
116
|
+
- fix(deps): update vue monorepo to ^3.5.24 [#6856](https://github.com/knapsack-labs/app-monorepo/pull/6856) ([@renovate[bot]](https://github.com/renovate[bot]))
|
|
117
|
+
|
|
118
|
+
#### Authors: 1
|
|
119
|
+
|
|
120
|
+
- [@renovate[bot]](https://github.com/renovate[bot])
|
|
121
|
+
|
|
122
|
+
---
|
|
123
|
+
|
|
124
|
+
# v4.87.8 (Tue Nov 11 2025)
|
|
125
|
+
|
|
126
|
+
#### 🏠 Internal
|
|
127
|
+
|
|
128
|
+
- upgrade to next v15 [#6593](https://github.com/knapsack-labs/app-monorepo/pull/6593) ([@joshbedo](https://github.com/joshbedo) [@EvanLovely](https://github.com/EvanLovely) [@brittanysmart](https://github.com/brittanysmart) [@mabry1985](https://github.com/mabry1985) [@KnapsackBot](https://github.com/KnapsackBot) [@metalgearvarun](https://github.com/metalgearvarun) [@greylabel](https://github.com/greylabel))
|
|
129
|
+
|
|
130
|
+
#### Authors: 7
|
|
131
|
+
|
|
132
|
+
- Brittany Smart ([@brittanysmart](https://github.com/brittanysmart))
|
|
133
|
+
- Evan Lovely ([@EvanLovely](https://github.com/EvanLovely))
|
|
134
|
+
- Grant Gaudet ([@greylabel](https://github.com/greylabel))
|
|
135
|
+
- Josh Bedo ([@joshbedo](https://github.com/joshbedo))
|
|
136
|
+
- Josh Mabry ([@mabry1985](https://github.com/mabry1985))
|
|
137
|
+
- KnapsackBot ([@KnapsackBot](https://github.com/KnapsackBot))
|
|
138
|
+
- Varun Saxena ([@metalgearvarun](https://github.com/metalgearvarun))
|
|
139
|
+
|
|
140
|
+
---
|
|
141
|
+
|
|
142
|
+
# v4.87.7 (Mon Nov 10 2025)
|
|
143
|
+
|
|
144
|
+
#### 🏠 Internal
|
|
145
|
+
|
|
146
|
+
- fix(deps): update typescript [#6863](https://github.com/knapsack-labs/app-monorepo/pull/6863) ([@renovate[bot]](https://github.com/renovate[bot]))
|
|
147
|
+
|
|
148
|
+
#### Authors: 1
|
|
149
|
+
|
|
150
|
+
- [@renovate[bot]](https://github.com/renovate[bot])
|
|
151
|
+
|
|
152
|
+
---
|
|
153
|
+
|
|
154
|
+
# v4.87.6 (Wed Nov 05 2025)
|
|
155
|
+
|
|
156
|
+
#### 🏠 Internal
|
|
157
|
+
|
|
158
|
+
- Add comprehensive testing for remaining frameworks and MUI lib [#6876](https://github.com/knapsack-labs/app-monorepo/pull/6876) ([@mabry1985](https://github.com/mabry1985))
|
|
159
|
+
|
|
160
|
+
#### Authors: 1
|
|
161
|
+
|
|
162
|
+
- Josh Mabry ([@mabry1985](https://github.com/mabry1985))
|
|
163
|
+
|
|
164
|
+
---
|
|
165
|
+
|
|
1
166
|
# v4.87.4 (Fri Oct 31 2025)
|
|
2
167
|
|
|
3
168
|
#### 🏠 Internal
|
|
@@ -354,6 +354,8 @@
|
|
|
354
354
|
/* Prevent font size inflation */
|
|
355
355
|
|
|
356
356
|
html {
|
|
357
|
+
-moz-text-size-adjust: none;
|
|
358
|
+
-webkit-text-size-adjust: none;
|
|
357
359
|
text-size-adjust: none;
|
|
358
360
|
}
|
|
359
361
|
|
|
@@ -410,7 +412,8 @@ h4 {
|
|
|
410
412
|
/* A elements that don't have a class get default styles */
|
|
411
413
|
|
|
412
414
|
a:not([class]) {
|
|
413
|
-
text-decoration-skip
|
|
415
|
+
-webkit-text-decoration-skip: ink;
|
|
416
|
+
text-decoration-skip-ink: auto;
|
|
414
417
|
color: currentColor;
|
|
415
418
|
}
|
|
416
419
|
|
|
@@ -624,7 +627,8 @@ Add the correct text decoration in Chrome, Edge, and Safari.
|
|
|
624
627
|
|
|
625
628
|
abbr:where([title]) {
|
|
626
629
|
text-decoration: underline;
|
|
627
|
-
text-decoration: underline dotted;
|
|
630
|
+
-webkit-text-decoration: underline dotted;
|
|
631
|
+
text-decoration: underline dotted;
|
|
628
632
|
}
|
|
629
633
|
|
|
630
634
|
/*
|
|
@@ -1700,6 +1704,7 @@ body {
|
|
|
1700
1704
|
}
|
|
1701
1705
|
|
|
1702
1706
|
.menu li a {
|
|
1707
|
+
-webkit-text-decoration: none;
|
|
1703
1708
|
text-decoration: none;
|
|
1704
1709
|
color: #FFFFFF;
|
|
1705
1710
|
display: block;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/react/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/react/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;CAClB,CAAC;AAsFF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgC9C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/react/accordion.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/react/accordion.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAYjC,MAAM,aAAa,GAAY;IAC7B;QACE,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,CACP,0BACE,aAAI,SAAS,EAAC,WAAW,6BAAkB,EAC3C,qdAQI,EACJ,qdAQI,IACA,CACP;QACD,EAAE,EAAE,SAAS;KACd;IACD;QACE,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,CACP,0BACE,aAAI,SAAS,EAAC,WAAW,qCAA0B,EACnD,qdAQI,IACA,CACP;QACD,EAAE,EAAE,SAAS;KACd;IACD;QACE,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,CACP,0BACE,aAAI,SAAS,EAAC,WAAW,mDAAwC,EACjE,qdAQI,EACJ,qdAQI,EACJ,qdAQI,IACA,CACP;QACD,EAAE,EAAE,SAAS;KACd;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAChE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAEhE,MAAM,cAAc,GAAG,MAAM,IAAI,aAAa,CAAC;IAC/C,OAAO,CACL,cAAK,SAAS,EAAC,oEAAoE,YAChF,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,0BACE,eAAK,SAAS,EAAC,mCAAmC,aAChD,aAAI,SAAS,EAAC,mBAAmB,YAAE,KAAK,CAAC,KAAK,GAAM,EACpD,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,EAC/D,SAAS,EAAC,6DAA6D,mBACxD,SAAS,KAAK,KAAK,YAEjC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,GACrC,IACL,EACL,SAAS,KAAK,KAAK,IAAI,CACtB,cACE,SAAS,EAAE,6EACT,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KACnC,EAAE,YAED,KAAK,CAAC,OAAO,GACV,CACP,KApBO,KAAK,CAAC,EAAE,CAqBZ,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/react/badge.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/react/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/react/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CActC,CAAC"}
|
package/dist/react/button.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/react/button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/react/button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,WAAW;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACnD,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmBxC,CAAC"}
|
package/dist/react/callout.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../../src/react/callout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../../src/react/callout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,wDAMrB,YAAY,4CAsBd,CAAC"}
|
package/dist/react/card.d.ts
CHANGED
package/dist/react/card.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/react/card.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/react/card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,SAAS;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAsBvD,CAAC"}
|
package/dist/react/card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/react/card.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/react/card.tsx"],"names":[],"mappings":";AAEA,OAAO,IAAI,MAAM,MAAM,CAAC;AAQxB,MAAM,CAAC,MAAM,IAAI,GAA2C,CAAC,EAC3D,KAAK,GAAG,OAAO,EACf,WAAW,GAAG,aAAa,EAC3B,MAAM,EACN,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,iBACE,SAAS,EAAE,IAAI,CAAC;YACd,IAAI,EAAE,IAAI;SACX,CAAC,aAED,MAAM,IAAI,cAAK,GAAG,EAAE,MAAM,EAAE,GAAG,EAAC,MAAM,GAAG,EAC1C,eAAK,SAAS,EAAC,cAAc,aAC1B,KAAK,IAAI,2BAAS,KAAK,GAAU,EACjC,WAAW,IAAI,CACd,YAAG,SAAS,EAAC,2BAA2B,YAAE,WAAW,GAAK,CAC3D,EACA,QAAQ,IACL,IACA,CACT,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/react/divider.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../src/react/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../src/react/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EACV,MAAM,GACN,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,SAAS,GACT,UAAU,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAa1C,CAAC"}
|
package/dist/react/grid.d.ts
CHANGED
package/dist/react/grid.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../src/react/grid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../src/react/grid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,aAAa;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxB,GAAG,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EACV,MAAM,GACN,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,SAAS,GACT,UAAU,CAAC;CAChB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoBxC,CAAC"}
|
package/dist/react/header.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../src/react/header.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../src/react/header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAgDxC,CAAC"}
|
package/dist/react/header.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../src/react/header.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../src/react/header.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAMrC,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IAC7D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACL,kBAAQ,SAAS,EAAE,IAAI,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,aACvE,eAAK,SAAS,EAAC,gBAAgB,aAC7B,cACE,OAAO,EAAE,UAAU,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,YAE5B,eACE,CAAC,EAAC,s+BAAs+B,EACx+B,IAAI,EAAC,OAAO,GACZ,GACE,EAEN,cAAK,SAAS,EAAC,MAAM,GAAG,EAExB,KAAC,MAAM,IAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,GAAG,IAClD,EAEN,cAAK,SAAS,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,YAChD,yBACE,uBACE,YAAG,IAAI,EAAC,OAAO,qBAAS,GACrB,EACL,uBACE,YAAG,IAAI,EAAC,QAAQ,sBAAU,GACvB,EACL,uBACE,YAAG,IAAI,EAAC,WAAW,yBAAa,GAC7B,EACL,uBACE,YAAG,IAAI,EAAC,UAAU,wBAAY,GAC3B,IACF,GACD,IACC,CACV,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/react/hero.d.ts
CHANGED
package/dist/react/hero.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../src/react/hero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../src/react/hero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAgBpC,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare const JsonSchemaPlayground: React.
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
export declare const JsonSchemaPlayground: React.FC<Record<string, unknown>>;
|
|
3
3
|
//# sourceMappingURL=json-schema-playground.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"json-schema-playground.d.ts","sourceRoot":"","sources":["../../src/react/json-schema-playground.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"json-schema-playground.d.ts","sourceRoot":"","sources":["../../src/react/json-schema-playground.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAQlE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"json-schema-playground.js","sourceRoot":"","sources":["../../src/react/json-schema-playground.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,oBAAoB,
|
|
1
|
+
{"version":3,"file":"json-schema-playground.js","sourceRoot":"","sources":["../../src/react/json-schema-playground.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,oBAAoB,GAAsC,CACrE,KAAK,EACL,EAAE,CAAC,CACH,0BACE,gDAA6B,EAC7B,sCAAkB,EAClB,wBAAM,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,GAAO,IACvC,CACP,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/react/shadcn/button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,cAAc;;;8EA2BnB,CAAC;AAEF,MAAM,WAAW,WACf,
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/react/shadcn/button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,cAAc;;;8EA2BnB,CAAC;AAEF,MAAM,WAAW,WACf,SACE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,UAAU,uFAWf,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/react/shadcn/button.tsx"],"names":[],"mappings":";AAAA,6BAA6B;AAC7B,+CAA+C;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC;AAEhC,MAAM,cAAc,GAAG,GAAG,CACxB,wRAAwR,EACxR;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,wDAAwD;YACjE,WAAW,EACT,oEAAoE;YACtE,OAAO,EACL,gFAAgF;YAClF,SAAS,EACP,8DAA8D;YAChE,KAAK,EAAE,8CAA8C;YACrD,IAAI,EAAE,iDAAiD;SACxD;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,gBAAgB;YACzB,EAAE,EAAE,qBAAqB;YACzB,EAAE,EAAE,sBAAsB;YAC1B,IAAI,EAAE,WAAW;SAClB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAC;
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/react/shadcn/button.tsx"],"names":[],"mappings":";AAAA,6BAA6B;AAC7B,+CAA+C;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC;AAEhC,MAAM,cAAc,GAAG,GAAG,CACxB,wRAAwR,EACxR;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,wDAAwD;YACjE,WAAW,EACT,oEAAoE;YACtE,OAAO,EACL,gFAAgF;YAClF,SAAS,EACP,8DAA8D;YAChE,KAAK,EAAE,8CAA8C;YACrD,IAAI,EAAE,iDAAiD;SACxD;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,gBAAgB;YACzB,EAAE,EAAE,qBAAqB;YACzB,EAAE,EAAE,sBAAsB;YAC1B,IAAI,EAAE,WAAW;SAClB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAC;AASF,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/D,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvC,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,EAC3D,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Badge } from './badge.js';
|
|
3
|
-
export declare const SlotReference: React.
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
import { type Badge } from './badge.js';
|
|
3
|
+
export declare const SlotReference: React.FC<{
|
|
4
4
|
badge?: typeof Badge;
|
|
5
5
|
footer?: React.ReactNode;
|
|
6
6
|
text: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slot-references.d.ts","sourceRoot":"","sources":["../../src/react/slot-references.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"slot-references.d.ts","sourceRoot":"","sources":["../../src/react/slot-references.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,YAAY,CAAC;AAExC,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAEnC,KAAK,CAAC,EAAE,OAAO,KAAK,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;CACd,CAsBA,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"starter-template.d.ts","sourceRoot":"","sources":["../../src/react/starter-template.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"starter-template.d.ts","sourceRoot":"","sources":["../../src/react/starter-template.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAWA,CAAC"}
|
|
@@ -2,16 +2,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { Grid } from '../grid.js';
|
|
3
3
|
import { Text } from '../text.js';
|
|
4
4
|
export const TestingImagePropFields = ({ image, enumImage, imageTest, inObject, }) => {
|
|
5
|
-
var _a, _b, _c;
|
|
6
5
|
const validProps = {
|
|
7
|
-
image: image
|
|
8
|
-
'inObject.Image':
|
|
6
|
+
image: image ?? 'https://example.com/image.png',
|
|
7
|
+
'inObject.Image': inObject?.inObjectImage ?? 'https://example.com/image.png',
|
|
9
8
|
};
|
|
10
9
|
const invalidProps = {
|
|
11
|
-
enumImage: enumImage
|
|
12
|
-
imageTest: imageTest
|
|
13
|
-
'inObject.EnumImage':
|
|
14
|
-
'inObject.ImageTest':
|
|
10
|
+
enumImage: enumImage ?? 'A',
|
|
11
|
+
imageTest: imageTest ?? 'imageTest',
|
|
12
|
+
'inObject.EnumImage': inObject?.inObjectEnumImage ?? 'B',
|
|
13
|
+
'inObject.ImageTest': inObject?.inObjectImageTest ?? 'inObjectImageTest',
|
|
15
14
|
};
|
|
16
15
|
return (_jsx("div", { style: { padding: 40 }, children: _jsxs(Grid, { columns: 2, gap: "large", children: [_jsxs("div", { style: { paddingInline: 40 }, children: [_jsx(Text, { type: "headingLarge", children: "Valid Props" }), _jsx("table", { style: {
|
|
17
16
|
tableLayout: 'fixed',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"image-prop-fields.js","sourceRoot":"","sources":["../../../src/react/testing/image-prop-fields.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,GAUT,EAAE,EAAE
|
|
1
|
+
{"version":3,"file":"image-prop-fields.js","sourceRoot":"","sources":["../../../src/react/testing/image-prop-fields.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,GAUT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG;QACjB,KAAK,EAAE,KAAK,IAAI,+BAA+B;QAC/C,gBAAgB,EACd,QAAQ,EAAE,aAAa,IAAI,+BAA+B;KAC7D,CAAC;IACF,MAAM,YAAY,GAAG;QACnB,SAAS,EAAE,SAAS,IAAI,GAAG;QAC3B,SAAS,EAAE,SAAS,IAAI,WAAW;QACnC,oBAAoB,EAAE,QAAQ,EAAE,iBAAiB,IAAI,GAAG;QACxD,oBAAoB,EAAE,QAAQ,EAAE,iBAAiB,IAAI,mBAAmB;KACzE,CAAC;IAEF,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,YACzB,MAAC,IAAI,IAAC,OAAO,EAAE,CAAC,EAAE,GAAG,EAAC,OAAO,aAC3B,eAAK,KAAK,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,aAC/B,KAAC,IAAI,IAAC,IAAI,EAAC,cAAc,4BAAmB,EAC5C,gBACE,KAAK,EAAE;gCACL,WAAW,EAAE,OAAO;gCACpB,KAAK,EAAE,GAAG;gCACV,YAAY,EAAE,EAAE;gCAChB,SAAS,EAAE,EAAE;gCACb,QAAQ,EAAE,EAAE;6BACb,YAED,4BACE,yBACE,uBACE,oCAAqB,GAClB,EACL,uBACE,qCAAsB,GACnB,IACF,EACJ,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACrC,yBACE,aAAI,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,YAC5B,yBAAO,IAAI,GAAQ,GAChB,EACL,aAAI,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,YAC5B,uBAAK,UAAU,CAAC,IAA+B,CAAC,GAAM,GACnD,KANE,IAAI,CAOR,CACN,CAAC,IACI,GACF,IACJ,EACN,eAAK,KAAK,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,aAC/B,KAAC,IAAI,IAAC,IAAI,EAAC,cAAc,8BAAqB,EAC9C,gBACE,KAAK,EAAE;gCACL,WAAW,EAAE,OAAO;gCACpB,KAAK,EAAE,GAAG;gCACV,YAAY,EAAE,EAAE;gCAChB,SAAS,EAAE,EAAE;gCACb,QAAQ,EAAE,EAAE;6BACb,YAED,4BACE,yBACE,uBACE,oCAAqB,GAClB,EACL,uBACE,qCAAsB,GACnB,IACF,EACJ,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACvC,yBACE,aAAI,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,YAC5B,yBAAO,IAAI,GAAQ,GAChB,EACL,aAAI,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,YAC5B,uBAAK,YAAY,CAAC,IAAiC,CAAC,GAAM,GACvD,KANE,IAAI,CAOR,CACN,CAAC,IACI,GACF,IACJ,IACD,GACH,CACP,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/react/text.d.ts
CHANGED
package/dist/react/text.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/react/text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/react/text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,aAAK,QAAQ;IACX,MAAM,MAAM;IACZ,cAAc,OAAO;IACrB,eAAe,OAAO;IACtB,cAAc,OAAO;IACrB,UAAU,OAAO;IACjB,OAAO,OAAO;CACf;AAED,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EACV,MAAM,GACN,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,SAAS,GACT,UAAU,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,2CAKlB,SAAS,4CAeX,CAAC"}
|
|
@@ -18,7 +18,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
|
|
|
18
18
|
// ../../../../node_modules/.pnpm/@lit+reactive-element@1.6.3/node_modules/@lit/reactive-element/css-tag.js
|
|
19
19
|
var t = window;
|
|
20
20
|
var e = t.ShadowRoot && (void 0 === t.ShadyCSS || t.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype;
|
|
21
|
-
var s = Symbol();
|
|
21
|
+
var s = /* @__PURE__ */ Symbol();
|
|
22
22
|
var n = /* @__PURE__ */ new WeakMap();
|
|
23
23
|
var o = class {
|
|
24
24
|
constructor(t4, e7, n7) {
|
|
@@ -40,18 +40,18 @@ var o = class {
|
|
|
40
40
|
};
|
|
41
41
|
var r = (t4) => new o("string" == typeof t4 ? t4 : t4 + "", void 0, s);
|
|
42
42
|
var i = (t4, ...e7) => {
|
|
43
|
-
const n7 = 1 === t4.length ? t4[0] : e7.reduce((e8, s5, n8) => e8 + ((t5) => {
|
|
43
|
+
const n7 = 1 === t4.length ? t4[0] : e7.reduce(((e8, s5, n8) => e8 + ((t5) => {
|
|
44
44
|
if (true === t5._$cssResult$) return t5.cssText;
|
|
45
45
|
if ("number" == typeof t5) return t5;
|
|
46
46
|
throw Error("Value passed to 'css' function must be a 'css' function result: " + t5 + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
|
|
47
|
-
})(s5) + t4[n8 + 1], t4[0]);
|
|
47
|
+
})(s5) + t4[n8 + 1]), t4[0]);
|
|
48
48
|
return new o(n7, t4, s);
|
|
49
49
|
};
|
|
50
50
|
var S = (s5, n7) => {
|
|
51
|
-
e ? s5.adoptedStyleSheets = n7.map((t4) => t4 instanceof CSSStyleSheet ? t4 : t4.styleSheet) : n7.forEach((e7) => {
|
|
51
|
+
e ? s5.adoptedStyleSheets = n7.map(((t4) => t4 instanceof CSSStyleSheet ? t4 : t4.styleSheet)) : n7.forEach(((e7) => {
|
|
52
52
|
const n8 = document.createElement("style"), o7 = t.litNonce;
|
|
53
53
|
void 0 !== o7 && n8.setAttribute("nonce", o7), n8.textContent = e7.cssText, s5.appendChild(n8);
|
|
54
|
-
});
|
|
54
|
+
}));
|
|
55
55
|
};
|
|
56
56
|
var c = e ? (t4) => t4 : (t4) => t4 instanceof CSSStyleSheet ? ((t5) => {
|
|
57
57
|
let e7 = "";
|
|
@@ -108,14 +108,14 @@ var u = class extends HTMLElement {
|
|
|
108
108
|
static get observedAttributes() {
|
|
109
109
|
this.finalize();
|
|
110
110
|
const t4 = [];
|
|
111
|
-
return this.elementProperties.forEach((i5, s5) => {
|
|
111
|
+
return this.elementProperties.forEach(((i5, s5) => {
|
|
112
112
|
const e7 = this._$Ep(s5, i5);
|
|
113
113
|
void 0 !== e7 && (this._$Ev.set(e7, s5), t4.push(e7));
|
|
114
|
-
}), t4;
|
|
114
|
+
})), t4;
|
|
115
115
|
}
|
|
116
116
|
static createProperty(t4, i5 = l) {
|
|
117
117
|
if (i5.state && (i5.attribute = false), this.finalize(), this.elementProperties.set(t4, i5), !i5.noAccessor && !this.prototype.hasOwnProperty(t4)) {
|
|
118
|
-
const s5 = "symbol" == typeof t4 ? Symbol() : "__" + t4, e7 = this.getPropertyDescriptor(t4, s5, i5);
|
|
118
|
+
const s5 = "symbol" == typeof t4 ? /* @__PURE__ */ Symbol() : "__" + t4, e7 = this.getPropertyDescriptor(t4, s5, i5);
|
|
119
119
|
void 0 !== e7 && Object.defineProperty(this.prototype, t4, e7);
|
|
120
120
|
}
|
|
121
121
|
}
|
|
@@ -154,7 +154,7 @@ var u = class extends HTMLElement {
|
|
|
154
154
|
}
|
|
155
155
|
_$Eu() {
|
|
156
156
|
var t4;
|
|
157
|
-
this._$E_ = new Promise((t5) => this.enableUpdating = t5), this._$AL = /* @__PURE__ */ new Map(), this._$Eg(), this.requestUpdate(), null === (t4 = this.constructor.h) || void 0 === t4 || t4.forEach((t5) => t5(this));
|
|
157
|
+
this._$E_ = new Promise(((t5) => this.enableUpdating = t5)), this._$AL = /* @__PURE__ */ new Map(), this._$Eg(), this.requestUpdate(), null === (t4 = this.constructor.h) || void 0 === t4 || t4.forEach(((t5) => t5(this)));
|
|
158
158
|
}
|
|
159
159
|
addController(t4) {
|
|
160
160
|
var i5, s5;
|
|
@@ -165,9 +165,9 @@ var u = class extends HTMLElement {
|
|
|
165
165
|
null === (i5 = this._$ES) || void 0 === i5 || i5.splice(this._$ES.indexOf(t4) >>> 0, 1);
|
|
166
166
|
}
|
|
167
167
|
_$Eg() {
|
|
168
|
-
this.constructor.elementProperties.forEach((t4, i5) => {
|
|
168
|
+
this.constructor.elementProperties.forEach(((t4, i5) => {
|
|
169
169
|
this.hasOwnProperty(i5) && (this._$Ei.set(i5, this[i5]), delete this[i5]);
|
|
170
|
-
});
|
|
170
|
+
}));
|
|
171
171
|
}
|
|
172
172
|
createRenderRoot() {
|
|
173
173
|
var t4;
|
|
@@ -176,19 +176,19 @@ var u = class extends HTMLElement {
|
|
|
176
176
|
}
|
|
177
177
|
connectedCallback() {
|
|
178
178
|
var t4;
|
|
179
|
-
void 0 === this.renderRoot && (this.renderRoot = this.createRenderRoot()), this.enableUpdating(true), null === (t4 = this._$ES) || void 0 === t4 || t4.forEach((t5) => {
|
|
179
|
+
void 0 === this.renderRoot && (this.renderRoot = this.createRenderRoot()), this.enableUpdating(true), null === (t4 = this._$ES) || void 0 === t4 || t4.forEach(((t5) => {
|
|
180
180
|
var i5;
|
|
181
181
|
return null === (i5 = t5.hostConnected) || void 0 === i5 ? void 0 : i5.call(t5);
|
|
182
|
-
});
|
|
182
|
+
}));
|
|
183
183
|
}
|
|
184
184
|
enableUpdating(t4) {
|
|
185
185
|
}
|
|
186
186
|
disconnectedCallback() {
|
|
187
187
|
var t4;
|
|
188
|
-
null === (t4 = this._$ES) || void 0 === t4 || t4.forEach((t5) => {
|
|
188
|
+
null === (t4 = this._$ES) || void 0 === t4 || t4.forEach(((t5) => {
|
|
189
189
|
var i5;
|
|
190
190
|
return null === (i5 = t5.hostDisconnected) || void 0 === i5 ? void 0 : i5.call(t5);
|
|
191
|
-
});
|
|
191
|
+
}));
|
|
192
192
|
}
|
|
193
193
|
attributeChangedCallback(t4, i5, s5) {
|
|
194
194
|
this._$AK(t4, s5);
|
|
@@ -229,14 +229,14 @@ var u = class extends HTMLElement {
|
|
|
229
229
|
performUpdate() {
|
|
230
230
|
var t4;
|
|
231
231
|
if (!this.isUpdatePending) return;
|
|
232
|
-
this.hasUpdated, this._$Ei && (this._$Ei.forEach((t5, i6) => this[i6] = t5), this._$Ei = void 0);
|
|
232
|
+
this.hasUpdated, this._$Ei && (this._$Ei.forEach(((t5, i6) => this[i6] = t5)), this._$Ei = void 0);
|
|
233
233
|
let i5 = false;
|
|
234
234
|
const s5 = this._$AL;
|
|
235
235
|
try {
|
|
236
|
-
i5 = this.shouldUpdate(s5), i5 ? (this.willUpdate(s5), null === (t4 = this._$ES) || void 0 === t4 || t4.forEach((t5) => {
|
|
236
|
+
i5 = this.shouldUpdate(s5), i5 ? (this.willUpdate(s5), null === (t4 = this._$ES) || void 0 === t4 || t4.forEach(((t5) => {
|
|
237
237
|
var i6;
|
|
238
238
|
return null === (i6 = t5.hostUpdate) || void 0 === i6 ? void 0 : i6.call(t5);
|
|
239
|
-
}), this.update(s5)) : this._$Ek();
|
|
239
|
+
})), this.update(s5)) : this._$Ek();
|
|
240
240
|
} catch (t5) {
|
|
241
241
|
throw i5 = false, this._$Ek(), t5;
|
|
242
242
|
}
|
|
@@ -246,10 +246,10 @@ var u = class extends HTMLElement {
|
|
|
246
246
|
}
|
|
247
247
|
_$AE(t4) {
|
|
248
248
|
var i5;
|
|
249
|
-
null === (i5 = this._$ES) || void 0 === i5 || i5.forEach((t5) => {
|
|
249
|
+
null === (i5 = this._$ES) || void 0 === i5 || i5.forEach(((t5) => {
|
|
250
250
|
var i6;
|
|
251
251
|
return null === (i6 = t5.hostUpdated) || void 0 === i6 ? void 0 : i6.call(t5);
|
|
252
|
-
}), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t4)), this.updated(t4);
|
|
252
|
+
})), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t4)), this.updated(t4);
|
|
253
253
|
}
|
|
254
254
|
_$Ek() {
|
|
255
255
|
this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = false;
|
|
@@ -264,7 +264,7 @@ var u = class extends HTMLElement {
|
|
|
264
264
|
return true;
|
|
265
265
|
}
|
|
266
266
|
update(t4) {
|
|
267
|
-
void 0 !== this._$EC && (this._$EC.forEach((t5, i5) => this._$EO(i5, this[i5], t5)), this._$EC = void 0), this._$Ek();
|
|
267
|
+
void 0 !== this._$EC && (this._$EC.forEach(((t5, i5) => this._$EO(i5, this[i5], t5))), this._$EC = void 0), this._$Ek();
|
|
268
268
|
}
|
|
269
269
|
updated(t4) {
|
|
270
270
|
}
|
|
@@ -299,8 +299,8 @@ var y = /^(?:script|style|textarea|title)$/i;
|
|
|
299
299
|
var w = (t4) => (i5, ...s5) => ({ _$litType$: t4, strings: i5, values: s5 });
|
|
300
300
|
var x = w(1);
|
|
301
301
|
var b = w(2);
|
|
302
|
-
var T = Symbol.for("lit-noChange");
|
|
303
|
-
var A = Symbol.for("lit-nothing");
|
|
302
|
+
var T = /* @__PURE__ */ Symbol.for("lit-noChange");
|
|
303
|
+
var A = /* @__PURE__ */ Symbol.for("lit-nothing");
|
|
304
304
|
var E = /* @__PURE__ */ new WeakMap();
|
|
305
305
|
var C = r3.createTreeWalker(r3, 129, null, false);
|
|
306
306
|
function P(t4, i5) {
|
|
@@ -604,19 +604,19 @@ var o5 = e4(class extends i3 {
|
|
|
604
604
|
if (super(t4), t4.type !== t3.ATTRIBUTE || "class" !== t4.name || (null === (i5 = t4.strings) || void 0 === i5 ? void 0 : i5.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
|
|
605
605
|
}
|
|
606
606
|
render(t4) {
|
|
607
|
-
return " " + Object.keys(t4).filter((i5) => t4[i5]).join(" ") + " ";
|
|
607
|
+
return " " + Object.keys(t4).filter(((i5) => t4[i5])).join(" ") + " ";
|
|
608
608
|
}
|
|
609
609
|
update(i5, [s5]) {
|
|
610
610
|
var r4, o7;
|
|
611
611
|
if (void 0 === this.it) {
|
|
612
|
-
this.it = /* @__PURE__ */ new Set(), void 0 !== i5.strings && (this.nt = new Set(i5.strings.join(" ").split(/\s/).filter((t4) => "" !== t4)));
|
|
612
|
+
this.it = /* @__PURE__ */ new Set(), void 0 !== i5.strings && (this.nt = new Set(i5.strings.join(" ").split(/\s/).filter(((t4) => "" !== t4))));
|
|
613
613
|
for (const t4 in s5) s5[t4] && !(null === (r4 = this.nt) || void 0 === r4 ? void 0 : r4.has(t4)) && this.it.add(t4);
|
|
614
614
|
return this.render(s5);
|
|
615
615
|
}
|
|
616
616
|
const e7 = i5.element.classList;
|
|
617
|
-
this.it.forEach((t4) => {
|
|
617
|
+
this.it.forEach(((t4) => {
|
|
618
618
|
t4 in s5 || (e7.remove(t4), this.it.delete(t4));
|
|
619
|
-
});
|
|
619
|
+
}));
|
|
620
620
|
for (const t4 in s5) {
|
|
621
621
|
const i6 = !!s5[t4];
|
|
622
622
|
i6 === this.it.has(t4) || (null === (o7 = this.nt) || void 0 === o7 ? void 0 : o7.has(t4)) || (i6 ? (e7.add(t4), this.it.add(t4)) : (e7.remove(t4), this.it.delete(t4)));
|
|
@@ -628,7 +628,7 @@ var o5 = e4(class extends i3 {
|
|
|
628
628
|
// ../../../../node_modules/.pnpm/@lit+reactive-element@1.6.3/node_modules/@lit/reactive-element/decorators/property.js
|
|
629
629
|
var i4 = (i5, e7) => "method" === e7.kind && e7.descriptor && !("value" in e7.descriptor) ? { ...e7, finisher(n7) {
|
|
630
630
|
n7.createProperty(e7.key, i5);
|
|
631
|
-
} } : { kind: "field", key: Symbol(), placement: "own", descriptor: {}, originalKey: e7.key, initializer() {
|
|
631
|
+
} } : { kind: "field", key: /* @__PURE__ */ Symbol(), placement: "own", descriptor: {}, originalKey: e7.key, initializer() {
|
|
632
632
|
"function" == typeof e7.initializer && (this[e7.key] = e7.initializer.call(this));
|
|
633
633
|
}, finisher(n7) {
|
|
634
634
|
n7.createProperty(e7.key, i5);
|
|
@@ -642,7 +642,7 @@ function n5(n7) {
|
|
|
642
642
|
|
|
643
643
|
// ../../../../node_modules/.pnpm/@lit+reactive-element@1.6.3/node_modules/@lit/reactive-element/decorators/query-assigned-elements.js
|
|
644
644
|
var n6;
|
|
645
|
-
var e6 = null != (null === (n6 = window.HTMLSlotElement) || void 0 === n6 ? void 0 : n6.prototype.assignedElements) ? (o7, n7) => o7.assignedElements(n7) : (o7, n7) => o7.assignedNodes(n7).filter((o8) => o8.nodeType === Node.ELEMENT_NODE);
|
|
645
|
+
var e6 = null != (null === (n6 = window.HTMLSlotElement) || void 0 === n6 ? void 0 : n6.prototype.assignedElements) ? (o7, n7) => o7.assignedElements(n7) : (o7, n7) => o7.assignedNodes(n7).filter(((o8) => o8.nodeType === Node.ELEMENT_NODE));
|
|
646
646
|
|
|
647
647
|
// src/web-components/button.ts
|
|
648
648
|
var _SimpleButton_instances, handleClick_fn;
|
|
@@ -806,12 +806,14 @@ SimpleCard.styles = i`
|
|
|
806
806
|
}
|
|
807
807
|
|
|
808
808
|
.card--elevation-medium {
|
|
809
|
-
box-shadow:
|
|
809
|
+
box-shadow:
|
|
810
|
+
0 4px 6px -1px rgba(0, 0, 0, 0.1),
|
|
810
811
|
0 2px 4px -1px rgba(0, 0, 0, 0.06);
|
|
811
812
|
}
|
|
812
813
|
|
|
813
814
|
.card--elevation-high {
|
|
814
|
-
box-shadow:
|
|
815
|
+
box-shadow:
|
|
816
|
+
0 10px 15px -3px rgba(0, 0, 0, 0.1),
|
|
815
817
|
0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
816
818
|
}
|
|
817
819
|
|
|
@@ -7,12 +7,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
7
7
|
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
8
8
|
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
9
9
|
};
|
|
10
|
-
var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
11
|
-
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
|
|
12
|
-
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
13
|
-
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
14
|
-
};
|
|
15
|
-
var _SimpleButton_instances, _SimpleButton_handleClick;
|
|
16
10
|
import { LitElement, css, html } from 'lit';
|
|
17
11
|
import { classMap } from 'lit/directives/class-map.js';
|
|
18
12
|
import { property } from 'lit/decorators.js';
|
|
@@ -22,7 +16,6 @@ import { property } from 'lit/decorators.js';
|
|
|
22
16
|
export class SimpleButton extends LitElement {
|
|
23
17
|
constructor() {
|
|
24
18
|
super(...arguments);
|
|
25
|
-
_SimpleButton_instances.add(this);
|
|
26
19
|
this.label = 'Click me';
|
|
27
20
|
/**
|
|
28
21
|
* How big
|
|
@@ -30,28 +23,11 @@ export class SimpleButton extends LitElement {
|
|
|
30
23
|
this.size = 'medium';
|
|
31
24
|
this.type = 'filled';
|
|
32
25
|
}
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
};
|
|
39
|
-
return html `
|
|
40
|
-
<button @click=${__classPrivateFieldGet(this, _SimpleButton_instances, "m", _SimpleButton_handleClick)} class=${classMap(classes)}>
|
|
41
|
-
${this.label}
|
|
42
|
-
</button>
|
|
43
|
-
`;
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
_SimpleButton_instances = new WeakSet(), _SimpleButton_handleClick = function _SimpleButton_handleClick() {
|
|
47
|
-
console.log('Button clicked!');
|
|
48
|
-
this.dispatchEvent(new CustomEvent('button-click'));
|
|
49
|
-
};
|
|
50
|
-
SimpleButton.shadowRootOptions = {
|
|
51
|
-
...LitElement.shadowRootOptions,
|
|
52
|
-
mode: 'open',
|
|
53
|
-
};
|
|
54
|
-
SimpleButton.styles = css `
|
|
26
|
+
static { this.shadowRootOptions = {
|
|
27
|
+
...LitElement.shadowRootOptions,
|
|
28
|
+
mode: 'open',
|
|
29
|
+
}; }
|
|
30
|
+
static { this.styles = css `
|
|
55
31
|
.button {
|
|
56
32
|
border-radius: 4px;
|
|
57
33
|
border-radius: var(--radius-small);
|
|
@@ -112,7 +88,24 @@ SimpleButton.styles = css `
|
|
|
112
88
|
color: #ffffff;
|
|
113
89
|
color: var(--color-white);
|
|
114
90
|
}
|
|
115
|
-
`;
|
|
91
|
+
`; }
|
|
92
|
+
#handleClick() {
|
|
93
|
+
console.log('Button clicked!');
|
|
94
|
+
this.dispatchEvent(new CustomEvent('button-click'));
|
|
95
|
+
}
|
|
96
|
+
render() {
|
|
97
|
+
const classes = {
|
|
98
|
+
button: true,
|
|
99
|
+
[`button--size-${this.size}`]: true,
|
|
100
|
+
[`button--type-${this.type}`]: true,
|
|
101
|
+
};
|
|
102
|
+
return html `
|
|
103
|
+
<button @click=${this.#handleClick} class=${classMap(classes)}>
|
|
104
|
+
${this.label}
|
|
105
|
+
</button>
|
|
106
|
+
`;
|
|
107
|
+
}
|
|
108
|
+
}
|
|
116
109
|
__decorate([
|
|
117
110
|
property({ type: String }),
|
|
118
111
|
__metadata("design:type", Object)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/web-components/button.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/web-components/button.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C;;GAEG;AACH,MAAM,OAAO,YAAa,SAAQ,UAAU;IAA5C;;QAOE,UAAK,GAAG,UAAU,CAAC;QAEnB;;WAEG;QAEH,SAAI,GAAkC,QAAQ,CAAC;QAG/C,SAAI,GAA0B,QAAQ,CAAC;IAmFzC,CAAC;aAlGQ,sBAAiB,GAAG;QACzB,GAAG,UAAU,CAAC,iBAAiB;QAC/B,IAAI,EAAE,MAAM;KACiC,AAHvB,CAGwB;aAczC,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6DlB,AA7DY,CA6DX;IAEF,YAAY;QACV,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;QAC/B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC;IACtD,CAAC;IAED,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,MAAM,EAAE,IAAI;YACZ,CAAC,gBAAgB,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI;YACnC,CAAC,gBAAgB,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI;SACpC,CAAC;QAEF,OAAO,IAAI,CAAA;uBACQ,IAAI,CAAC,YAAY,UAAU,QAAQ,CAAC,OAAO,CAAC;UACzD,IAAI,CAAC,KAAK;;KAEf,CAAC;IACJ,CAAC;;AA3FD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;2CACR;AAMnB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;0CACoB;AAG/C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;0CACY;AAqFzC,cAAc,CAAC,MAAM,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/web-components/card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C;;;;;;;;;;;GAWG;AACH,qBAAa,UAAW,SAAQ,UAAU;IACxC,MAAM,CAAC,iBAAiB;;;;;;;MAGwB;IAEhD;;OAEG;IAEH,SAAS,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAS;IAEtD;;OAEG;IAEH,OAAO,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAE1D;;OAEG;IAEH,QAAQ,UAAS;IAEjB,MAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/web-components/card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C;;;;;;;;;;;GAWG;AACH,qBAAa,UAAW,SAAQ,UAAU;IACxC,MAAM,CAAC,iBAAiB;;;;;;;MAGwB;IAEhD;;OAEG;IAEH,SAAS,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAS;IAEtD;;OAEG;IAEH,OAAO,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAE1D;;OAEG;IAEH,QAAQ,UAAS;IAEjB,MAAM,CAAC,MAAM,0BA8DX;IAEF,MAAM;CAsBP"}
|
|
@@ -38,33 +38,11 @@ export class SimpleCard extends LitElement {
|
|
|
38
38
|
*/
|
|
39
39
|
this.bordered = false;
|
|
40
40
|
}
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
[`card--padding-${this.padding}`]: this.padding !== 'none',
|
|
47
|
-
};
|
|
48
|
-
return html `
|
|
49
|
-
<div class=${classMap(classes)} part="card">
|
|
50
|
-
<div class="header" part="header">
|
|
51
|
-
<slot name="header"></slot>
|
|
52
|
-
</div>
|
|
53
|
-
<div class="content" part="content">
|
|
54
|
-
<slot></slot>
|
|
55
|
-
</div>
|
|
56
|
-
<div class="footer" part="footer">
|
|
57
|
-
<slot name="footer"></slot>
|
|
58
|
-
</div>
|
|
59
|
-
</div>
|
|
60
|
-
`;
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
SimpleCard.shadowRootOptions = {
|
|
64
|
-
...LitElement.shadowRootOptions,
|
|
65
|
-
mode: 'open',
|
|
66
|
-
};
|
|
67
|
-
SimpleCard.styles = css `
|
|
41
|
+
static { this.shadowRootOptions = {
|
|
42
|
+
...LitElement.shadowRootOptions,
|
|
43
|
+
mode: 'open',
|
|
44
|
+
}; }
|
|
45
|
+
static { this.styles = css `
|
|
68
46
|
:host {
|
|
69
47
|
display: block;
|
|
70
48
|
}
|
|
@@ -87,12 +65,14 @@ SimpleCard.styles = css `
|
|
|
87
65
|
}
|
|
88
66
|
|
|
89
67
|
.card--elevation-medium {
|
|
90
|
-
box-shadow:
|
|
68
|
+
box-shadow:
|
|
69
|
+
0 4px 6px -1px rgba(0, 0, 0, 0.1),
|
|
91
70
|
0 2px 4px -1px rgba(0, 0, 0, 0.06);
|
|
92
71
|
}
|
|
93
72
|
|
|
94
73
|
.card--elevation-high {
|
|
95
|
-
box-shadow:
|
|
74
|
+
box-shadow:
|
|
75
|
+
0 10px 15px -3px rgba(0, 0, 0, 0.1),
|
|
96
76
|
0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
97
77
|
}
|
|
98
78
|
|
|
@@ -124,7 +104,29 @@ SimpleCard.styles = css `
|
|
|
124
104
|
::slotted(*) {
|
|
125
105
|
margin: 0;
|
|
126
106
|
}
|
|
127
|
-
`;
|
|
107
|
+
`; }
|
|
108
|
+
render() {
|
|
109
|
+
const classes = {
|
|
110
|
+
card: true,
|
|
111
|
+
'card--bordered': this.bordered,
|
|
112
|
+
[`card--elevation-${this.elevation}`]: this.elevation !== 'none',
|
|
113
|
+
[`card--padding-${this.padding}`]: this.padding !== 'none',
|
|
114
|
+
};
|
|
115
|
+
return html `
|
|
116
|
+
<div class=${classMap(classes)} part="card">
|
|
117
|
+
<div class="header" part="header">
|
|
118
|
+
<slot name="header"></slot>
|
|
119
|
+
</div>
|
|
120
|
+
<div class="content" part="content">
|
|
121
|
+
<slot></slot>
|
|
122
|
+
</div>
|
|
123
|
+
<div class="footer" part="footer">
|
|
124
|
+
<slot name="footer"></slot>
|
|
125
|
+
</div>
|
|
126
|
+
</div>
|
|
127
|
+
`;
|
|
128
|
+
}
|
|
129
|
+
}
|
|
128
130
|
__decorate([
|
|
129
131
|
property({ type: String }),
|
|
130
132
|
__metadata("design:type", String)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/web-components/card.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,UAAW,SAAQ,UAAU;IAA1C;;QAME;;WAEG;QAEH,cAAS,GAAuC,KAAK,CAAC;QAEtD;;WAEG;QAEH,YAAO,GAA0C,QAAQ,CAAC;QAE1D;;WAEG;QAEH,aAAQ,GAAG,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/web-components/card.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,UAAW,SAAQ,UAAU;IAA1C;;QAME;;WAEG;QAEH,cAAS,GAAuC,KAAK,CAAC;QAEtD;;WAEG;QAEH,YAAO,GAA0C,QAAQ,CAAC;QAE1D;;WAEG;QAEH,aAAQ,GAAG,KAAK,CAAC;IAwFnB,CAAC;aA7GQ,sBAAiB,GAAG;QACzB,GAAG,UAAU,CAAC,iBAAiB;QAC/B,IAAI,EAAE,MAAM;KACiC,AAHvB,CAGwB;aAoBzC,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8DlB,AA9DY,CA8DX;IAEF,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,IAAI,EAAE,IAAI;YACV,gBAAgB,EAAE,IAAI,CAAC,QAAQ;YAC/B,CAAC,mBAAmB,IAAI,CAAC,SAAS,EAAE,CAAC,EAAE,IAAI,CAAC,SAAS,KAAK,MAAM;YAChE,CAAC,iBAAiB,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM;SAC3D,CAAC;QAEF,OAAO,IAAI,CAAA;mBACI,QAAQ,CAAC,OAAO,CAAC;;;;;;;;;;;KAW/B,CAAC;IACJ,CAAC;;AAnGD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;6CAC2B;AAMtD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;2CAC+B;AAM1D;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;4CACX;AA0FnB,cAAc,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@knapsack/sandbox-components",
|
|
3
3
|
"description": "",
|
|
4
|
-
"version": "5.0.0
|
|
4
|
+
"version": "5.0.0",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
7
7
|
"./css": "./dist/css/ks-sandbox-styles.css",
|
|
@@ -44,25 +44,25 @@
|
|
|
44
44
|
"clsx": "^2.1.1",
|
|
45
45
|
"lit": "^2.8.0",
|
|
46
46
|
"lucide-react": "^0.525.0",
|
|
47
|
-
"react": "^
|
|
47
|
+
"react": "^19.2.0",
|
|
48
48
|
"tailwind-merge": "^2.6.0",
|
|
49
|
-
"vue": "^3.5.
|
|
49
|
+
"vue": "^3.5.24"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
52
|
"@custom-elements-manifest/analyzer": "^0.10.4",
|
|
53
|
-
"@knapsack/eslint-config-starter": "5.0.0
|
|
54
|
-
"@knapsack/postcss-config-starter": "5.0.0
|
|
55
|
-
"@knapsack/prettier-config": "5.0.0
|
|
56
|
-
"@knapsack/sandbox-tokens": "5.0.0
|
|
57
|
-
"@knapsack/typescript-config-starter": "5.0.0
|
|
58
|
-
"@types/node": "^
|
|
59
|
-
"@types/react": "^
|
|
60
|
-
"esbuild": "^0.
|
|
61
|
-
"eslint": "^
|
|
53
|
+
"@knapsack/eslint-config-starter": "5.0.0",
|
|
54
|
+
"@knapsack/postcss-config-starter": "5.0.0",
|
|
55
|
+
"@knapsack/prettier-config": "5.0.0",
|
|
56
|
+
"@knapsack/sandbox-tokens": "5.0.0",
|
|
57
|
+
"@knapsack/typescript-config-starter": "5.0.0",
|
|
58
|
+
"@types/node": "^22.19.11",
|
|
59
|
+
"@types/react": "^19.2.3",
|
|
60
|
+
"esbuild": "^0.28.1",
|
|
61
|
+
"eslint": "^9.20.0",
|
|
62
62
|
"npm-run-all2": "^5.0.2",
|
|
63
63
|
"postcss-cli": "^9.1.0",
|
|
64
64
|
"tailwindcss": "^3.4.18",
|
|
65
|
-
"typescript": "^5.9.
|
|
65
|
+
"typescript": "^5.9.3"
|
|
66
66
|
},
|
|
67
67
|
"license": "GPL-2.0-or-later",
|
|
68
68
|
"publishConfig": {
|
|
@@ -73,5 +73,5 @@
|
|
|
73
73
|
"directory": "apps/ui/libs/sandbox-components",
|
|
74
74
|
"type": "git"
|
|
75
75
|
},
|
|
76
|
-
"gitHead": "
|
|
76
|
+
"gitHead": "31e09ba72245b95bef52e73ce5076de51936286c"
|
|
77
77
|
}
|
package/src/react/accordion.tsx
CHANGED
package/src/react/badge.tsx
CHANGED
package/src/react/button.tsx
CHANGED
package/src/react/callout.tsx
CHANGED
package/src/react/card.tsx
CHANGED
package/src/react/divider.tsx
CHANGED
package/src/react/grid.tsx
CHANGED
package/src/react/header.tsx
CHANGED
package/src/react/hero.tsx
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import type React from 'react';
|
|
2
2
|
import clsx from 'clsx';
|
|
3
|
-
import { Badge } from './badge.js';
|
|
3
|
+
import { type Badge } from './badge.js';
|
|
4
4
|
|
|
5
|
-
export const SlotReference: React.
|
|
5
|
+
export const SlotReference: React.FC<{
|
|
6
6
|
// or it could be `React.FC` - for example `Badge` is `React.FC<BadgeProps>`
|
|
7
7
|
badge?: typeof Badge;
|
|
8
8
|
footer?: React.ReactNode;
|
package/src/react/text.tsx
CHANGED
|
@@ -61,12 +61,14 @@ export class SimpleCard extends LitElement {
|
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
.card--elevation-medium {
|
|
64
|
-
box-shadow:
|
|
64
|
+
box-shadow:
|
|
65
|
+
0 4px 6px -1px rgba(0, 0, 0, 0.1),
|
|
65
66
|
0 2px 4px -1px rgba(0, 0, 0, 0.06);
|
|
66
67
|
}
|
|
67
68
|
|
|
68
69
|
.card--elevation-high {
|
|
69
|
-
box-shadow:
|
|
70
|
+
box-shadow:
|
|
71
|
+
0 10px 15px -3px rgba(0, 0, 0, 0.1),
|
|
70
72
|
0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
71
73
|
}
|
|
72
74
|
|
package/tsconfig.json
CHANGED
package/.eslintignore
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
dist
|
package/.eslintrc.cjs
DELETED