@usecapsule/core-components 2.0.0 → 2.0.2
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/capsule/_commonjsHelpers-bc8ff177.js +36 -0
- package/dist/capsule/_commonjsHelpers-bc8ff177.js.map +1 -0
- package/dist/capsule/capsule.esm.js +52 -1
- package/dist/capsule/capsule.esm.js.map +1 -1
- package/dist/capsule/cpsl-alert.entry.js +31 -0
- package/dist/capsule/cpsl-alert.entry.js.map +1 -0
- package/dist/{esm → capsule}/cpsl-animation.entry.js +114 -20
- package/dist/capsule/cpsl-animation.entry.js.map +1 -0
- package/dist/capsule/cpsl-button.entry.js +24 -0
- package/dist/capsule/cpsl-button.entry.js.map +1 -0
- package/dist/capsule/cpsl-code-input.entry.js +106 -0
- package/dist/capsule/cpsl-code-input.entry.js.map +1 -0
- package/dist/{esm → capsule}/cpsl-col.entry.js +3 -4
- package/dist/capsule/cpsl-col.entry.js.map +1 -0
- package/dist/capsule/cpsl-divider.entry.js +17 -0
- package/dist/capsule/cpsl-divider.entry.js.map +1 -0
- package/dist/{esm → capsule}/cpsl-grid.entry.js +4 -5
- package/dist/capsule/cpsl-grid.entry.js.map +1 -0
- package/dist/capsule/cpsl-icon.entry.js +20 -0
- package/dist/capsule/cpsl-icon.entry.js.map +1 -0
- package/dist/{esm → capsule}/cpsl-info-box.entry.js +3 -4
- package/dist/capsule/cpsl-info-box.entry.js.map +1 -0
- package/dist/capsule/cpsl-input.entry.js +124 -0
- package/dist/capsule/cpsl-input.entry.js.map +1 -0
- package/dist/capsule/cpsl-modal.entry.js +3338 -0
- package/dist/capsule/cpsl-modal.entry.js.map +1 -0
- package/dist/capsule/cpsl-overlay.entry.js +44 -0
- package/dist/capsule/cpsl-overlay.entry.js.map +1 -0
- package/dist/capsule/cpsl-pill.entry.js +18 -0
- package/dist/capsule/cpsl-pill.entry.js.map +1 -0
- package/dist/capsule/cpsl-progress-indicator.entry.js +29 -0
- package/dist/capsule/cpsl-progress-indicator.entry.js.map +1 -0
- package/dist/capsule/cpsl-qr-code.entry.js +56 -0
- package/dist/capsule/cpsl-qr-code.entry.js.map +1 -0
- package/dist/capsule/cpsl-row.entry.js +17 -0
- package/dist/capsule/cpsl-row.entry.js.map +1 -0
- package/dist/capsule/cpsl-slide-button.entry.js +130 -0
- package/dist/capsule/cpsl-slide-button.entry.js.map +1 -0
- package/dist/capsule/cpsl-spinner.entry.js +25 -0
- package/dist/capsule/cpsl-spinner.entry.js.map +1 -0
- package/dist/capsule/cpsl-tab.entry.js +37 -0
- package/dist/capsule/cpsl-tab.entry.js.map +1 -0
- package/dist/capsule/cpsl-tabs.entry.js +71 -0
- package/dist/capsule/cpsl-tabs.entry.js.map +1 -0
- package/dist/capsule/cpsl-text.entry.js +66 -0
- package/dist/capsule/cpsl-text.entry.js.map +1 -0
- package/dist/capsule/cpsl-tile-button.entry.js +19 -0
- package/dist/capsule/cpsl-tile-button.entry.js.map +1 -0
- package/dist/capsule/index-3ac1b9e9.js +617 -0
- package/dist/capsule/index-3ac1b9e9.js.map +1 -0
- package/dist/capsule/index-3ad00c7e.js +6064 -0
- package/dist/capsule/index-3ad00c7e.js.map +1 -0
- package/dist/capsule/index-f19e63df.js +4148 -0
- package/dist/capsule/index-f19e63df.js.map +1 -0
- package/dist/capsule/index.esm.js +572 -1
- package/dist/capsule/index.esm.js.map +1 -1
- package/dist/capsule/shadow-css-bc9e2af8.js +478 -0
- package/dist/capsule/shadow-css-bc9e2af8.js.map +1 -0
- package/dist/types/components/cpsl-modal/cpsl-modal.d.ts +2 -0
- package/dist/types/components/cpsl-text/cpsl-text.d.ts +4 -0
- package/dist/types/index.d.ts +1 -1
- package/dist/types/interface.d.ts +15 -0
- package/dist/types/utils/theme/generateFont.d.ts +1 -1
- package/dist/types/utils/theme/generateTheme.d.ts +1 -2
- package/package.json +2 -2
- package/dist/capsule/p-0462f723.js +0 -2
- package/dist/capsule/p-0462f723.js.map +0 -1
- package/dist/capsule/p-202a85c9.entry.js +0 -29
- package/dist/capsule/p-202a85c9.entry.js.map +0 -1
- package/dist/capsule/p-68c73705.entry.js +0 -2
- package/dist/capsule/p-68c73705.entry.js.map +0 -1
- package/dist/capsule/p-6fb7c4d1.js +0 -3
- package/dist/capsule/p-6fb7c4d1.js.map +0 -1
- package/dist/capsule/p-91412151.entry.js +0 -2
- package/dist/capsule/p-91412151.entry.js.map +0 -1
- package/dist/capsule/p-a95ec4df.entry.js +0 -2
- package/dist/capsule/p-a95ec4df.entry.js.map +0 -1
- package/dist/capsule/p-c2bf050b.js +0 -2
- package/dist/capsule/p-c2bf050b.js.map +0 -1
- package/dist/capsule/p-d7be092d.entry.js +0 -10
- package/dist/capsule/p-d7be092d.entry.js.map +0 -1
- package/dist/capsule/p-e1255160.js +0 -2
- package/dist/capsule/p-e1255160.js.map +0 -1
- package/dist/capsule/p-f604b591.entry.js +0 -2
- package/dist/capsule/p-f604b591.entry.js.map +0 -1
- package/dist/cjs/_commonjsHelpers-b3309d7b.js +0 -12
- package/dist/cjs/_commonjsHelpers-b3309d7b.js.map +0 -1
- package/dist/cjs/app-globals-3a1e7e63.js +0 -7
- package/dist/cjs/app-globals-3a1e7e63.js.map +0 -1
- package/dist/cjs/capsule.cjs.js +0 -27
- package/dist/cjs/capsule.cjs.js.map +0 -1
- package/dist/cjs/constants-4bb85cc5.js +0 -12
- package/dist/cjs/constants-4bb85cc5.js.map +0 -1
- package/dist/cjs/cpsl-alert_17.cjs.entry.js +0 -10704
- package/dist/cjs/cpsl-alert_17.cjs.entry.js.map +0 -1
- package/dist/cjs/cpsl-animation.cjs.entry.js +0 -20129
- package/dist/cjs/cpsl-animation.cjs.entry.js.map +0 -1
- package/dist/cjs/cpsl-col.cjs.entry.js +0 -125
- package/dist/cjs/cpsl-col.cjs.entry.js.map +0 -1
- package/dist/cjs/cpsl-grid.cjs.entry.js +0 -25
- package/dist/cjs/cpsl-grid.cjs.entry.js.map +0 -1
- package/dist/cjs/cpsl-info-box.cjs.entry.js +0 -22
- package/dist/cjs/cpsl-info-box.cjs.entry.js.map +0 -1
- package/dist/cjs/cpsl-row.cjs.entry.js +0 -22
- package/dist/cjs/cpsl-row.cjs.entry.js.map +0 -1
- package/dist/cjs/index-3fccb5b4.js +0 -2012
- package/dist/cjs/index-3fccb5b4.js.map +0 -1
- package/dist/cjs/index.cjs.js +0 -342
- package/dist/cjs/index.cjs.js.map +0 -1
- package/dist/cjs/loader.cjs.js +0 -17
- package/dist/cjs/loader.cjs.js.map +0 -1
- package/dist/collection/assets/icons/alert-circle.svg +0 -3
- package/dist/collection/assets/icons/angel-list-brand.svg +0 -3
- package/dist/collection/assets/icons/angel-list.svg +0 -3
- package/dist/collection/assets/icons/apple-brand.svg +0 -3
- package/dist/collection/assets/icons/apple.svg +0 -3
- package/dist/collection/assets/icons/arrow-narrow.svg +0 -3
- package/dist/collection/assets/icons/arrow.svg +0 -3
- package/dist/collection/assets/icons/backup-kit.svg +0 -4
- package/dist/collection/assets/icons/capsule-logo.svg +0 -18
- package/dist/collection/assets/icons/capsule-rings-dark.svg +0 -34
- package/dist/collection/assets/icons/capsule-rings.svg +0 -34
- package/dist/collection/assets/icons/capsule.svg +0 -4
- package/dist/collection/assets/icons/check.svg +0 -3
- package/dist/collection/assets/icons/clock.svg +0 -3
- package/dist/collection/assets/icons/close.svg +0 -4
- package/dist/collection/assets/icons/clubhouse-brand.svg +0 -4
- package/dist/collection/assets/icons/clubhouse.svg +0 -4
- package/dist/collection/assets/icons/copy.svg +0 -3
- package/dist/collection/assets/icons/discord-brand.svg +0 -4
- package/dist/collection/assets/icons/discord.svg +0 -4
- package/dist/collection/assets/icons/download-cloud.svg +0 -3
- package/dist/collection/assets/icons/dribbble-brand.svg +0 -4
- package/dist/collection/assets/icons/dribbble.svg +0 -3
- package/dist/collection/assets/icons/eye-off.svg +0 -3
- package/dist/collection/assets/icons/eye.svg +0 -4
- package/dist/collection/assets/icons/facebook-brand.svg +0 -11
- package/dist/collection/assets/icons/facebook.svg +0 -10
- package/dist/collection/assets/icons/figma-brand.svg +0 -14
- package/dist/collection/assets/icons/figma.svg +0 -3
- package/dist/collection/assets/icons/github-brand.svg +0 -10
- package/dist/collection/assets/icons/github.svg +0 -10
- package/dist/collection/assets/icons/google-brand.svg +0 -13
- package/dist/collection/assets/icons/google.svg +0 -10
- package/dist/collection/assets/icons/help-circle.svg +0 -3
- package/dist/collection/assets/icons/hero-email.svg +0 -12
- package/dist/collection/assets/icons/hero-lock.svg +0 -4
- package/dist/collection/assets/icons/hero-passkey.svg +0 -12
- package/dist/collection/assets/icons/hero-phone.svg +0 -4
- package/dist/collection/assets/icons/hero-wallet.svg +0 -5
- package/dist/collection/assets/icons/index.js +0 -70
- package/dist/collection/assets/icons/index.js.map +0 -1
- package/dist/collection/assets/icons/info-circle.svg +0 -3
- package/dist/collection/assets/icons/instagram-brand.svg +0 -12
- package/dist/collection/assets/icons/instagram.svg +0 -12
- package/dist/collection/assets/icons/key.svg +0 -3
- package/dist/collection/assets/icons/linkedin-brand.svg +0 -10
- package/dist/collection/assets/icons/linkedin.svg +0 -10
- package/dist/collection/assets/icons/mail.svg +0 -3
- package/dist/collection/assets/icons/more-login-options.svg +0 -13
- package/dist/collection/assets/icons/phone.svg +0 -3
- package/dist/collection/assets/icons/pintrest-brand.svg +0 -11
- package/dist/collection/assets/icons/pintrest.svg +0 -10
- package/dist/collection/assets/icons/plus-circle.svg +0 -5
- package/dist/collection/assets/icons/reddit-brand.svg +0 -11
- package/dist/collection/assets/icons/reddit.svg +0 -3
- package/dist/collection/assets/icons/signal-brand.svg +0 -3
- package/dist/collection/assets/icons/signal.svg +0 -3
- package/dist/collection/assets/icons/snapchat-brand.svg +0 -4
- package/dist/collection/assets/icons/snapchat.svg +0 -3
- package/dist/collection/assets/icons/telegram-brand.svg +0 -15
- package/dist/collection/assets/icons/telegram.svg +0 -10
- package/dist/collection/assets/icons/tik-tok-brand.svg +0 -5
- package/dist/collection/assets/icons/tik-tok.svg +0 -3
- package/dist/collection/assets/icons/tumblr-brand.svg +0 -10
- package/dist/collection/assets/icons/tumblr.svg +0 -10
- package/dist/collection/assets/icons/twitter-brand.svg +0 -3
- package/dist/collection/assets/icons/twitter.svg +0 -3
- package/dist/collection/assets/icons/wallet.svg +0 -5
- package/dist/collection/assets/icons/youtube-brand.svg +0 -11
- package/dist/collection/assets/icons/youtube.svg +0 -3
- package/dist/collection/collection-manifest.json +0 -33
- package/dist/collection/components/cpsl-alert/cpsl-alert.css +0 -98
- package/dist/collection/components/cpsl-alert/cpsl-alert.js +0 -80
- package/dist/collection/components/cpsl-alert/cpsl-alert.js.map +0 -1
- package/dist/collection/components/cpsl-alert/test/cpsl-alert.e2e.js +0 -29
- package/dist/collection/components/cpsl-alert/test/cpsl-alert.e2e.js.map +0 -1
- package/dist/collection/components/cpsl-alert/test/cpsl-alert.spec.js +0 -37
- package/dist/collection/components/cpsl-alert/test/cpsl-alert.spec.js.map +0 -1
- package/dist/collection/components/cpsl-animation/cpsl-animation.css +0 -17
- package/dist/collection/components/cpsl-animation/cpsl-animation.js +0 -102
- package/dist/collection/components/cpsl-animation/cpsl-animation.js.map +0 -1
- package/dist/collection/components/cpsl-animation/test/cpsl-animation.e2e.js +0 -29
- package/dist/collection/components/cpsl-animation/test/cpsl-animation.e2e.js.map +0 -1
- package/dist/collection/components/cpsl-animation/test/cpsl-animation.spec.js +0 -37
- package/dist/collection/components/cpsl-animation/test/cpsl-animation.spec.js.map +0 -1
- package/dist/collection/components/cpsl-button/cpsl-button.css +0 -162
- package/dist/collection/components/cpsl-button/cpsl-button.js +0 -68
- package/dist/collection/components/cpsl-button/cpsl-button.js.map +0 -1
- package/dist/collection/components/cpsl-button/test/cpsl-button.e2e.js +0 -29
- package/dist/collection/components/cpsl-button/test/cpsl-button.e2e.js.map +0 -1
- package/dist/collection/components/cpsl-button/test/cpsl-button.spec.js +0 -37
- package/dist/collection/components/cpsl-button/test/cpsl-button.spec.js.map +0 -1
- package/dist/collection/components/cpsl-code-input/code-change-interface.js +0 -2
- package/dist/collection/components/cpsl-code-input/code-change-interface.js.map +0 -1
- package/dist/collection/components/cpsl-code-input/cpsl-code-input.css +0 -134
- package/dist/collection/components/cpsl-code-input/cpsl-code-input.js +0 -223
- package/dist/collection/components/cpsl-code-input/cpsl-code-input.js.map +0 -1
- package/dist/collection/components/cpsl-code-input/test/cpsl-code-input.e2e.js +0 -29
- package/dist/collection/components/cpsl-code-input/test/cpsl-code-input.e2e.js.map +0 -1
- package/dist/collection/components/cpsl-code-input/test/cpsl-code-input.spec.js +0 -37
- package/dist/collection/components/cpsl-code-input/test/cpsl-code-input.spec.js.map +0 -1
- package/dist/collection/components/cpsl-col/cpsl-col.css +0 -200
- package/dist/collection/components/cpsl-col/cpsl-col.js +0 -528
- package/dist/collection/components/cpsl-col/cpsl-col.js.map +0 -1
- package/dist/collection/components/cpsl-col/test/cpsl-col.e2e.js +0 -29
- package/dist/collection/components/cpsl-col/test/cpsl-col.e2e.js.map +0 -1
- package/dist/collection/components/cpsl-col/test/cpsl-col.spec.js +0 -37
- package/dist/collection/components/cpsl-col/test/cpsl-col.spec.js.map +0 -1
- package/dist/collection/components/cpsl-divider/cpsl-divider.css +0 -73
- package/dist/collection/components/cpsl-divider/cpsl-divider.js +0 -19
- package/dist/collection/components/cpsl-divider/cpsl-divider.js.map +0 -1
- package/dist/collection/components/cpsl-divider/test/cpsl-divider.e2e.js +0 -29
- package/dist/collection/components/cpsl-divider/test/cpsl-divider.e2e.js.map +0 -1
- package/dist/collection/components/cpsl-divider/test/cpsl-divider.spec.js +0 -37
- package/dist/collection/components/cpsl-divider/test/cpsl-divider.spec.js.map +0 -1
- package/dist/collection/components/cpsl-grid/cpsl-grid.css +0 -235
- package/dist/collection/components/cpsl-grid/cpsl-grid.js +0 -46
- package/dist/collection/components/cpsl-grid/cpsl-grid.js.map +0 -1
- package/dist/collection/components/cpsl-grid/test/cpsl-grid.e2e.js +0 -29
- package/dist/collection/components/cpsl-grid/test/cpsl-grid.e2e.js.map +0 -1
- package/dist/collection/components/cpsl-grid/test/cpsl-grid.spec.js +0 -37
- package/dist/collection/components/cpsl-grid/test/cpsl-grid.spec.js.map +0 -1
- package/dist/collection/components/cpsl-icon/cpsl-icon.css +0 -95
- package/dist/collection/components/cpsl-icon/cpsl-icon.js +0 -68
- package/dist/collection/components/cpsl-icon/cpsl-icon.js.map +0 -1
- package/dist/collection/components/cpsl-icon/test/cpsl-icon.e2e.js +0 -29
- package/dist/collection/components/cpsl-icon/test/cpsl-icon.e2e.js.map +0 -1
- package/dist/collection/components/cpsl-icon/test/cpsl-icon.spec.js +0 -37
- package/dist/collection/components/cpsl-icon/test/cpsl-icon.spec.js.map +0 -1
- package/dist/collection/components/cpsl-info-box/cpsl-info-box.css +0 -77
- package/dist/collection/components/cpsl-info-box/cpsl-info-box.js +0 -19
- package/dist/collection/components/cpsl-info-box/cpsl-info-box.js.map +0 -1
- package/dist/collection/components/cpsl-info-box/test/cpsl-info-box.e2e.js +0 -29
- package/dist/collection/components/cpsl-info-box/test/cpsl-info-box.e2e.js.map +0 -1
- package/dist/collection/components/cpsl-info-box/test/cpsl-info-box.spec.js +0 -37
- package/dist/collection/components/cpsl-info-box/test/cpsl-info-box.spec.js.map +0 -1
- package/dist/collection/components/cpsl-input/cpsl-input.css +0 -194
- package/dist/collection/components/cpsl-input/cpsl-input.js +0 -708
- package/dist/collection/components/cpsl-input/cpsl-input.js.map +0 -1
- package/dist/collection/components/cpsl-input/input-interface.js +0 -2
- package/dist/collection/components/cpsl-input/input-interface.js.map +0 -1
- package/dist/collection/components/cpsl-input/test/cpsl-input.e2e.js +0 -29
- package/dist/collection/components/cpsl-input/test/cpsl-input.e2e.js.map +0 -1
- package/dist/collection/components/cpsl-input/test/cpsl-input.spec.js +0 -37
- package/dist/collection/components/cpsl-input/test/cpsl-input.spec.js.map +0 -1
- package/dist/collection/components/cpsl-modal/cpsl-modal.css +0 -172
- package/dist/collection/components/cpsl-modal/cpsl-modal.js +0 -423
- package/dist/collection/components/cpsl-modal/cpsl-modal.js.map +0 -1
- package/dist/collection/components/cpsl-modal/test/cpsl-modal.e2e.js +0 -29
- package/dist/collection/components/cpsl-modal/test/cpsl-modal.e2e.js.map +0 -1
- package/dist/collection/components/cpsl-modal/test/cpsl-modal.spec.js +0 -37
- package/dist/collection/components/cpsl-modal/test/cpsl-modal.spec.js.map +0 -1
- package/dist/collection/components/cpsl-overlay/cpsl-overlay.css +0 -11
- package/dist/collection/components/cpsl-overlay/cpsl-overlay.js +0 -108
- package/dist/collection/components/cpsl-overlay/cpsl-overlay.js.map +0 -1
- package/dist/collection/components/cpsl-overlay/test/cpsl-overlay.e2e.js +0 -29
- package/dist/collection/components/cpsl-overlay/test/cpsl-overlay.e2e.js.map +0 -1
- package/dist/collection/components/cpsl-overlay/test/cpsl-overlay.spec.js +0 -37
- package/dist/collection/components/cpsl-overlay/test/cpsl-overlay.spec.js.map +0 -1
- package/dist/collection/components/cpsl-pill/cpsl-pill.css +0 -92
- package/dist/collection/components/cpsl-pill/cpsl-pill.js +0 -43
- package/dist/collection/components/cpsl-pill/cpsl-pill.js.map +0 -1
- package/dist/collection/components/cpsl-pill/test/cpsl-pill.e2e.js +0 -29
- package/dist/collection/components/cpsl-pill/test/cpsl-pill.e2e.js.map +0 -1
- package/dist/collection/components/cpsl-pill/test/cpsl-pill.spec.js +0 -37
- package/dist/collection/components/cpsl-pill/test/cpsl-pill.spec.js.map +0 -1
- package/dist/collection/components/cpsl-progress-indicator/cpsl-progress-indicator.css +0 -82
- package/dist/collection/components/cpsl-progress-indicator/cpsl-progress-indicator.js +0 -71
- package/dist/collection/components/cpsl-progress-indicator/cpsl-progress-indicator.js.map +0 -1
- package/dist/collection/components/cpsl-progress-indicator/progress-indicator-interface.js +0 -2
- package/dist/collection/components/cpsl-progress-indicator/progress-indicator-interface.js.map +0 -1
- package/dist/collection/components/cpsl-progress-indicator/test/cpsl-progress-indicator.e2e.js +0 -29
- package/dist/collection/components/cpsl-progress-indicator/test/cpsl-progress-indicator.e2e.js.map +0 -1
- package/dist/collection/components/cpsl-progress-indicator/test/cpsl-progress-indicator.spec.js +0 -37
- package/dist/collection/components/cpsl-progress-indicator/test/cpsl-progress-indicator.spec.js.map +0 -1
- package/dist/collection/components/cpsl-qr-code/cpsl-qr-code.css +0 -81
- package/dist/collection/components/cpsl-qr-code/cpsl-qr-code.js +0 -107
- package/dist/collection/components/cpsl-qr-code/cpsl-qr-code.js.map +0 -1
- package/dist/collection/components/cpsl-qr-code/test/cpsl-qr-code.e2e.js +0 -29
- package/dist/collection/components/cpsl-qr-code/test/cpsl-qr-code.e2e.js.map +0 -1
- package/dist/collection/components/cpsl-qr-code/test/cpsl-qr-code.spec.js +0 -37
- package/dist/collection/components/cpsl-qr-code/test/cpsl-qr-code.spec.js.map +0 -1
- package/dist/collection/components/cpsl-row/cpsl-row.css +0 -136
- package/dist/collection/components/cpsl-row/cpsl-row.js +0 -19
- package/dist/collection/components/cpsl-row/cpsl-row.js.map +0 -1
- package/dist/collection/components/cpsl-row/test/cpsl-row.e2e.js +0 -29
- package/dist/collection/components/cpsl-row/test/cpsl-row.e2e.js.map +0 -1
- package/dist/collection/components/cpsl-row/test/cpsl-row.spec.js +0 -37
- package/dist/collection/components/cpsl-row/test/cpsl-row.spec.js.map +0 -1
- package/dist/collection/components/cpsl-slide-button/cpsl-slide-button.css +0 -175
- package/dist/collection/components/cpsl-slide-button/cpsl-slide-button.js +0 -252
- package/dist/collection/components/cpsl-slide-button/cpsl-slide-button.js.map +0 -1
- package/dist/collection/components/cpsl-slide-button/test/cpsl-slide-button.e2e.js +0 -29
- package/dist/collection/components/cpsl-slide-button/test/cpsl-slide-button.e2e.js.map +0 -1
- package/dist/collection/components/cpsl-slide-button/test/cpsl-slide-button.spec.js +0 -37
- package/dist/collection/components/cpsl-slide-button/test/cpsl-slide-button.spec.js.map +0 -1
- package/dist/collection/components/cpsl-spinner/cpsl-spinner.css +0 -68
- package/dist/collection/components/cpsl-spinner/cpsl-spinner.js +0 -69
- package/dist/collection/components/cpsl-spinner/cpsl-spinner.js.map +0 -1
- package/dist/collection/components/cpsl-spinner/test/cpsl-spinner.e2e.js +0 -29
- package/dist/collection/components/cpsl-spinner/test/cpsl-spinner.e2e.js.map +0 -1
- package/dist/collection/components/cpsl-spinner/test/cpsl-spinner.spec.js +0 -37
- package/dist/collection/components/cpsl-spinner/test/cpsl-spinner.spec.js.map +0 -1
- package/dist/collection/components/cpsl-tab/cpsl-tab.css +0 -23
- package/dist/collection/components/cpsl-tab/cpsl-tab.js +0 -121
- package/dist/collection/components/cpsl-tab/cpsl-tab.js.map +0 -1
- package/dist/collection/components/cpsl-tab/tab-interface.js +0 -2
- package/dist/collection/components/cpsl-tab/tab-interface.js.map +0 -1
- package/dist/collection/components/cpsl-tab/test/cpsl-tab.e2e.js +0 -29
- package/dist/collection/components/cpsl-tab/test/cpsl-tab.e2e.js.map +0 -1
- package/dist/collection/components/cpsl-tab/test/cpsl-tab.spec.js +0 -37
- package/dist/collection/components/cpsl-tab/test/cpsl-tab.spec.js.map +0 -1
- package/dist/collection/components/cpsl-tabs/cpsl-tabs.css +0 -111
- package/dist/collection/components/cpsl-tabs/cpsl-tabs.js +0 -170
- package/dist/collection/components/cpsl-tabs/cpsl-tabs.js.map +0 -1
- package/dist/collection/components/cpsl-tabs/tabs-interface.js +0 -2
- package/dist/collection/components/cpsl-tabs/tabs-interface.js.map +0 -1
- package/dist/collection/components/cpsl-tabs/test/cpsl-tabs.e2e.js +0 -29
- package/dist/collection/components/cpsl-tabs/test/cpsl-tabs.e2e.js.map +0 -1
- package/dist/collection/components/cpsl-tabs/test/cpsl-tabs.spec.js +0 -37
- package/dist/collection/components/cpsl-tabs/test/cpsl-tabs.spec.js.map +0 -1
- package/dist/collection/components/cpsl-text/cpsl-text.css +0 -59
- package/dist/collection/components/cpsl-text/cpsl-text.js +0 -19
- package/dist/collection/components/cpsl-text/cpsl-text.js.map +0 -1
- package/dist/collection/components/cpsl-text/test/cpsl-text.e2e.js +0 -29
- package/dist/collection/components/cpsl-text/test/cpsl-text.e2e.js.map +0 -1
- package/dist/collection/components/cpsl-text/test/cpsl-text.spec.js +0 -37
- package/dist/collection/components/cpsl-text/test/cpsl-text.spec.js.map +0 -1
- package/dist/collection/components/cpsl-tile-button/cpsl-tile-button.css +0 -97
- package/dist/collection/components/cpsl-tile-button/cpsl-tile-button.js +0 -67
- package/dist/collection/components/cpsl-tile-button/cpsl-tile-button.js.map +0 -1
- package/dist/collection/components/cpsl-tile-button/test/cpsl-tile-button.e2e.js +0 -29
- package/dist/collection/components/cpsl-tile-button/test/cpsl-tile-button.e2e.js.map +0 -1
- package/dist/collection/components/cpsl-tile-button/test/cpsl-tile-button.spec.js +0 -37
- package/dist/collection/components/cpsl-tile-button/test/cpsl-tile-button.spec.js.map +0 -1
- package/dist/collection/constants.js +0 -6
- package/dist/collection/constants.js.map +0 -1
- package/dist/collection/index.js +0 -3
- package/dist/collection/index.js.map +0 -1
- package/dist/collection/interface.js +0 -2
- package/dist/collection/interface.js.map +0 -1
- package/dist/collection/utils/media.js +0 -18
- package/dist/collection/utils/media.js.map +0 -1
- package/dist/collection/utils/theme/generateBorderRadii.js +0 -56
- package/dist/collection/utils/theme/generateBorderRadii.js.map +0 -1
- package/dist/collection/utils/theme/generateFont.js +0 -7
- package/dist/collection/utils/theme/generateFont.js.map +0 -1
- package/dist/collection/utils/theme/generatePalette.js +0 -46
- package/dist/collection/utils/theme/generatePalette.js.map +0 -1
- package/dist/collection/utils/theme/generateTheme.js +0 -12
- package/dist/collection/utils/theme/generateTheme.js.map +0 -1
- package/dist/collection/utils/theme/utils.js +0 -21
- package/dist/collection/utils/theme/utils.js.map +0 -1
- package/dist/esm/_commonjsHelpers-1789f0cf.js +0 -9
- package/dist/esm/_commonjsHelpers-1789f0cf.js.map +0 -1
- package/dist/esm/capsule.js +0 -22
- package/dist/esm/capsule.js.map +0 -1
- package/dist/esm/cpsl-alert_17.entry.js +0 -10684
- package/dist/esm/cpsl-alert_17.entry.js.map +0 -1
- package/dist/esm/cpsl-animation.entry.js.map +0 -1
- package/dist/esm/cpsl-col.entry.js.map +0 -1
- package/dist/esm/cpsl-grid.entry.js.map +0 -1
- package/dist/esm/cpsl-info-box.entry.js.map +0 -1
- package/dist/esm/cpsl-row.entry.js +0 -18
- package/dist/esm/cpsl-row.entry.js.map +0 -1
- package/dist/esm/index-f00e090c.js +0 -1982
- package/dist/esm/index-f00e090c.js.map +0 -1
- package/dist/esm/index.js +0 -338
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/loader.js +0 -13
- package/dist/esm/loader.js.map +0 -1
- package/dist/esm/polyfills/core-js.js +0 -11
- package/dist/esm/polyfills/dom.js +0 -79
- package/dist/esm/polyfills/es5-html-element.js +0 -1
- package/dist/esm/polyfills/index.js +0 -34
- package/dist/esm/polyfills/system.js +0 -6
- package/dist/index.cjs.js +0 -1
- package/dist/index.js +0 -1
- package/dist/loader/cdn.js +0 -3
- package/dist/loader/index.cjs.js +0 -3
- package/dist/loader/index.d.ts +0 -21
- package/dist/loader/index.es2017.js +0 -3
- package/dist/loader/index.js +0 -4
- package/dist/loader/package.json +0 -11
- package/dist/scripts/buildIconLibrary.js +0 -33
- package/dist/scripts/buildIconLibrary.js.map +0 -1
- /package/dist/{esm → capsule}/app-globals-0f993ce5.js +0 -0
- /package/dist/{esm → capsule}/app-globals-0f993ce5.js.map +0 -0
- /package/dist/{esm → capsule}/constants-7b49abd5.js +0 -0
- /package/dist/{esm → capsule}/constants-7b49abd5.js.map +0 -0
@@ -1,29 +0,0 @@
|
|
1
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
2
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
3
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
4
|
-
function fulfilled(value) { try {
|
5
|
-
step(generator.next(value));
|
6
|
-
}
|
7
|
-
catch (e) {
|
8
|
-
reject(e);
|
9
|
-
} }
|
10
|
-
function rejected(value) { try {
|
11
|
-
step(generator["throw"](value));
|
12
|
-
}
|
13
|
-
catch (e) {
|
14
|
-
reject(e);
|
15
|
-
} }
|
16
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
17
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
18
|
-
});
|
19
|
-
};
|
20
|
-
import { newE2EPage } from "@stencil/core/testing";
|
21
|
-
describe('cpsl-overlay', () => {
|
22
|
-
it('renders', () => __awaiter(void 0, void 0, void 0, function* () {
|
23
|
-
const page = yield newE2EPage();
|
24
|
-
yield page.setContent('<cpsl-overlay></cpsl-overlay>');
|
25
|
-
const element = yield page.find('cpsl-overlay');
|
26
|
-
expect(element).toHaveClass('hydrated');
|
27
|
-
}));
|
28
|
-
});
|
29
|
-
//# sourceMappingURL=cpsl-overlay.e2e.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"cpsl-overlay.e2e.js","sourceRoot":"","sources":["../../../../../src/components/cpsl-overlay/test/cpsl-overlay.e2e.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,SAAS,EAAE,GAAS,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC;QAEvD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAChD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('cpsl-overlay', () => {\n it('renders', async () => {\n const page = await newE2EPage();\n await page.setContent('<cpsl-overlay></cpsl-overlay>');\n\n const element = await page.find('cpsl-overlay');\n expect(element).toHaveClass('hydrated');\n });\n});\n"]}
|
@@ -1,37 +0,0 @@
|
|
1
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
2
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
3
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
4
|
-
function fulfilled(value) { try {
|
5
|
-
step(generator.next(value));
|
6
|
-
}
|
7
|
-
catch (e) {
|
8
|
-
reject(e);
|
9
|
-
} }
|
10
|
-
function rejected(value) { try {
|
11
|
-
step(generator["throw"](value));
|
12
|
-
}
|
13
|
-
catch (e) {
|
14
|
-
reject(e);
|
15
|
-
} }
|
16
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
17
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
18
|
-
});
|
19
|
-
};
|
20
|
-
import { newSpecPage } from "@stencil/core/testing";
|
21
|
-
import { CpslOverlay } from "../cpsl-overlay";
|
22
|
-
describe('cpsl-overlay', () => {
|
23
|
-
it('renders', () => __awaiter(void 0, void 0, void 0, function* () {
|
24
|
-
const page = yield newSpecPage({
|
25
|
-
components: [CpslOverlay],
|
26
|
-
html: `<cpsl-overlay></cpsl-overlay>`,
|
27
|
-
});
|
28
|
-
expect(page.root).toEqualHtml(`
|
29
|
-
<cpsl-overlay>
|
30
|
-
<mock:shadow-root>
|
31
|
-
<slot></slot>
|
32
|
-
</mock:shadow-root>
|
33
|
-
</cpsl-overlay>
|
34
|
-
`);
|
35
|
-
}));
|
36
|
-
});
|
37
|
-
//# sourceMappingURL=cpsl-overlay.spec.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"cpsl-overlay.spec.js","sourceRoot":"","sources":["../../../../../src/components/cpsl-overlay/test/cpsl-overlay.spec.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,SAAS,EAAE,GAAS,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE,+BAA+B;SACtC,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { CpslOverlay } from '../cpsl-overlay';\n\ndescribe('cpsl-overlay', () => {\n it('renders', async () => {\n const page = await newSpecPage({\n components: [CpslOverlay],\n html: `<cpsl-overlay></cpsl-overlay>`,\n });\n expect(page.root).toEqualHtml(`\n <cpsl-overlay>\n <mock:shadow-root>\n <slot></slot>\n </mock:shadow-root>\n </cpsl-overlay>\n `);\n });\n});\n"]}
|
@@ -1,92 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Convert a font size to a dynamic font size.
|
3
|
-
* Fonts that participate in Dynamic Type should use
|
4
|
-
* dynamic font sizes.
|
5
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
6
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
7
|
-
* convert to a unit other than $baselineUnit.
|
8
|
-
*/
|
9
|
-
/**
|
10
|
-
* Convert a font size to a dynamic font size but impose
|
11
|
-
* a maximum font size.
|
12
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
13
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
14
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
15
|
-
* convert to a unit other than $baselineUnit.
|
16
|
-
*/
|
17
|
-
/**
|
18
|
-
* Convert a font size to a dynamic font size but impose
|
19
|
-
* a minimum font size.
|
20
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
21
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
22
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
23
|
-
* convert to a unit other than $baselineUnit.
|
24
|
-
*/
|
25
|
-
/**
|
26
|
-
* Convert a font size to a dynamic font size but impose
|
27
|
-
* maximum and minimum font sizes.
|
28
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
29
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
30
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
31
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
32
|
-
* convert to a unit other than $baselineUnit.
|
33
|
-
*/
|
34
|
-
/**
|
35
|
-
* A heuristic that applies CSS to tablet
|
36
|
-
* viewports.
|
37
|
-
*
|
38
|
-
* Usage:
|
39
|
-
* @include tablet-viewport() {
|
40
|
-
* :host {
|
41
|
-
* background-color: green;
|
42
|
-
* }
|
43
|
-
* }
|
44
|
-
*/
|
45
|
-
/**
|
46
|
-
* A heuristic that applies CSS to mobile
|
47
|
-
* viewports (i.e. phones, not tablets).
|
48
|
-
*
|
49
|
-
* Usage:
|
50
|
-
* @include mobile-viewport() {
|
51
|
-
* :host {
|
52
|
-
* background-color: blue;
|
53
|
-
* }
|
54
|
-
* }
|
55
|
-
*/
|
56
|
-
:host {
|
57
|
-
--pill-text-color: var(--cpsl-pill-text);
|
58
|
-
--pill-text-size: clamp(10px, 0.625rem, 15px);
|
59
|
-
--pill-text-line-height: 100%;
|
60
|
-
--pill-container-height: 18px;
|
61
|
-
--pill-container-background-color: var(--cpsl-color-pill-container-background);
|
62
|
-
--pill-container-border-color: var(--cpsl-color-pill-container-border);
|
63
|
-
--pill-container-padding-start: 8px;
|
64
|
-
--pill-container-padding-end: 8px;
|
65
|
-
--pill-container-border-radius: var(--cpsl-border-radius-pill);
|
66
|
-
font-family: var(--cpsl-font-family, inherit);
|
67
|
-
display: inline-block;
|
68
|
-
}
|
69
|
-
|
70
|
-
.pill-container {
|
71
|
-
-webkit-padding-start: var(--pill-container-padding-start);
|
72
|
-
padding-inline-start: var(--pill-container-padding-start);
|
73
|
-
-webkit-padding-end: var(--pill-container-padding-end);
|
74
|
-
padding-inline-end: var(--pill-container-padding-end);
|
75
|
-
padding-top: var(--pill-container-padding-top);
|
76
|
-
padding-bottom: var(--pill-container-padding-bottom);
|
77
|
-
display: flex;
|
78
|
-
justify-content: center;
|
79
|
-
align-items: center;
|
80
|
-
box-sizing: border-box;
|
81
|
-
height: var(--pill-container-height);
|
82
|
-
background-color: var(--pill-container-background-color);
|
83
|
-
border: 1px solid;
|
84
|
-
border-color: var(--pill-container-border-color);
|
85
|
-
border-radius: var(--pill-container-border-radius);
|
86
|
-
color: var(--pill-text-color);
|
87
|
-
font-size: var(--pill-text-size);
|
88
|
-
line-height: var(--pill-text-line-height);
|
89
|
-
}
|
90
|
-
.pill-container span {
|
91
|
-
display: inline-block;
|
92
|
-
}
|
@@ -1,43 +0,0 @@
|
|
1
|
-
import { Host, h } from "@stencil/core";
|
2
|
-
export class CpslPill {
|
3
|
-
constructor() {
|
4
|
-
this.text = undefined;
|
5
|
-
}
|
6
|
-
render() {
|
7
|
-
return (h(Host, { key: 'c0d7930033e08ea264480fd457b176755eac7662' }, h("div", { key: 'b0f6d184dcfe34559b62a9c9da4354f5bfb59797', class: "pill-container" }, h("span", { key: '88634c4cd20dba3d850c51bb4089649364112566' }, this.text))));
|
8
|
-
}
|
9
|
-
static get is() { return "cpsl-pill"; }
|
10
|
-
static get encapsulation() { return "shadow"; }
|
11
|
-
static get originalStyleUrls() {
|
12
|
-
return {
|
13
|
-
"$": ["cpsl-pill.scss"]
|
14
|
-
};
|
15
|
-
}
|
16
|
-
static get styleUrls() {
|
17
|
-
return {
|
18
|
-
"$": ["cpsl-pill.css"]
|
19
|
-
};
|
20
|
-
}
|
21
|
-
static get properties() {
|
22
|
-
return {
|
23
|
-
"text": {
|
24
|
-
"type": "string",
|
25
|
-
"mutable": false,
|
26
|
-
"complexType": {
|
27
|
-
"original": "string",
|
28
|
-
"resolved": "string",
|
29
|
-
"references": {}
|
30
|
-
},
|
31
|
-
"required": false,
|
32
|
-
"optional": false,
|
33
|
-
"docs": {
|
34
|
-
"tags": [],
|
35
|
-
"text": "Text of the pill."
|
36
|
-
},
|
37
|
-
"attribute": "text",
|
38
|
-
"reflect": false
|
39
|
-
}
|
40
|
-
};
|
41
|
-
}
|
42
|
-
}
|
43
|
-
//# sourceMappingURL=cpsl-pill.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"cpsl-pill.js","sourceRoot":"","sources":["../../../../src/components/cpsl-pill/cpsl-pill.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,QAAQ;;;;IAMnB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,gBAAgB;gBACzB,+DAAO,IAAI,CAAC,IAAI,CAAQ,CACpB,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'cpsl-pill',\n styleUrl: 'cpsl-pill.scss',\n shadow: true,\n})\nexport class CpslPill {\n /**\n * Text of the pill.\n */\n @Prop() text: string;\n\n render() {\n return (\n <Host>\n <div class=\"pill-container\">\n <span>{this.text}</span>\n </div>\n </Host>\n );\n }\n}\n"]}
|
@@ -1,29 +0,0 @@
|
|
1
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
2
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
3
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
4
|
-
function fulfilled(value) { try {
|
5
|
-
step(generator.next(value));
|
6
|
-
}
|
7
|
-
catch (e) {
|
8
|
-
reject(e);
|
9
|
-
} }
|
10
|
-
function rejected(value) { try {
|
11
|
-
step(generator["throw"](value));
|
12
|
-
}
|
13
|
-
catch (e) {
|
14
|
-
reject(e);
|
15
|
-
} }
|
16
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
17
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
18
|
-
});
|
19
|
-
};
|
20
|
-
import { newE2EPage } from "@stencil/core/testing";
|
21
|
-
describe('cpsl-pill', () => {
|
22
|
-
it('renders', () => __awaiter(void 0, void 0, void 0, function* () {
|
23
|
-
const page = yield newE2EPage();
|
24
|
-
yield page.setContent('<cpsl-pill></cpsl-pill>');
|
25
|
-
const element = yield page.find('cpsl-pill');
|
26
|
-
expect(element).toHaveClass('hydrated');
|
27
|
-
}));
|
28
|
-
});
|
29
|
-
//# sourceMappingURL=cpsl-pill.e2e.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"cpsl-pill.e2e.js","sourceRoot":"","sources":["../../../../../src/components/cpsl-pill/test/cpsl-pill.e2e.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,SAAS,EAAE,GAAS,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAC;QAEjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC7C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('cpsl-pill', () => {\n it('renders', async () => {\n const page = await newE2EPage();\n await page.setContent('<cpsl-pill></cpsl-pill>');\n\n const element = await page.find('cpsl-pill');\n expect(element).toHaveClass('hydrated');\n });\n});\n"]}
|
@@ -1,37 +0,0 @@
|
|
1
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
2
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
3
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
4
|
-
function fulfilled(value) { try {
|
5
|
-
step(generator.next(value));
|
6
|
-
}
|
7
|
-
catch (e) {
|
8
|
-
reject(e);
|
9
|
-
} }
|
10
|
-
function rejected(value) { try {
|
11
|
-
step(generator["throw"](value));
|
12
|
-
}
|
13
|
-
catch (e) {
|
14
|
-
reject(e);
|
15
|
-
} }
|
16
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
17
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
18
|
-
});
|
19
|
-
};
|
20
|
-
import { newSpecPage } from "@stencil/core/testing";
|
21
|
-
import { CpslPill } from "../cpsl-pill";
|
22
|
-
describe('cpsl-pill', () => {
|
23
|
-
it('renders', () => __awaiter(void 0, void 0, void 0, function* () {
|
24
|
-
const page = yield newSpecPage({
|
25
|
-
components: [CpslPill],
|
26
|
-
html: `<cpsl-pill></cpsl-pill>`,
|
27
|
-
});
|
28
|
-
expect(page.root).toEqualHtml(`
|
29
|
-
<cpsl-pill>
|
30
|
-
<mock:shadow-root>
|
31
|
-
<slot></slot>
|
32
|
-
</mock:shadow-root>
|
33
|
-
</cpsl-pill>
|
34
|
-
`);
|
35
|
-
}));
|
36
|
-
});
|
37
|
-
//# sourceMappingURL=cpsl-pill.spec.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"cpsl-pill.spec.js","sourceRoot":"","sources":["../../../../../src/components/cpsl-pill/test/cpsl-pill.spec.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,SAAS,EAAE,GAAS,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE,yBAAyB;SAChC,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { CpslPill } from '../cpsl-pill';\n\ndescribe('cpsl-pill', () => {\n it('renders', async () => {\n const page = await newSpecPage({\n components: [CpslPill],\n html: `<cpsl-pill></cpsl-pill>`,\n });\n expect(page.root).toEqualHtml(`\n <cpsl-pill>\n <mock:shadow-root>\n <slot></slot>\n </mock:shadow-root>\n </cpsl-pill>\n `);\n });\n});\n"]}
|
@@ -1,82 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Convert a font size to a dynamic font size.
|
3
|
-
* Fonts that participate in Dynamic Type should use
|
4
|
-
* dynamic font sizes.
|
5
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
6
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
7
|
-
* convert to a unit other than $baselineUnit.
|
8
|
-
*/
|
9
|
-
/**
|
10
|
-
* Convert a font size to a dynamic font size but impose
|
11
|
-
* a maximum font size.
|
12
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
13
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
14
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
15
|
-
* convert to a unit other than $baselineUnit.
|
16
|
-
*/
|
17
|
-
/**
|
18
|
-
* Convert a font size to a dynamic font size but impose
|
19
|
-
* a minimum font size.
|
20
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
21
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
22
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
23
|
-
* convert to a unit other than $baselineUnit.
|
24
|
-
*/
|
25
|
-
/**
|
26
|
-
* Convert a font size to a dynamic font size but impose
|
27
|
-
* maximum and minimum font sizes.
|
28
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
29
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
30
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
31
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
32
|
-
* convert to a unit other than $baselineUnit.
|
33
|
-
*/
|
34
|
-
/**
|
35
|
-
* A heuristic that applies CSS to tablet
|
36
|
-
* viewports.
|
37
|
-
*
|
38
|
-
* Usage:
|
39
|
-
* @include tablet-viewport() {
|
40
|
-
* :host {
|
41
|
-
* background-color: green;
|
42
|
-
* }
|
43
|
-
* }
|
44
|
-
*/
|
45
|
-
/**
|
46
|
-
* A heuristic that applies CSS to mobile
|
47
|
-
* viewports (i.e. phones, not tablets).
|
48
|
-
*
|
49
|
-
* Usage:
|
50
|
-
* @include mobile-viewport() {
|
51
|
-
* :host {
|
52
|
-
* background-color: blue;
|
53
|
-
* }
|
54
|
-
* }
|
55
|
-
*/
|
56
|
-
:host {
|
57
|
-
--step-height: 3px;
|
58
|
-
--step-active-color: var(--cpsl-color-progressIndicator-active);
|
59
|
-
--step-next-color: var(--cpsl-color-progressIndicator-next);
|
60
|
-
--step-previous-color: var(--cpsl-color-progressIndicator-previous);
|
61
|
-
display: flex;
|
62
|
-
align-items: center;
|
63
|
-
justify-content: center;
|
64
|
-
gap: 4px;
|
65
|
-
}
|
66
|
-
|
67
|
-
.step {
|
68
|
-
background-color: var(--step-next-color);
|
69
|
-
border-radius: var(--step-border-radius, calc(var(--step-height) * 2));
|
70
|
-
height: var(--step-height);
|
71
|
-
flex: 1;
|
72
|
-
transition: all 0.5s;
|
73
|
-
}
|
74
|
-
|
75
|
-
.previous {
|
76
|
-
background-color: var(--step-previous-color);
|
77
|
-
}
|
78
|
-
|
79
|
-
.active {
|
80
|
-
background-color: var(--step-active-color);
|
81
|
-
flex: 2;
|
82
|
-
}
|
@@ -1,71 +0,0 @@
|
|
1
|
-
import { Host, h } from "@stencil/core";
|
2
|
-
export class CpslProgressIndicator {
|
3
|
-
constructor() {
|
4
|
-
this.totalSteps = undefined;
|
5
|
-
this.step = undefined;
|
6
|
-
}
|
7
|
-
render() {
|
8
|
-
const steps = new Array(this.totalSteps).fill(0).map((_, i) => {
|
9
|
-
let resp = { active: false, previous: false };
|
10
|
-
if (i === this.step) {
|
11
|
-
resp.active = true;
|
12
|
-
}
|
13
|
-
else if (i < this.step) {
|
14
|
-
resp.previous = true;
|
15
|
-
}
|
16
|
-
return resp;
|
17
|
-
});
|
18
|
-
return (h(Host, null, steps.map(step => (h("div", { class: { step: true, active: step.active, previous: step.previous } })))));
|
19
|
-
}
|
20
|
-
static get is() { return "cpsl-progress-indicator"; }
|
21
|
-
static get encapsulation() { return "shadow"; }
|
22
|
-
static get originalStyleUrls() {
|
23
|
-
return {
|
24
|
-
"$": ["cpsl-progress-indicator.scss"]
|
25
|
-
};
|
26
|
-
}
|
27
|
-
static get styleUrls() {
|
28
|
-
return {
|
29
|
-
"$": ["cpsl-progress-indicator.css"]
|
30
|
-
};
|
31
|
-
}
|
32
|
-
static get properties() {
|
33
|
-
return {
|
34
|
-
"totalSteps": {
|
35
|
-
"type": "number",
|
36
|
-
"mutable": false,
|
37
|
-
"complexType": {
|
38
|
-
"original": "number",
|
39
|
-
"resolved": "number",
|
40
|
-
"references": {}
|
41
|
-
},
|
42
|
-
"required": false,
|
43
|
-
"optional": false,
|
44
|
-
"docs": {
|
45
|
-
"tags": [],
|
46
|
-
"text": "Total number of steps."
|
47
|
-
},
|
48
|
-
"attribute": "total-steps",
|
49
|
-
"reflect": false
|
50
|
-
},
|
51
|
-
"step": {
|
52
|
-
"type": "number",
|
53
|
-
"mutable": false,
|
54
|
-
"complexType": {
|
55
|
-
"original": "number",
|
56
|
-
"resolved": "number",
|
57
|
-
"references": {}
|
58
|
-
},
|
59
|
-
"required": false,
|
60
|
-
"optional": false,
|
61
|
-
"docs": {
|
62
|
-
"tags": [],
|
63
|
-
"text": "Current zero based step."
|
64
|
-
},
|
65
|
-
"attribute": "step",
|
66
|
-
"reflect": false
|
67
|
-
}
|
68
|
-
};
|
69
|
-
}
|
70
|
-
}
|
71
|
-
//# sourceMappingURL=cpsl-progress-indicator.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"cpsl-progress-indicator.js","sourceRoot":"","sources":["../../../../src/components/cpsl-progress-indicator/cpsl-progress-indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQzD,MAAM,OAAO,qBAAqB;;;;;IAWhC,MAAM;QACJ,MAAM,KAAK,GAAW,IAAI,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACpE,IAAI,IAAI,GAAS,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;YACpD,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;gBACpB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;YACrB,CAAC;iBAAM,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;gBACzB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACvB,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;QAEH,OAAO,CACL,EAAC,IAAI,QACF,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACjB,WAAK,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAI,CAC7E,CAAC,CACG,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport { Step } from './progress-indicator-interface';\n\n@Component({\n tag: 'cpsl-progress-indicator',\n styleUrl: 'cpsl-progress-indicator.scss',\n shadow: true,\n})\nexport class CpslProgressIndicator {\n /**\n * Total number of steps.\n */\n @Prop() totalSteps: number;\n\n /**\n * Current zero based step.\n */\n @Prop() step: number;\n\n render() {\n const steps: Step[] = new Array(this.totalSteps).fill(0).map((_, i) => {\n let resp: Step = { active: false, previous: false };\n if (i === this.step) {\n resp.active = true;\n } else if (i < this.step) {\n resp.previous = true;\n }\n return resp;\n });\n\n return (\n <Host>\n {steps.map(step => (\n <div class={{ step: true, active: step.active, previous: step.previous }} />\n ))}\n </Host>\n );\n }\n}\n"]}
|
package/dist/collection/components/cpsl-progress-indicator/progress-indicator-interface.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"progress-indicator-interface.js","sourceRoot":"","sources":["../../../../src/components/cpsl-progress-indicator/progress-indicator-interface.ts"],"names":[],"mappings":"","sourcesContent":["export interface Step {\n active: boolean;\n previous: boolean;\n}\n"]}
|
package/dist/collection/components/cpsl-progress-indicator/test/cpsl-progress-indicator.e2e.js
DELETED
@@ -1,29 +0,0 @@
|
|
1
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
2
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
3
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
4
|
-
function fulfilled(value) { try {
|
5
|
-
step(generator.next(value));
|
6
|
-
}
|
7
|
-
catch (e) {
|
8
|
-
reject(e);
|
9
|
-
} }
|
10
|
-
function rejected(value) { try {
|
11
|
-
step(generator["throw"](value));
|
12
|
-
}
|
13
|
-
catch (e) {
|
14
|
-
reject(e);
|
15
|
-
} }
|
16
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
17
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
18
|
-
});
|
19
|
-
};
|
20
|
-
import { newE2EPage } from "@stencil/core/testing";
|
21
|
-
describe('cpsl-progress-indicator', () => {
|
22
|
-
it('renders', () => __awaiter(void 0, void 0, void 0, function* () {
|
23
|
-
const page = yield newE2EPage();
|
24
|
-
yield page.setContent('<cpsl-progress-indicator></cpsl-progress-indicator>');
|
25
|
-
const element = yield page.find('cpsl-progress-indicator');
|
26
|
-
expect(element).toHaveClass('hydrated');
|
27
|
-
}));
|
28
|
-
});
|
29
|
-
//# sourceMappingURL=cpsl-progress-indicator.e2e.js.map
|
package/dist/collection/components/cpsl-progress-indicator/test/cpsl-progress-indicator.e2e.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"cpsl-progress-indicator.e2e.js","sourceRoot":"","sources":["../../../../../src/components/cpsl-progress-indicator/test/cpsl-progress-indicator.e2e.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACvC,EAAE,CAAC,SAAS,EAAE,GAAS,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,qDAAqD,CAAC,CAAC;QAE7E,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC;QAC3D,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('cpsl-progress-indicator', () => {\n it('renders', async () => {\n const page = await newE2EPage();\n await page.setContent('<cpsl-progress-indicator></cpsl-progress-indicator>');\n\n const element = await page.find('cpsl-progress-indicator');\n expect(element).toHaveClass('hydrated');\n });\n});\n"]}
|
package/dist/collection/components/cpsl-progress-indicator/test/cpsl-progress-indicator.spec.js
DELETED
@@ -1,37 +0,0 @@
|
|
1
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
2
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
3
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
4
|
-
function fulfilled(value) { try {
|
5
|
-
step(generator.next(value));
|
6
|
-
}
|
7
|
-
catch (e) {
|
8
|
-
reject(e);
|
9
|
-
} }
|
10
|
-
function rejected(value) { try {
|
11
|
-
step(generator["throw"](value));
|
12
|
-
}
|
13
|
-
catch (e) {
|
14
|
-
reject(e);
|
15
|
-
} }
|
16
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
17
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
18
|
-
});
|
19
|
-
};
|
20
|
-
import { newSpecPage } from "@stencil/core/testing";
|
21
|
-
import { CpslProgressIndicator } from "../cpsl-progress-indicator";
|
22
|
-
describe('cpsl-progress-indicator', () => {
|
23
|
-
it('renders', () => __awaiter(void 0, void 0, void 0, function* () {
|
24
|
-
const page = yield newSpecPage({
|
25
|
-
components: [CpslProgressIndicator],
|
26
|
-
html: `<cpsl-progress-indicator></cpsl-progress-indicator>`,
|
27
|
-
});
|
28
|
-
expect(page.root).toEqualHtml(`
|
29
|
-
<cpsl-progress-indicator>
|
30
|
-
<mock:shadow-root>
|
31
|
-
<slot></slot>
|
32
|
-
</mock:shadow-root>
|
33
|
-
</cpsl-progress-indicator>
|
34
|
-
`);
|
35
|
-
}));
|
36
|
-
});
|
37
|
-
//# sourceMappingURL=cpsl-progress-indicator.spec.js.map
|
package/dist/collection/components/cpsl-progress-indicator/test/cpsl-progress-indicator.spec.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"cpsl-progress-indicator.spec.js","sourceRoot":"","sources":["../../../../../src/components/cpsl-progress-indicator/test/cpsl-progress-indicator.spec.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACvC,EAAE,CAAC,SAAS,EAAE,GAAS,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,qBAAqB,CAAC;YACnC,IAAI,EAAE,qDAAqD;SAC5D,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { CpslProgressIndicator } from '../cpsl-progress-indicator';\n\ndescribe('cpsl-progress-indicator', () => {\n it('renders', async () => {\n const page = await newSpecPage({\n components: [CpslProgressIndicator],\n html: `<cpsl-progress-indicator></cpsl-progress-indicator>`,\n });\n expect(page.root).toEqualHtml(`\n <cpsl-progress-indicator>\n <mock:shadow-root>\n <slot></slot>\n </mock:shadow-root>\n </cpsl-progress-indicator>\n `);\n });\n});\n"]}
|
@@ -1,81 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Convert a font size to a dynamic font size.
|
3
|
-
* Fonts that participate in Dynamic Type should use
|
4
|
-
* dynamic font sizes.
|
5
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
6
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
7
|
-
* convert to a unit other than $baselineUnit.
|
8
|
-
*/
|
9
|
-
/**
|
10
|
-
* Convert a font size to a dynamic font size but impose
|
11
|
-
* a maximum font size.
|
12
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
13
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
14
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
15
|
-
* convert to a unit other than $baselineUnit.
|
16
|
-
*/
|
17
|
-
/**
|
18
|
-
* Convert a font size to a dynamic font size but impose
|
19
|
-
* a minimum font size.
|
20
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
21
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
22
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
23
|
-
* convert to a unit other than $baselineUnit.
|
24
|
-
*/
|
25
|
-
/**
|
26
|
-
* Convert a font size to a dynamic font size but impose
|
27
|
-
* maximum and minimum font sizes.
|
28
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
29
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
30
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
31
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
32
|
-
* convert to a unit other than $baselineUnit.
|
33
|
-
*/
|
34
|
-
/**
|
35
|
-
* A heuristic that applies CSS to tablet
|
36
|
-
* viewports.
|
37
|
-
*
|
38
|
-
* Usage:
|
39
|
-
* @include tablet-viewport() {
|
40
|
-
* :host {
|
41
|
-
* background-color: green;
|
42
|
-
* }
|
43
|
-
* }
|
44
|
-
*/
|
45
|
-
/**
|
46
|
-
* A heuristic that applies CSS to mobile
|
47
|
-
* viewports (i.e. phones, not tablets).
|
48
|
-
*
|
49
|
-
* Usage:
|
50
|
-
* @include mobile-viewport() {
|
51
|
-
* :host {
|
52
|
-
* background-color: blue;
|
53
|
-
* }
|
54
|
-
* }
|
55
|
-
*/
|
56
|
-
:host {
|
57
|
-
--qr-color: var(--cpsl-color-qr-fill);
|
58
|
-
--qr-background-color: var(--cpsl-color-qr-background);
|
59
|
-
--qr-border-color: var(--cpsl-color-qr-border);
|
60
|
-
--qr-border-radius: var(--cpsl-border-radius-qr-code);
|
61
|
-
--qr-border-width: 1px;
|
62
|
-
--qr-box-shadow: 0px 1px 2px var(--cpsl-color-alpha-black-10);
|
63
|
-
display: inline-block;
|
64
|
-
}
|
65
|
-
|
66
|
-
.qr-container {
|
67
|
-
-webkit-padding-start: var(--qr-padding-start);
|
68
|
-
padding-inline-start: var(--qr-padding-start);
|
69
|
-
-webkit-padding-end: var(--qr-padding-end);
|
70
|
-
padding-inline-end: var(--qr-padding-end);
|
71
|
-
padding-top: var(--qr-padding-top);
|
72
|
-
padding-bottom: var(--qr-padding-bottom);
|
73
|
-
display: flex;
|
74
|
-
color: var(--qr-color);
|
75
|
-
border-style: solid;
|
76
|
-
border-width: var(--qr-border-width);
|
77
|
-
border-color: var(--qr-border-color);
|
78
|
-
border-radius: var(--qr-border-radius);
|
79
|
-
background-color: var(--qr-background-color);
|
80
|
-
box-shadow: var(--qr-box-shadow);
|
81
|
-
}
|