-
Notifications
You must be signed in to change notification settings - Fork 156
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Loading status checks…
Merge branch 'feat/cwc-storybook-7-vite' into chore/radio-button-sb-v7
- Loading branch information
Showing
53 changed files
with
4,082 additions
and
3,483 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
22 changes: 22 additions & 0 deletions
22
packages/carbon-web-components/examples/stackblitz/basic/components/toggletip/.babelrc
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,22 @@ | ||
{ | ||
"presets": [ | ||
[ | ||
"@babel/preset-env", | ||
{ | ||
"modules": false, | ||
"targets": [ | ||
"last 1 version", | ||
"Firefox ESR", | ||
"not opera > 0", | ||
"not op_mini > 0", | ||
"not op_mob > 0", | ||
"not android > 0", | ||
"not edge > 0", | ||
"not ie > 0", | ||
"not ie_mob > 0" | ||
] | ||
} | ||
] | ||
], | ||
"plugins": [["@babel/plugin-transform-runtime", { "version": "7.3.0" }]] | ||
} |
22 changes: 22 additions & 0 deletions
22
packages/carbon-web-components/examples/stackblitz/basic/components/toggletip/.gitignore
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,22 @@ | ||
# See https://help.github.com/ignore-files/ for more about ignoring files. | ||
|
||
# dependencies | ||
/node_modules | ||
|
||
# testing | ||
/coverage | ||
|
||
# production | ||
/build | ||
|
||
# misc | ||
.DS_Store | ||
.cache | ||
.env.local | ||
.env.development.local | ||
.env.test.local | ||
.env.production.local | ||
|
||
npm-debug.log* | ||
yarn-debug.log* | ||
yarn-error.log* |
6 changes: 6 additions & 0 deletions
6
packages/carbon-web-components/examples/stackblitz/basic/components/toggletip/.sassrc
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,6 @@ | ||
{ | ||
"includePaths": [ | ||
"node_modules", | ||
"../../node_modules" | ||
] | ||
} |
41 changes: 41 additions & 0 deletions
41
packages/carbon-web-components/examples/stackblitz/basic/components/toggletip/cdn.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,41 @@ | ||
<!-- | ||
@license | ||
Copyright IBM Corp. 2020 | ||
This source code is licensed under the Apache-2.0 license found in the | ||
LICENSE file in the root directory of this source tree. | ||
--> | ||
|
||
<html> | ||
<head> | ||
<title>@carbon/ibmdotcom-web-components example</title> | ||
<meta charset="UTF-8"/> | ||
<link rel="stylesheet" | ||
href="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/tag/v1/latest/plex.css"/> | ||
<link rel="stylesheet" href="https://1.www.s81c.com/common/carbon/web-components/tag/v2/latest/grid.css" /> | ||
<link rel="stylesheet" href="https://1.www.s81c.com/common/carbon/web-components/tag/v2/latest/themes.css" /> | ||
<style> | ||
/* Suppress custom element until styles are loaded */ | ||
cds-toggletip:not(:defined) { | ||
display: none; | ||
} | ||
</style> | ||
<script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/v2/latest/toggle-tip.min.js"></script> | ||
<script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/v2/latest/link.min.js"></script> | ||
<script type="module" src="https://1.www.s81c.com/common/carbon/web-components/tag/v2/latest/button.min.js"></script> | ||
</head> | ||
<body class="cds-theme-zone-white"> | ||
<div data-floating-menu-container style="position: relative; padding: 3rem; display: flex; flex-direction: column; align-items: center;"> | ||
<cds-toggletip> | ||
Toggletip label | ||
|
||
<p slot="body-text"> | ||
Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed do eiusmod tempor incididunt ut fsil labore et dolore magna aliqua. | ||
</p> | ||
<cds-link slot="actions">Test</cds-link> | ||
<cds-button slot="actions">Button</cds-button> | ||
</cds-toggletip> | ||
</div> | ||
</body> | ||
</html> |
39 changes: 39 additions & 0 deletions
39
packages/carbon-web-components/examples/stackblitz/basic/components/toggletip/index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,39 @@ | ||
<!-- | ||
@license | ||
Copyright IBM Corp. 2020 | ||
This source code is licensed under the Apache-2.0 license found in the | ||
LICENSE file in the root directory of this source tree. | ||
--> | ||
|
||
<html> | ||
<head> | ||
<title>carbon-web-components example</title> | ||
<meta charset="UTF-8" /> | ||
<link rel="stylesheet" | ||
href="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/tag/v1/latest/plex.css"/> | ||
|
||
<link rel="stylesheet" href="src/styles.scss" /> | ||
<style> | ||
/* Suppress custom element until styles are loaded */ | ||
cds-toggletip:not(:defined) { | ||
display: none; | ||
} | ||
</style> | ||
<script type="module" src="src/index.js"></script> | ||
</head> | ||
<body> | ||
<div data-floating-menu-container style="position: relative; padding: 3rem; display: flex; flex-direction: column; align-items: center;"> | ||
<cds-toggletip> | ||
Toggletip label | ||
|
||
<p slot="body-text"> | ||
Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed do eiusmod tempor incididunt ut fsil labore et dolore magna aliqua. | ||
</p> | ||
<cds-link slot="actions">Test</cds-link> | ||
<cds-button slot="actions">Button</cds-button> | ||
</cds-toggletip> | ||
</div> | ||
</body> | ||
</html> |
23 changes: 23 additions & 0 deletions
23
packages/carbon-web-components/examples/stackblitz/basic/components/toggletip/package.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,23 @@ | ||
{ | ||
"name": "carbon-web-components-toggletip-example", | ||
"version": "0.1.0", | ||
"private": true, | ||
"description": "Sample project for getting started with the Web Components from Carbon.", | ||
"license": "Apache-2", | ||
"main": "index.html", | ||
"scripts": { | ||
"build": "parcel build *.html --no-minify --public-url ./", | ||
"clean": "rimraf node_modules dist .cache", | ||
"start": "parcel index.html --port=9000 --no-hmr" | ||
}, | ||
"dependencies": { | ||
"@carbon/styles": "^1.34.0", | ||
"@carbon/web-components": "latest", | ||
"sass": "^1.64.1" | ||
}, | ||
"devDependencies": { | ||
"@babel/core": "^7.0.0-0", | ||
"parcel-bundler": "1.12.3", | ||
"rimraf": "^3.0.2" | ||
} | ||
} |
3 changes: 3 additions & 0 deletions
3
.../carbon-web-components/examples/stackblitz/basic/components/toggletip/sandbox.config.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,3 @@ | ||
{ | ||
"template": "node" | ||
} |
12 changes: 12 additions & 0 deletions
12
packages/carbon-web-components/examples/stackblitz/basic/components/toggletip/src/index.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,12 @@ | ||
/** | ||
* @license | ||
* | ||
* Copyright IBM Corp. 2020, 2022 | ||
* | ||
* This source code is licensed under the Apache-2.0 license found in the | ||
* LICENSE file in the root directory of this source tree. | ||
*/ | ||
|
||
import '@carbon/web-components/es/components/toggle-tip/index.js'; | ||
import '@carbon/web-components/es/components/link/index.js'; | ||
import '@carbon/web-components/es/components/button/index.js'; |
9 changes: 9 additions & 0 deletions
9
...ages/carbon-web-components/examples/stackblitz/basic/components/toggletip/src/styles.scss
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,9 @@ | ||
@use '@carbon/styles/scss/reset'; | ||
@use '@carbon/styles/scss/theme'; | ||
@use '@carbon/styles/scss/themes'; | ||
|
||
:root { | ||
@include theme.theme(themes.$white); | ||
background-color: var(--cds-background); | ||
color: var(--cds-text-primary); | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.