le-kit 0.1.11 → 0.1.13
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/custom-elements.json +1192 -1192
- package/dist/{core/cjs/index-D7B9TPh8.js → cjs/index-o1DRKw1g.js} +11 -4
- package/dist/cjs/index-o1DRKw1g.js.map +1 -0
- package/dist/cjs/index.cjs.js +3 -3
- package/dist/cjs/le-box.cjs.entry.js +2 -2
- package/dist/cjs/le-button.le-checkbox.le-component.le-popover.le-slot.le-string-input.entry.cjs.js.map +1 -1
- package/dist/cjs/le-button_6.cjs.entry.js +11 -5
- package/dist/cjs/le-card.cjs.entry.js +2 -2
- package/dist/cjs/le-kit.cjs.js +1 -1
- package/dist/cjs/le-number-input.cjs.entry.js +2 -2
- package/dist/cjs/le-popup.cjs.entry.js +1 -1
- package/dist/cjs/le-round-progress.cjs.entry.js +1 -1
- package/dist/cjs/le-stack.cjs.entry.js +2 -2
- package/dist/cjs/le-text.cjs.entry.js +2 -2
- package/dist/cjs/le-turntable.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/{core/cjs/utils-DrsoID-a.js → cjs/utils-DqhadIxH.js} +3 -3
- package/dist/cjs/{utils-DrsoID-a.js.map → utils-DqhadIxH.js.map} +1 -1
- package/dist/collection/assets/custom-elements.json +4305 -0
- package/dist/collection/components/le-component/le-component.js +5 -2
- package/dist/collection/components/le-component/le-component.js.map +1 -1
- package/dist/collection/components/le-slot/le-slot.js +6 -3
- package/dist/collection/components/le-slot/le-slot.js.map +1 -1
- package/dist/collection/dist/collection/themes/base.css +89 -0
- package/dist/collection/dist/collection/themes/dark.css +100 -0
- package/dist/collection/dist/collection/themes/default.css +108 -0
- package/dist/collection/dist/collection/themes/gradient.css +100 -0
- package/dist/collection/dist/collection/themes/index.css +413 -0
- package/dist/collection/dist/collection/themes/minimal.css +100 -0
- package/dist/collection/dist/collection/themes/warm.css +100 -0
- package/dist/collection/global/app.js +1 -1
- package/dist/collection/global/app.js.map +1 -1
- package/dist/collection/index.js +1 -1
- package/dist/collection/index.js.map +1 -1
- package/dist/collection/themes/base.css +89 -0
- package/dist/collection/themes/dark.css +100 -0
- package/dist/collection/themes/default.css +108 -0
- package/dist/collection/themes/gradient.css +100 -0
- package/dist/collection/themes/index.css +413 -0
- package/dist/collection/themes/minimal.css +100 -0
- package/dist/collection/themes/warm.css +100 -0
- package/dist/components/index.d.ts +33 -0
- package/dist/components/index.js +113 -0
- package/dist/components/index.js.map +1 -0
- package/dist/components/le-box.d.ts +11 -0
- package/dist/components/le-box.js +257 -0
- package/dist/components/le-box.js.map +1 -0
- package/dist/components/le-button.d.ts +11 -0
- package/dist/components/le-button.js +9 -0
- package/dist/components/le-button.js.map +1 -0
- package/dist/components/le-button2.js +1149 -0
- package/dist/components/le-button2.js.map +1 -0
- package/dist/components/le-card.d.ts +11 -0
- package/dist/components/le-card.js +84 -0
- package/dist/components/le-card.js.map +1 -0
- package/dist/components/le-checkbox.d.ts +11 -0
- package/dist/components/le-checkbox.js +9 -0
- package/dist/components/le-checkbox.js.map +1 -0
- package/dist/components/le-component.d.ts +11 -0
- package/dist/components/le-component.js +9 -0
- package/dist/components/le-component.js.map +1 -0
- package/dist/components/le-number-input.d.ts +11 -0
- package/dist/components/le-number-input.js +272 -0
- package/dist/components/le-number-input.js.map +1 -0
- package/dist/components/le-popover.d.ts +11 -0
- package/dist/components/le-popover.js +9 -0
- package/dist/components/le-popover.js.map +1 -0
- package/dist/components/le-popover2.js +382 -0
- package/dist/components/le-popover2.js.map +1 -0
- package/dist/components/le-popup.d.ts +11 -0
- package/dist/components/le-popup.js +279 -0
- package/dist/components/le-popup.js.map +1 -0
- package/dist/components/le-round-progress.d.ts +11 -0
- package/dist/components/le-round-progress.js +135 -0
- package/dist/components/le-round-progress.js.map +1 -0
- package/dist/components/le-slot.d.ts +11 -0
- package/dist/components/le-slot.js +9 -0
- package/dist/components/le-slot.js.map +1 -0
- package/dist/components/le-stack.d.ts +11 -0
- package/dist/components/le-stack.js +199 -0
- package/dist/components/le-stack.js.map +1 -0
- package/dist/components/le-string-input.d.ts +11 -0
- package/dist/components/le-string-input.js +9 -0
- package/dist/components/le-string-input.js.map +1 -0
- package/dist/components/le-text.d.ts +11 -0
- package/dist/components/le-text.js +399 -0
- package/dist/components/le-text.js.map +1 -0
- package/dist/components/le-turntable.d.ts +11 -0
- package/dist/components/le-turntable.js +164 -0
- package/dist/components/le-turntable.js.map +1 -0
- package/dist/components/utils.js +310 -0
- package/dist/components/utils.js.map +1 -0
- package/dist/{cjs/index-D7B9TPh8.js → core/cjs/index-BsRb_UTe.js} +4 -4
- package/dist/core/cjs/index-BsRb_UTe.js.map +1 -0
- package/dist/core/cjs/index.cjs.js +3 -3
- package/dist/core/cjs/le-box.cjs.entry.js +2 -2
- package/dist/core/cjs/le-button.cjs.entry.js +2 -2
- package/dist/core/cjs/le-card.cjs.entry.js +2 -2
- package/dist/core/cjs/le-checkbox.cjs.entry.js +2 -2
- package/dist/core/cjs/le-kit.cjs.js +1 -1
- package/dist/core/cjs/le-number-input.cjs.entry.js +2 -2
- package/dist/core/cjs/le-popover.cjs.entry.js +1 -1
- package/dist/core/cjs/le-popup.cjs.entry.js +1 -1
- package/dist/core/cjs/le-round-progress.cjs.entry.js +1 -1
- package/dist/core/cjs/le-stack.cjs.entry.js +2 -2
- package/dist/core/cjs/le-string-input.cjs.entry.js +2 -2
- package/dist/core/cjs/le-text.cjs.entry.js +2 -2
- package/dist/core/cjs/le-turntable.cjs.entry.js +1 -1
- package/dist/core/cjs/loader.cjs.js +1 -1
- package/dist/{cjs/utils-DrsoID-a.js → core/cjs/utils-nsP8_w8_.js} +3 -3
- package/dist/core/cjs/{utils-DrsoID-a.js.map → utils-nsP8_w8_.js.map} +1 -1
- package/dist/core/collection/assets/custom-elements.json +4305 -0
- package/dist/core/collection/global/app.js +1 -1
- package/dist/core/collection/global/app.js.map +1 -1
- package/dist/core/collection/index.js +1 -1
- package/dist/core/collection/index.js.map +1 -1
- package/dist/core/collection/themes/base.css +89 -0
- package/dist/core/collection/themes/dark.css +100 -0
- package/dist/core/collection/themes/default.css +108 -0
- package/dist/core/collection/themes/gradient.css +100 -0
- package/dist/core/collection/themes/index.css +413 -0
- package/dist/core/collection/themes/minimal.css +100 -0
- package/dist/core/collection/themes/warm.css +100 -0
- package/dist/core/components/index.d.ts +33 -0
- package/dist/core/components/index.js +113 -0
- package/dist/core/components/index.js.map +1 -0
- package/dist/core/components/le-box.d.ts +11 -0
- package/dist/core/components/le-box.js +225 -0
- package/dist/core/components/le-box.js.map +1 -0
- package/dist/core/components/le-button.d.ts +11 -0
- package/dist/core/components/le-button.js +9 -0
- package/dist/core/components/le-button.js.map +1 -0
- package/dist/core/components/le-button2.js +121 -0
- package/dist/core/components/le-button2.js.map +1 -0
- package/dist/core/components/le-card.d.ts +11 -0
- package/dist/core/components/le-card.js +52 -0
- package/dist/core/components/le-card.js.map +1 -0
- package/dist/core/components/le-checkbox.d.ts +11 -0
- package/dist/core/components/le-checkbox.js +87 -0
- package/dist/core/components/le-checkbox.js.map +1 -0
- package/dist/core/components/le-number-input.d.ts +11 -0
- package/dist/core/components/le-number-input.js +246 -0
- package/dist/core/components/le-number-input.js.map +1 -0
- package/dist/core/components/le-popover.d.ts +11 -0
- package/dist/core/components/le-popover.js +385 -0
- package/dist/core/components/le-popover.js.map +1 -0
- package/dist/core/components/le-popup.d.ts +11 -0
- package/dist/core/components/le-popup.js +253 -0
- package/dist/core/components/le-popup.js.map +1 -0
- package/dist/core/components/le-round-progress.d.ts +11 -0
- package/dist/core/components/le-round-progress.js +135 -0
- package/dist/core/components/le-round-progress.js.map +1 -0
- package/dist/core/components/le-stack.d.ts +11 -0
- package/dist/core/components/le-stack.js +167 -0
- package/dist/core/components/le-stack.js.map +1 -0
- package/dist/core/components/le-string-input.d.ts +11 -0
- package/dist/core/components/le-string-input.js +127 -0
- package/dist/core/components/le-string-input.js.map +1 -0
- package/dist/core/components/le-text.d.ts +11 -0
- package/dist/core/components/le-text.js +367 -0
- package/dist/core/components/le-text.js.map +1 -0
- package/dist/core/components/le-turntable.d.ts +11 -0
- package/dist/core/components/le-turntable.js +164 -0
- package/dist/core/components/le-turntable.js.map +1 -0
- package/dist/core/components/utils.js +310 -0
- package/dist/core/components/utils.js.map +1 -0
- package/dist/core/esm/{index-PS-3Rz-c.js → index-CJ-z5Zj1.js} +4 -4
- package/dist/core/esm/index-CJ-z5Zj1.js.map +1 -0
- package/dist/core/esm/index.js +2 -2
- package/dist/core/esm/le-box.entry.js +2 -2
- package/dist/core/esm/le-button.entry.js +2 -2
- package/dist/core/esm/le-card.entry.js +2 -2
- package/dist/core/esm/le-checkbox.entry.js +2 -2
- package/dist/core/esm/le-kit.js +2 -2
- package/dist/core/esm/le-number-input.entry.js +2 -2
- package/dist/core/esm/le-popover.entry.js +1 -1
- package/dist/core/esm/le-popup.entry.js +1 -1
- package/dist/core/esm/le-round-progress.entry.js +1 -1
- package/dist/core/esm/le-stack.entry.js +2 -2
- package/dist/core/esm/le-string-input.entry.js +2 -2
- package/dist/core/esm/le-text.entry.js +2 -2
- package/dist/core/esm/le-turntable.entry.js +1 -1
- package/dist/core/esm/loader.js +2 -2
- package/dist/core/esm/{utils-lgjSfQP0.js → utils-Bxmld82M.js} +3 -3
- package/dist/core/esm/{utils-lgjSfQP0.js.map → utils-Bxmld82M.js.map} +1 -1
- package/dist/core/le-kit/index.esm.js +1 -1
- package/dist/core/le-kit/le-kit.esm.js +1 -1
- package/dist/core/le-kit/{p-a5f1e539.entry.js → p-0308bd1f.entry.js} +2 -2
- package/dist/core/le-kit/{p-1c5262eb.entry.js → p-257495cc.entry.js} +2 -2
- package/dist/core/le-kit/{p-32c08678.entry.js → p-2ac4789a.entry.js} +2 -2
- package/dist/core/le-kit/{p-4bf51acc.entry.js → p-45eace7c.entry.js} +2 -2
- package/dist/core/le-kit/{p-fd665f35.entry.js → p-556086ca.entry.js} +2 -2
- package/dist/core/le-kit/{p-dcf1343d.entry.js → p-5ef81068.entry.js} +2 -2
- package/dist/core/le-kit/{p-a24b042d.entry.js → p-66d35f48.entry.js} +2 -2
- package/dist/core/le-kit/{p-4a9a9805.entry.js → p-73682c5e.entry.js} +2 -2
- package/dist/{le-kit/p-PS-3Rz-c.js → core/le-kit/p-CJ-z5Zj1.js} +1 -1
- package/dist/core/le-kit/p-CJ-z5Zj1.js.map +1 -0
- package/dist/core/le-kit/{p-DN2JVY-7.js → p-Drz36PDp.js} +2 -2
- package/dist/core/le-kit/{p-DN2JVY-7.js.map → p-Drz36PDp.js.map} +1 -1
- package/dist/core/le-kit/{p-bbc9e13e.entry.js → p-aa6e906f.entry.js} +2 -2
- package/dist/core/le-kit/{p-38e7ec05.entry.js → p-d75214f9.entry.js} +2 -2
- package/dist/core/le-kit/{p-9ee92c29.entry.js → p-df552906.entry.js} +2 -2
- package/dist/core/le-kit/{p-c4223c60.entry.js → p-e0861e82.entry.js} +2 -2
- package/dist/core/types/global/app.d.ts +1 -1
- package/dist/core/types/index.d.ts +1 -1
- package/dist/docs.json +1 -1
- package/dist/esm/{index-PS-3Rz-c.js → index-CwNQ1GTa.js} +10 -4
- package/dist/esm/index-CwNQ1GTa.js.map +1 -0
- package/dist/esm/index.js +2 -2
- package/dist/esm/le-box.entry.js +2 -2
- package/dist/esm/le-button.le-checkbox.le-component.le-popover.le-slot.le-string-input.entry.js.map +1 -1
- package/dist/esm/le-button_6.entry.js +11 -5
- package/dist/esm/le-card.entry.js +2 -2
- package/dist/esm/le-kit.js +2 -2
- package/dist/esm/le-number-input.entry.js +2 -2
- package/dist/esm/le-popup.entry.js +1 -1
- package/dist/esm/le-round-progress.entry.js +1 -1
- package/dist/esm/le-stack.entry.js +2 -2
- package/dist/esm/le-text.entry.js +2 -2
- package/dist/esm/le-turntable.entry.js +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{utils-lgjSfQP0.js → utils-Cf7fMI0j.js} +3 -3
- package/dist/esm/{utils-lgjSfQP0.js.map → utils-Cf7fMI0j.js.map} +1 -1
- package/dist/le-kit/assets/custom-elements.json +4305 -0
- package/dist/le-kit/dist/collection/themes/base.css +89 -0
- package/dist/le-kit/dist/collection/themes/dark.css +100 -0
- package/dist/le-kit/dist/collection/themes/default.css +108 -0
- package/dist/le-kit/dist/collection/themes/gradient.css +100 -0
- package/dist/le-kit/dist/collection/themes/index.css +413 -0
- package/dist/le-kit/dist/collection/themes/minimal.css +100 -0
- package/dist/le-kit/dist/collection/themes/warm.css +100 -0
- package/dist/le-kit/index.esm.js +1 -1
- package/dist/le-kit/le-button.le-checkbox.le-component.le-popover.le-slot.le-string-input.entry.esm.js.map +1 -1
- package/dist/le-kit/le-kit.esm.js +1 -1
- package/dist/le-kit/{p-935bb2d4.entry.js → p-08dbcc25.entry.js} +2 -2
- package/dist/le-kit/{p-d8157b06.entry.js → p-5dc35729.entry.js} +2 -2
- package/dist/le-kit/{p-34102cef.entry.js → p-64374730.entry.js} +2 -2
- package/dist/le-kit/{p-27710b5b.entry.js → p-79ec6f7c.entry.js} +2 -2
- package/dist/le-kit/{p-ccabc638.entry.js → p-8daf3c7f.entry.js} +2 -2
- package/dist/le-kit/p-9c69235d.entry.js +2 -0
- package/dist/le-kit/p-9c69235d.entry.js.map +1 -0
- package/dist/{core/le-kit/p-PS-3Rz-c.js → le-kit/p-CwNQ1GTa.js} +2 -2
- package/dist/le-kit/p-CwNQ1GTa.js.map +1 -0
- package/dist/le-kit/{p-e8c2ca0e.entry.js → p-ad398acd.entry.js} +2 -2
- package/dist/le-kit/{p-9d3dc4e5.entry.js → p-b8122ad6.entry.js} +2 -2
- package/dist/le-kit/{p-56a80e6d.entry.js → p-f9008505.entry.js} +2 -2
- package/dist/le-kit/{p-DN2JVY-7.js → p-y3FECAx9.js} +2 -2
- package/dist/le-kit/{p-DN2JVY-7.js.map → p-y3FECAx9.js.map} +1 -1
- package/dist/types/global/app.d.ts +1 -1
- package/dist/types/index.d.ts +1 -1
- package/package.json +2 -2
- package/dist/cjs/index-D7B9TPh8.js.map +0 -1
- package/dist/core/cjs/index-D7B9TPh8.js.map +0 -1
- package/dist/core/esm/index-PS-3Rz-c.js.map +0 -1
- package/dist/core/le-kit/p-PS-3Rz-c.js.map +0 -1
- package/dist/esm/index-PS-3Rz-c.js.map +0 -1
- package/dist/le-kit/p-615ea10f.entry.js +0 -2
- package/dist/le-kit/p-615ea10f.entry.js.map +0 -1
- package/dist/le-kit/p-PS-3Rz-c.js.map +0 -1
- /package/dist/core/le-kit/{p-a5f1e539.entry.js.map → p-0308bd1f.entry.js.map} +0 -0
- /package/dist/core/le-kit/{p-1c5262eb.entry.js.map → p-257495cc.entry.js.map} +0 -0
- /package/dist/core/le-kit/{p-32c08678.entry.js.map → p-2ac4789a.entry.js.map} +0 -0
- /package/dist/core/le-kit/{p-4bf51acc.entry.js.map → p-45eace7c.entry.js.map} +0 -0
- /package/dist/core/le-kit/{p-fd665f35.entry.js.map → p-556086ca.entry.js.map} +0 -0
- /package/dist/core/le-kit/{p-dcf1343d.entry.js.map → p-5ef81068.entry.js.map} +0 -0
- /package/dist/core/le-kit/{p-a24b042d.entry.js.map → p-66d35f48.entry.js.map} +0 -0
- /package/dist/core/le-kit/{p-4a9a9805.entry.js.map → p-73682c5e.entry.js.map} +0 -0
- /package/dist/core/le-kit/{p-bbc9e13e.entry.js.map → p-aa6e906f.entry.js.map} +0 -0
- /package/dist/core/le-kit/{p-38e7ec05.entry.js.map → p-d75214f9.entry.js.map} +0 -0
- /package/dist/core/le-kit/{p-9ee92c29.entry.js.map → p-df552906.entry.js.map} +0 -0
- /package/dist/core/le-kit/{p-c4223c60.entry.js.map → p-e0861e82.entry.js.map} +0 -0
- /package/dist/le-kit/{p-935bb2d4.entry.js.map → p-08dbcc25.entry.js.map} +0 -0
- /package/dist/le-kit/{p-d8157b06.entry.js.map → p-5dc35729.entry.js.map} +0 -0
- /package/dist/le-kit/{p-34102cef.entry.js.map → p-64374730.entry.js.map} +0 -0
- /package/dist/le-kit/{p-27710b5b.entry.js.map → p-79ec6f7c.entry.js.map} +0 -0
- /package/dist/le-kit/{p-ccabc638.entry.js.map → p-8daf3c7f.entry.js.map} +0 -0
- /package/dist/le-kit/{p-e8c2ca0e.entry.js.map → p-ad398acd.entry.js.map} +0 -0
- /package/dist/le-kit/{p-9d3dc4e5.entry.js.map → p-b8122ad6.entry.js.map} +0 -0
- /package/dist/le-kit/{p-56a80e6d.entry.js.map → p-f9008505.entry.js.map} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app.js","sourceRoot":"","sources":["../../src/global/app.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"app.js","sourceRoot":"","sources":["../../src/global/app.ts"],"names":[],"mappings":"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","sourcesContent":["import { setMode } from '@stencil/core';\n\nexport type LeKitMode = 'default' | 'admin' | string;\nexport type LeKitTheme = 'default' | 'dark' | string;\n\n/**\n * Global mode initialization for le-kit components.\n *\n * Mode inheritance works as follows:\n * 1. Check the element's own `mode` attribute\n * 2. Traverse up the DOM to find a parent with `mode` attribute\n * 3. Check the document root element (html) for `mode` attribute\n * 4. Fall back to 'default'\n *\n * This allows setting mode at any level:\n * - `<html mode=\"admin\">` - all components in admin mode\n * - `<le-card mode=\"admin\">` - this card and its children in admin mode\n */\nfunction initializeMode() {\n setMode((el: HTMLElement): LeKitMode => {\n // 1. Check element's own mode attribute\n const ownMode = el.getAttribute('mode');\n if (ownMode) {\n return ownMode as LeKitMode;\n }\n\n // 2. Traverse up the DOM tree to find inherited mode\n let parent = el.parentElement;\n while (parent) {\n const parentMode = parent.getAttribute('mode');\n if (parentMode) {\n return parentMode as LeKitMode;\n }\n parent = parent.parentElement;\n }\n\n // 3. Check document root element\n const rootMode = document.documentElement.getAttribute('mode');\n if (rootMode) {\n return rootMode as LeKitMode;\n }\n\n // 4. Default mode\n return 'default';\n });\n}\n\n// Default export for Stencil global script\nexport default initializeMode;\n\n/**\n * Helper function to get the current mode for an element.\n * Can be used programmatically in components.\n * \n * This function traverses both regular DOM and shadow DOM boundaries\n * to find the nearest mode attribute.\n */\nexport function getMode(el: HTMLElement): LeKitMode {\n // Check element's own mode\n const ownMode = el.getAttribute('mode');\n if (ownMode) {\n return ownMode as LeKitMode;\n }\n\n // Traverse up DOM, crossing shadow boundaries\n let current: Node | null = el;\n while (current) {\n // Try parent element first\n if (current instanceof Element && current.parentElement) {\n current = current.parentElement;\n const mode = (current as HTMLElement).getAttribute?.('mode');\n if (mode) {\n return mode as LeKitMode;\n }\n } else {\n // No parent element - check if we're in a shadow root\n const root = current.getRootNode();\n if (root instanceof ShadowRoot) {\n // Cross the shadow boundary to the host element\n current = root.host;\n const mode = (current as HTMLElement).getAttribute?.('mode');\n if (mode) {\n return mode as LeKitMode;\n }\n } else {\n // We've reached the document root\n break;\n }\n }\n }\n\n // Check document root\n const rootMode = document.documentElement.getAttribute('mode');\n if (rootMode) {\n return rootMode as LeKitMode;\n }\n\n return 'default';\n}\n\n/**\n * Helper function to get the current theme for an element.\n * Theme inheritance works the same as mode - cascades through DOM.\n */\nexport function getTheme(el: HTMLElement): LeKitTheme {\n // Check element's own theme\n const ownTheme = el.getAttribute('theme');\n if (ownTheme) {\n return ownTheme as LeKitTheme;\n }\n\n // Traverse up DOM\n let parent = el.parentElement;\n while (parent) {\n const parentTheme = parent.getAttribute('theme');\n if (parentTheme) {\n return parentTheme as LeKitTheme;\n }\n parent = parent.parentElement;\n }\n\n // Check root\n const rootTheme = document.documentElement.getAttribute('theme');\n if (rootTheme) {\n return rootTheme as LeKitTheme;\n }\n\n return 'default';\n}\n\n/**\n * Helper function to set mode on the document root.\n * Useful for switching all components to admin mode.\n */\nexport function setGlobalMode(mode: LeKitMode): void {\n document.documentElement.setAttribute('mode', mode);\n}\n\n/**\n * Helper function to set theme on the document root.\n * Useful for switching all components to a different theme.\n */\nexport function setGlobalTheme(theme: LeKitTheme): void {\n document.documentElement.setAttribute('theme', theme);\n}\n\n/**\n * Global configuration for le-kit\n */\nlet leKitConfig = {\n /**\n * URL to the custom-elements.json manifest.\n * Used by admin components (le-component, le-slot) to load component metadata.\n * \n * Default: '/custom-elements.json' (served from app root)\n * \n * For apps using le-kit, you may need to:\n * 1. Copy the manifest from node_modules/le-kit/custom-elements.json to your public folder\n * 2. Or set this to point to where the manifest is served\n */\n manifestUrl: '/custom-elements.json',\n};\n\n/**\n * Configure le-kit global settings.\n * \n * @example\n * ```ts\n * import { configureLeki } from 'le-kit';\n * \n * configureLeki({\n * manifestUrl: '/assets/custom-elements.json'\n * });\n * ```\n */\nexport function configureLeKit(config: Partial<typeof leKitConfig>): void {\n leKitConfig = { ...leKitConfig, ...config };\n}\n\n/**\n * Get the current le-kit configuration.\n */\nexport function getLeKitConfig(): typeof leKitConfig {\n return leKitConfig;\n}\n"]}
|
package/dist/collection/index.js
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
// Utility exports
|
|
10
10
|
export { generateId, parseCommaSeparated, slotHasContent } from './utils/utils';
|
|
11
11
|
// Global mode and theme helpers
|
|
12
|
-
export { getMode, setGlobalMode, getTheme, setGlobalTheme,
|
|
12
|
+
export { getMode, setGlobalMode, getTheme, setGlobalTheme, configureLeKit, getLeKitConfig } from './global/app';
|
|
13
13
|
// Popup/dialog programmatic API
|
|
14
14
|
export { leAlert, leConfirm, lePrompt } from './components/le-popup/le-popup.api';
|
|
15
15
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,kBAAkB;AAClB,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEhF,gCAAgC;AAChC,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,cAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,kBAAkB;AAClB,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEhF,gCAAgC;AAChC,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAGhH,gCAAgC;AAChC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC","sourcesContent":["/**\n * @fileoverview Entry point for le-kit component library\n *\n * This file exports utilities, types, and helper functions.\n * Components are auto-registered and available as custom elements.\n *\n * @see README.md for usage instructions\n */\n\n// Utility exports\nexport { generateId, parseCommaSeparated, slotHasContent } from './utils/utils';\n\n// Global mode and theme helpers\nexport { getMode, setGlobalMode, getTheme, setGlobalTheme, configureLeKit, getLeKitConfig } from './global/app';\nexport type { LeKitMode, LeKitTheme } from './global/app';\n\n// Popup/dialog programmatic API\nexport { leAlert, leConfirm, lePrompt } from './components/le-popup/le-popup.api';\nexport type { PopupOptions } from './components/le-popup/le-popup.api';\nexport type { PopupResult, PopupType, PopupPosition } from './components/le-popup/le-popup';\n\n// Type exports\nexport type * from './components.d.ts';\n"]}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Le-Kit Base Design Tokens
|
|
3
|
+
*
|
|
4
|
+
* Structural tokens that rarely change between themes:
|
|
5
|
+
* - Spacing scale
|
|
6
|
+
* - Typography (font families, sizes, weights, line heights)
|
|
7
|
+
* - Transitions
|
|
8
|
+
* - Z-index layers
|
|
9
|
+
*
|
|
10
|
+
* Import this file along with a theme file (default.css, dark.css, etc.)
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
:root {
|
|
14
|
+
-webkit-font-smoothing: antialiased;
|
|
15
|
+
-moz-osx-font-smoothing: grayscale;
|
|
16
|
+
|
|
17
|
+
/* ============================================
|
|
18
|
+
* SPACING SCALE
|
|
19
|
+
* ============================================ */
|
|
20
|
+
--le-spacing-0: 0;
|
|
21
|
+
--le-spacing-1: 0.25rem; /* 4px */
|
|
22
|
+
--le-spacing-2: 0.5rem; /* 8px */
|
|
23
|
+
--le-spacing-3: 0.75rem; /* 12px */
|
|
24
|
+
--le-spacing-4: 1rem; /* 16px */
|
|
25
|
+
--le-spacing-5: 1.25rem; /* 20px */
|
|
26
|
+
--le-spacing-6: 1.5rem; /* 24px */
|
|
27
|
+
--le-spacing-8: 2rem; /* 32px */
|
|
28
|
+
--le-spacing-10: 2.5rem; /* 40px */
|
|
29
|
+
--le-spacing-12: 3rem; /* 48px */
|
|
30
|
+
--le-spacing-16: 4rem; /* 64px */
|
|
31
|
+
|
|
32
|
+
/* ============================================
|
|
33
|
+
* TYPOGRAPHY
|
|
34
|
+
* ============================================ */
|
|
35
|
+
--le-font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
|
|
36
|
+
--le-font-family-mono: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Code', monospace;
|
|
37
|
+
|
|
38
|
+
/* Font sizes */
|
|
39
|
+
--le-font-size-xs: 0.75rem; /* 12px */
|
|
40
|
+
--le-font-size-sm: 0.875rem; /* 14px */
|
|
41
|
+
--le-font-size-md: 1rem; /* 16px */
|
|
42
|
+
--le-font-size-lg: 1.125rem; /* 18px */
|
|
43
|
+
--le-font-size-xl: 1.25rem; /* 20px */
|
|
44
|
+
--le-font-size-2xl: 1.5rem; /* 24px */
|
|
45
|
+
--le-font-size-3xl: 1.875rem; /* 30px */
|
|
46
|
+
--le-font-size-4xl: 2.25rem; /* 36px */
|
|
47
|
+
|
|
48
|
+
/* Font weights */
|
|
49
|
+
--le-font-weight-normal: 400;
|
|
50
|
+
--le-font-weight-medium: 500;
|
|
51
|
+
--le-font-weight-semibold: 600;
|
|
52
|
+
--le-font-weight-bold: 700;
|
|
53
|
+
|
|
54
|
+
/* Line heights */
|
|
55
|
+
--le-line-height-tight: 1.25;
|
|
56
|
+
--le-line-height-normal: 1.5;
|
|
57
|
+
--le-line-height-relaxed: 1.75;
|
|
58
|
+
|
|
59
|
+
/* ============================================
|
|
60
|
+
* RADIUSES
|
|
61
|
+
* ============================================ */
|
|
62
|
+
--le-radius-none: 0;
|
|
63
|
+
--le-radius-xs: 0.066rem; /* 1px */
|
|
64
|
+
--le-radius-sm: 0.125rem; /* 2px */
|
|
65
|
+
--le-radius-md: 0.25rem; /* 4px */
|
|
66
|
+
--le-radius-lg: 0.5rem; /* 8px */
|
|
67
|
+
--le-radius-xl: 0.75rem; /* 12px */
|
|
68
|
+
--le-radius-2xl: 1rem; /* 16px */
|
|
69
|
+
--le-radius-full: 9999px;
|
|
70
|
+
|
|
71
|
+
/* ============================================
|
|
72
|
+
* TRANSITIONS
|
|
73
|
+
* ============================================ */
|
|
74
|
+
--le-transition-fast: 100ms;
|
|
75
|
+
--le-transition-normal: 200ms;
|
|
76
|
+
--le-transition-slow: 300ms;
|
|
77
|
+
--le-transition-easing: cubic-bezier(0.4, 0, 0.2, 1);
|
|
78
|
+
|
|
79
|
+
/* ============================================
|
|
80
|
+
* Z-INDEX LAYERS
|
|
81
|
+
* ============================================ */
|
|
82
|
+
--le-z-dropdown: 1000;
|
|
83
|
+
--le-z-sticky: 1020;
|
|
84
|
+
--le-z-fixed: 1030;
|
|
85
|
+
--le-z-modal-backdrop: 1040;
|
|
86
|
+
--le-z-modal: 1050;
|
|
87
|
+
--le-z-popover: 1060;
|
|
88
|
+
--le-z-tooltip: 1070;
|
|
89
|
+
}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Le-Kit Dark Theme
|
|
3
|
+
*
|
|
4
|
+
* Dark mode with light text on dark backgrounds.
|
|
5
|
+
*
|
|
6
|
+
* Usage: set theme="dark" on any element, or import as your default.
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
[theme="dark"] {
|
|
10
|
+
/* Primary brand color - lighter for dark backgrounds */
|
|
11
|
+
--le-color-primary: #4da6ff;
|
|
12
|
+
--le-color-primary-light: #80c1ff;
|
|
13
|
+
--le-color-primary-dark: #0088ff;
|
|
14
|
+
--le-color-primary-contrast: #000000;
|
|
15
|
+
|
|
16
|
+
/* Secondary accent color */
|
|
17
|
+
--le-color-secondary: #868e96;
|
|
18
|
+
--le-color-secondary-light: #adb5bd;
|
|
19
|
+
--le-color-secondary-dark: #6c757d;
|
|
20
|
+
--le-color-secondary-contrast: #000000;
|
|
21
|
+
|
|
22
|
+
/* Semantic colors - adjusted for dark mode */
|
|
23
|
+
--le-color-success: #48c764;
|
|
24
|
+
--le-color-success-light: #6dd587;
|
|
25
|
+
--le-color-success-dark: #28a745;
|
|
26
|
+
--le-color-success-contrast: #000000;
|
|
27
|
+
|
|
28
|
+
--le-color-warning: #ffcd39;
|
|
29
|
+
--le-color-warning-light: #ffda6a;
|
|
30
|
+
--le-color-warning-dark: #ffc107;
|
|
31
|
+
--le-color-warning-contrast: #000000;
|
|
32
|
+
|
|
33
|
+
--le-color-danger: #e4606d;
|
|
34
|
+
--le-color-danger-light: #ea868f;
|
|
35
|
+
--le-color-danger-dark: #dc3545;
|
|
36
|
+
--le-color-danger-contrast: #000000;
|
|
37
|
+
|
|
38
|
+
--le-color-info: #3ab0c3;
|
|
39
|
+
--le-color-info-light: #6dc4d3;
|
|
40
|
+
--le-color-info-dark: #17a2b8;
|
|
41
|
+
--le-color-info-contrast: #000000;
|
|
42
|
+
|
|
43
|
+
/* Neutral colors - inverted */
|
|
44
|
+
--le-color-white: #ffffff;
|
|
45
|
+
--le-color-black: #000000;
|
|
46
|
+
--le-color-gray-50: #212121;
|
|
47
|
+
--le-color-gray-100: #424242;
|
|
48
|
+
--le-color-gray-200: #616161;
|
|
49
|
+
--le-color-gray-300: #757575;
|
|
50
|
+
--le-color-gray-400: #9e9e9e;
|
|
51
|
+
--le-color-gray-500: #bdbdbd;
|
|
52
|
+
--le-color-gray-600: #e0e0e0;
|
|
53
|
+
--le-color-gray-700: #eeeeee;
|
|
54
|
+
--le-color-gray-800: #f5f5f5;
|
|
55
|
+
--le-color-gray-900: #fafafa;
|
|
56
|
+
|
|
57
|
+
/* Background colors */
|
|
58
|
+
--le-color-background: #121212;
|
|
59
|
+
--le-color-background-secondary: #1e1e1e;
|
|
60
|
+
--le-color-background-tertiary: #2d2d2d;
|
|
61
|
+
|
|
62
|
+
/* Surface colors */
|
|
63
|
+
--le-color-surface: #1e1e1e;
|
|
64
|
+
--le-color-surface-elevated: #2d2d2d;
|
|
65
|
+
|
|
66
|
+
/* Text colors */
|
|
67
|
+
--le-color-text-primary: #ffffff;
|
|
68
|
+
--le-color-text-secondary: #b3b3b3;
|
|
69
|
+
--le-color-text-disabled: #666666;
|
|
70
|
+
--le-color-text-inverse: #121212;
|
|
71
|
+
|
|
72
|
+
/* Border colors */
|
|
73
|
+
--le-color-border: #333333;
|
|
74
|
+
--le-color-border-light: #2d2d2d;
|
|
75
|
+
--le-color-border-dark: #444444;
|
|
76
|
+
|
|
77
|
+
/** Input borders */
|
|
78
|
+
--le-border-width: 2px;
|
|
79
|
+
--le-color-border-input: #515c6b;
|
|
80
|
+
|
|
81
|
+
/* Focus ring */
|
|
82
|
+
--le-color-focus: rgba(77, 166, 255, 0.5);
|
|
83
|
+
|
|
84
|
+
/* Border radius - same as default */
|
|
85
|
+
--le-radius-none: 0;
|
|
86
|
+
--le-radius-sm: 0.125rem;
|
|
87
|
+
--le-radius-md: 0.25rem;
|
|
88
|
+
--le-radius-lg: 0.5rem;
|
|
89
|
+
--le-radius-xl: 0.75rem;
|
|
90
|
+
--le-radius-2xl: 1rem;
|
|
91
|
+
--le-radius-full: 9999px;
|
|
92
|
+
|
|
93
|
+
/* Shadows - darker for dark mode */
|
|
94
|
+
--le-shadow-none: none;
|
|
95
|
+
--le-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
|
|
96
|
+
--le-shadow-md: 0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.3);
|
|
97
|
+
--le-shadow-lg: 0 4px 6px rgba(0, 0, 0, 0.4), 0 2px 4px rgba(0, 0, 0, 0.3);
|
|
98
|
+
--le-shadow-xl: 0 10px 15px rgba(0, 0, 0, 0.4), 0 4px 6px rgba(0, 0, 0, 0.3);
|
|
99
|
+
--le-shadow-2xl: 0 20px 25px rgba(0, 0, 0, 0.4), 0 10px 10px rgba(0, 0, 0, 0.3);
|
|
100
|
+
}
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Le-Kit Default Theme
|
|
3
|
+
*
|
|
4
|
+
* Clean, professional light theme with blue primary color.
|
|
5
|
+
*
|
|
6
|
+
* Usage:
|
|
7
|
+
* 1. As default: import alongside base.css
|
|
8
|
+
* 2. For switching: set theme="default" on any element
|
|
9
|
+
*
|
|
10
|
+
* To create a custom theme:
|
|
11
|
+
* 1. Copy this file
|
|
12
|
+
* 2. Change selector to :root or [theme="your-theme"]
|
|
13
|
+
* 3. Modify the variables you need
|
|
14
|
+
*/
|
|
15
|
+
|
|
16
|
+
:root,
|
|
17
|
+
[theme="default"] {
|
|
18
|
+
/* Primary brand color */
|
|
19
|
+
--le-color-primary: #0088ff;
|
|
20
|
+
--le-color-primary-light: #4da6ff;
|
|
21
|
+
--le-color-primary-dark: #0066cc;
|
|
22
|
+
--le-color-primary-contrast: #ffffff;
|
|
23
|
+
|
|
24
|
+
/* Secondary accent color */
|
|
25
|
+
--le-color-secondary: #6c757d;
|
|
26
|
+
--le-color-secondary-light: #868e96;
|
|
27
|
+
--le-color-secondary-dark: #545b62;
|
|
28
|
+
--le-color-secondary-contrast: #ffffff;
|
|
29
|
+
|
|
30
|
+
/* Semantic colors */
|
|
31
|
+
--le-color-success: #28a745;
|
|
32
|
+
--le-color-success-light: #48c764;
|
|
33
|
+
--le-color-success-dark: #1e7e34;
|
|
34
|
+
--le-color-success-contrast: #ffffff;
|
|
35
|
+
|
|
36
|
+
--le-color-warning: #ffc107;
|
|
37
|
+
--le-color-warning-light: #ffcd39;
|
|
38
|
+
--le-color-warning-dark: #d39e00;
|
|
39
|
+
--le-color-warning-contrast: #212529;
|
|
40
|
+
|
|
41
|
+
--le-color-danger: #dc3545;
|
|
42
|
+
--le-color-danger-light: #e4606d;
|
|
43
|
+
--le-color-danger-dark: #bd2130;
|
|
44
|
+
--le-color-danger-contrast: #ffffff;
|
|
45
|
+
|
|
46
|
+
--le-color-info: #17a2b8;
|
|
47
|
+
--le-color-info-light: #3ab0c3;
|
|
48
|
+
--le-color-info-dark: #117a8b;
|
|
49
|
+
--le-color-info-contrast: #ffffff;
|
|
50
|
+
|
|
51
|
+
/* Neutral colors */
|
|
52
|
+
--le-color-white: #ffffff;
|
|
53
|
+
--le-color-black: #000000;
|
|
54
|
+
--le-color-gray-50: #fafafa;
|
|
55
|
+
--le-color-gray-100: #f5f5f5;
|
|
56
|
+
--le-color-gray-200: #eeeeee;
|
|
57
|
+
--le-color-gray-300: #e0e0e0;
|
|
58
|
+
--le-color-gray-400: #bdbdbd;
|
|
59
|
+
--le-color-gray-500: #9e9e9e;
|
|
60
|
+
--le-color-gray-600: #757575;
|
|
61
|
+
--le-color-gray-700: #616161;
|
|
62
|
+
--le-color-gray-800: #424242;
|
|
63
|
+
--le-color-gray-900: #212121;
|
|
64
|
+
|
|
65
|
+
/* Background colors */
|
|
66
|
+
--le-color-background: #ffffff;
|
|
67
|
+
--le-color-background-secondary: #f5f5f5;
|
|
68
|
+
--le-color-background-tertiary: #eeeeee;
|
|
69
|
+
|
|
70
|
+
/* Surface colors (cards, modals, etc.) */
|
|
71
|
+
--le-color-surface: #ffffff;
|
|
72
|
+
--le-color-surface-elevated: #ffffff;
|
|
73
|
+
|
|
74
|
+
/* Text colors */
|
|
75
|
+
--le-color-text-primary: #212121;
|
|
76
|
+
--le-color-text-secondary: #757575;
|
|
77
|
+
--le-color-text-disabled: #9e9e9e;
|
|
78
|
+
--le-color-text-inverse: #ffffff;
|
|
79
|
+
|
|
80
|
+
/* Border colors */
|
|
81
|
+
--le-color-border: #e0e0e0;
|
|
82
|
+
--le-color-border-light: #eeeeee;
|
|
83
|
+
--le-color-border-dark: #bdbdbd;
|
|
84
|
+
|
|
85
|
+
/** Input borders */
|
|
86
|
+
--le-border-width: 2px;
|
|
87
|
+
--le-color-border-input: #c4d6e6;
|
|
88
|
+
|
|
89
|
+
/* Focus ring */
|
|
90
|
+
--le-color-focus: rgba(0, 136, 255, 0.5);
|
|
91
|
+
|
|
92
|
+
/* Border radius */
|
|
93
|
+
--le-radius-none: 0;
|
|
94
|
+
--le-radius-sm: 0.125rem; /* 2px */
|
|
95
|
+
--le-radius-md: 0.25rem; /* 4px */
|
|
96
|
+
--le-radius-lg: 0.5rem; /* 8px */
|
|
97
|
+
--le-radius-xl: 0.75rem; /* 12px */
|
|
98
|
+
--le-radius-2xl: 1rem; /* 16px */
|
|
99
|
+
--le-radius-full: 9999px;
|
|
100
|
+
|
|
101
|
+
/* Shadows */
|
|
102
|
+
--le-shadow-none: none;
|
|
103
|
+
--le-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
104
|
+
--le-shadow-md: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
|
|
105
|
+
--le-shadow-lg: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
|
|
106
|
+
--le-shadow-xl: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);
|
|
107
|
+
--le-shadow-2xl: 0 20px 25px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.04);
|
|
108
|
+
}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Le-Kit Gradient Theme
|
|
3
|
+
*
|
|
4
|
+
* Modern gradient style with purple accents and rounded corners.
|
|
5
|
+
*
|
|
6
|
+
* Usage: set theme="gradient" on any element, or import as your default.
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
[theme="gradient"] {
|
|
10
|
+
/* Primary brand color - purple */
|
|
11
|
+
--le-color-primary: #8b5cf6;
|
|
12
|
+
--le-color-primary-light: #a78bfa;
|
|
13
|
+
--le-color-primary-dark: #7c3aed;
|
|
14
|
+
--le-color-primary-contrast: #ffffff;
|
|
15
|
+
|
|
16
|
+
/* Secondary accent color - pink */
|
|
17
|
+
--le-color-secondary: #ec4899;
|
|
18
|
+
--le-color-secondary-light: #f472b6;
|
|
19
|
+
--le-color-secondary-dark: #db2777;
|
|
20
|
+
--le-color-secondary-contrast: #ffffff;
|
|
21
|
+
|
|
22
|
+
/* Semantic colors */
|
|
23
|
+
--le-color-success: #10b981;
|
|
24
|
+
--le-color-success-light: #34d399;
|
|
25
|
+
--le-color-success-dark: #059669;
|
|
26
|
+
--le-color-success-contrast: #ffffff;
|
|
27
|
+
|
|
28
|
+
--le-color-warning: #f59e0b;
|
|
29
|
+
--le-color-warning-light: #fbbf24;
|
|
30
|
+
--le-color-warning-dark: #d97706;
|
|
31
|
+
--le-color-warning-contrast: #000000;
|
|
32
|
+
|
|
33
|
+
--le-color-danger: #ef4444;
|
|
34
|
+
--le-color-danger-light: #f87171;
|
|
35
|
+
--le-color-danger-dark: #dc2626;
|
|
36
|
+
--le-color-danger-contrast: #ffffff;
|
|
37
|
+
|
|
38
|
+
--le-color-info: #06b6d4;
|
|
39
|
+
--le-color-info-light: #22d3ee;
|
|
40
|
+
--le-color-info-dark: #0891b2;
|
|
41
|
+
--le-color-info-contrast: #ffffff;
|
|
42
|
+
|
|
43
|
+
/* Neutral colors */
|
|
44
|
+
--le-color-white: #ffffff;
|
|
45
|
+
--le-color-black: #000000;
|
|
46
|
+
--le-color-gray-50: #faf5ff;
|
|
47
|
+
--le-color-gray-100: #f3e8ff;
|
|
48
|
+
--le-color-gray-200: #e9d5ff;
|
|
49
|
+
--le-color-gray-300: #d8b4fe;
|
|
50
|
+
--le-color-gray-400: #c084fc;
|
|
51
|
+
--le-color-gray-500: #a855f7;
|
|
52
|
+
--le-color-gray-600: #9333ea;
|
|
53
|
+
--le-color-gray-700: #7e22ce;
|
|
54
|
+
--le-color-gray-800: #6b21a8;
|
|
55
|
+
--le-color-gray-900: #581c87;
|
|
56
|
+
|
|
57
|
+
/* Background colors */
|
|
58
|
+
--le-color-background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
59
|
+
--le-color-background-secondary: rgba(255, 255, 255, 0.1);
|
|
60
|
+
--le-color-background-tertiary: rgba(255, 255, 255, 0.05);
|
|
61
|
+
|
|
62
|
+
/* Surface colors */
|
|
63
|
+
--le-color-surface: rgba(255, 255, 255, 0.95);
|
|
64
|
+
--le-color-surface-elevated: #ffffff;
|
|
65
|
+
|
|
66
|
+
/* Text colors */
|
|
67
|
+
--le-color-text-primary: #1f2937;
|
|
68
|
+
--le-color-text-secondary: #6b7280;
|
|
69
|
+
--le-color-text-disabled: #9ca3af;
|
|
70
|
+
--le-color-text-inverse: #ffffff;
|
|
71
|
+
|
|
72
|
+
/* Border colors */
|
|
73
|
+
--le-color-border: rgba(139, 92, 246, 0.3);
|
|
74
|
+
--le-color-border-light: rgba(139, 92, 246, 0.1);
|
|
75
|
+
--le-color-border-dark: rgba(139, 92, 246, 0.5);
|
|
76
|
+
|
|
77
|
+
/** Input borders */
|
|
78
|
+
--le-border-width: 2px;
|
|
79
|
+
--le-color-border-input: #eccddd;
|
|
80
|
+
|
|
81
|
+
/* Focus ring */
|
|
82
|
+
--le-color-focus: rgba(139, 92, 246, 0.5);
|
|
83
|
+
|
|
84
|
+
/* Border radius - more rounded */
|
|
85
|
+
--le-radius-none: 0;
|
|
86
|
+
--le-radius-sm: 0.25rem;
|
|
87
|
+
--le-radius-md: 0.5rem;
|
|
88
|
+
--le-radius-lg: 1rem;
|
|
89
|
+
--le-radius-xl: 1.5rem;
|
|
90
|
+
--le-radius-2xl: 2rem;
|
|
91
|
+
--le-radius-full: 9999px;
|
|
92
|
+
|
|
93
|
+
/* Shadows - purple tinted */
|
|
94
|
+
--le-shadow-none: none;
|
|
95
|
+
--le-shadow-sm: 0 1px 2px rgba(139, 92, 246, 0.1);
|
|
96
|
+
--le-shadow-md: 0 4px 6px rgba(139, 92, 246, 0.15), 0 2px 4px rgba(139, 92, 246, 0.1);
|
|
97
|
+
--le-shadow-lg: 0 10px 20px rgba(139, 92, 246, 0.2), 0 4px 8px rgba(139, 92, 246, 0.1);
|
|
98
|
+
--le-shadow-xl: 0 20px 40px rgba(139, 92, 246, 0.25), 0 8px 16px rgba(139, 92, 246, 0.15);
|
|
99
|
+
--le-shadow-2xl: 0 30px 60px rgba(139, 92, 246, 0.3), 0 15px 30px rgba(139, 92, 246, 0.2);
|
|
100
|
+
}
|