@carbon/ibm-products 2.0.0-rc.33 → 2.0.0-rc.38

package/scss/components/WebTerminal/_index.scss

@@ -0,0 +1,8 @@
+//
+// Copyright IBM Corp. 2021, 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.
+//
+
+@use './web-terminal';

package/scss/components/WebTerminal/_storybook-styles.scss

@@ -0,0 +1,36 @@
+//
+// Copyright IBM Corp. 2021, 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.
+//
+
+/* stylelint-disable  */
+
+@use '@carbon/styles/scss/colors';
+@use '@carbon/styles/scss/spacing' as *;
+@use '@carbon/styles/scss/theme' as *;
+@use '@carbon/styles/scss/themes';
+@use '../../global/styles/project-settings' as c4p-settings;
+
+$storybook-block-class: #{c4p-settings.$pkg-prefix}--notifications-panel__story;
+
+.cds--header {
+  @include theme(themes.$g100);
+}
+
+.sb-show-main.sb-main-centered #root {
+  padding: 0 !important;
+  margin: 0 !important;
+}
+
+.example-terminal {
+  padding: $spacing-05;
+  color: colors.$gray-10;
+  font-family: 'IBM Plex Mono', monospace;
+
+  p {
+    padding-bottom: $spacing-07;
+    font-size: 14px;
+  }
+}

package/scss/components/WebTerminal/_web-terminal.scss

@@ -0,0 +1,94 @@
+//
+// 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.
+//
+
+// Standard imports.
+@use '@carbon/styles/scss/colors' as *;
+@use '@carbon/styles/scss/spacing' as *;
+@use '@carbon/styles/scss/themes' as *;
+@use '@carbon/styles/scss/theme' as *;
+@use '../../global/styles/project-settings' as *;
+
+$web-terminal-width: 40rem; // 640px
+$block-class: #{$pkg-prefix}--web-terminal;
+
+@keyframes web-terminal-entrance {
+  from {
+    opacity: 0;
+    // stylelint-disable-next-line carbon/layout-token-use
+    transform: translateX(#{$web-terminal-width});
+  }
+
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+
+@keyframes web-terminal-exit {
+  from {
+    opacity: 1;
+    transform: translateX(0);
+  }
+
+  to {
+    opacity: 0;
+    // stylelint-disable-next-line carbon/layout-token-use
+    transform: translateX(#{$web-terminal-width});
+  }
+}
+
+/*
+  The reason for not using theme tokens in the web terminal
+  component is because we want these colors to always be the same
+  despite of which carbon theme the user has.
+*/
+
+.#{$block-class} {
+  @include theme($g90);
+
+  position: fixed;
+  top: $spacing-09;
+  right: 0;
+  width: 100%;
+  max-width: $web-terminal-width;
+  height: calc(100vh - #{$spacing-09});
+  border-left: 1px solid $gray-90;
+  color: $text-primary;
+  /* stylelint-disable-next-line  */
+  background-color: $gray-100;
+}
+
+.#{$block-class}__bar {
+  display: flex;
+  height: 3rem;
+  align-items: center;
+  justify-content: space-between;
+  background-color: $background;
+}
+
+.#{$block-class}__actions {
+  display: flex;
+}
+
+.#{$block-class}__documentation-overflow {
+  @include theme($g100);
+}
+
+// Terminal body styles
+.#{$block-class}__body {
+  height: 100%;
+}
+
+// Terminal wrapper styles
+.#{$block-class}-content-wrapper {
+  width: 100vw;
+  height: 100%;
+}
+
+.#{$block-class}-content-wrapper--open {
+  width: calc(100vw - #{$web-terminal-width});
+}

package/scss/components/_Canary/_canary.scss

@@ -0,0 +1,7 @@
+//
+// 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.
+//
+@use '@carbon/styles/scss/components/code-snippet';

package/scss/components/_index-released-only-with-carbon.scss

@@ -0,0 +1,37 @@
+//
+// 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.
+//
+
+// Package scss files here used by released components, or used by components
+// which are themselves used by released components.
+
+@use './AboutModal/index-with-carbon' as *;
+@use './APIKeyModal/index-with-carbon' as *;
+@use './ActionSet/index-with-carbon' as *;
+@use './Cascade/index-with-carbon' as *;
+@use './CreateModal/index-with-carbon' as *;
+@use './CreateFullPage/index-with-carbon' as *;
+@use './CreateSidePanel/index-with-carbon' as *;
+@use './CreateTearsheetNarrow/index-with-carbon' as *;
+@use './CreateTearsheet/index-with-carbon' as *;
+@use './EditInPlace/index-with-carbon' as *;
+@use './EmptyStates/index-with-carbon' as *;
+@use './ExportModal/index-with-carbon' as *;
+@use './ExpressiveCard/index-with-carbon' as *;
+@use './HTTPErrors/index-with-carbon' as *;
+@use './ImportModal/index-with-carbon' as *;
+@use './MultiAddSelect/index-with-carbon' as *;
+@use './NotificationsPanel/index-with-carbon' as *;
+@use './PageHeader/index-with-carbon' as *;
+@use './ProductiveCard/index-with-carbon' as *;
+@use './RemoveModal/index-with-carbon' as *;
+@use './Saving/index-with-carbon' as *;
+@use './SidePanel/index-with-carbon' as *;
+@use './SingleAddSelect/index-with-carbon' as *;
+@use './StatusIcon/index-with-carbon' as *;
+@use './TagSet/index-with-carbon' as *;
+@use './Tearsheet/index-with-carbon' as *;
+@use './UserProfileImage/index-with-carbon' as *;

package/scss/components/_index-released-only.scss

@@ -0,0 +1,38 @@
+//
+// 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.
+//
+
+// Package scss files here used by released components, or used by components
+// which are themselves used by released components.
+
+@use './AboutModal';
+@use './APIKeyModal';
+@use './ActionSet';
+@use './Cascade';
+@use './CreateModal';
+@use './CreateFullPage';
+@use './CreateSidePanel';
+@use './CreateTearsheetNarrow';
+@use './CreateTearsheet';
+@use './EditInPlace';
+@use './EmptyStates';
+@use './ExportModal';
+@use './ExpressiveCard';
+@use './HTTPErrors';
+@use './ImportModal';
+@use './MultiAddSelect';
+@use './NotificationsPanel';
+@use './PageHeader';
+@use './ProductiveCard';
+@use './RemoveModal';
+@use './Saving';
+@use './SidePanel';
+@use './SingleAddSelect';
+@use './StatusIcon';
+@use './TagSet';
+@use './Tearsheet';
+@use './UserProfileImage';
+@use './WebTerminal';

package/scss/components/_index-with-carbon.scss

@@ -0,0 +1,47 @@
+//
+// Copyright IBM Corp. 2021, 2021
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+// Package all scss files here for those that want them all bundled up.
+
+@use './_Canary/canary';
+
+@use './APIKeyModal/index-with-carbon' as *;
+@use './AboutModal/index-with-carbon' as *;
+@use './ActionSet/index-with-carbon' as *;
+@use './ButtonMenu/index-with-carbon' as *;
+@use './Cascade/index-with-carbon' as *;
+@use './ComboButton/index-with-carbon' as *;
+@use './CreateFullPage/index-with-carbon' as *;
+@use './CreateModal/index-with-carbon' as *;
+@use './CreateSidePanel/index-with-carbon' as *;
+@use './CreateTearsheet/index-with-carbon' as *;
+@use './CreateTearsheetNarrow/index-with-carbon' as *;
+@use './EmptyStates/index-with-carbon' as *;
+@use './ExportModal/index-with-carbon' as *;
+@use './ExpressiveCard/index-with-carbon' as *;
+@use './HTTPErrors/index-with-carbon' as *;
+@use './ImportModal/index-with-carbon' as *;
+@use './MultiAddSelect/index-with-carbon' as *;
+@use './NotificationsPanel/index-with-carbon' as *;
+@use './PageHeader/index-with-carbon' as *;
+@use './ProductiveCard/index-with-carbon' as *;
+@use './RemoveModal/index-with-carbon' as *;
+@use './Saving/index-with-carbon' as *;
+@use './SidePanel/index-with-carbon' as *;
+@use './SingleAddSelect/index-with-carbon' as *;
+@use './StatusIcon/index-with-carbon' as *;
+@use './TagSet/index-with-carbon' as *;
+@use './Tearsheet/index-with-carbon' as *;
+@use './Toolbar/index-with-carbon' as *;
+@use './WebTerminal/index-with-carbon' as *;
+@use './UserProfileImage/index-with-carbon' as *;
+@use './EditSidePanel/index-with-carbon' as *;
+@use './OptionsTile/index-with-carbon' as *;
+@use './EditInPlace/index-with-carbon' as *;
+@use './DataSpreadsheet/index-with-carbon' as *;
+@use './Datagrid/index-with-carbon' as *;
+@use './EditUpdateCards/index-with-carbon' as *;

package/scss/components/_index.scss

@@ -0,0 +1,51 @@
+//
+// Copyright IBM Corp. 2021, 2021
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+// Package all scss files here for those that want them all bundled up.
+
+@use './_Canary/canary';
+
+@use './APIKeyModal';
+@use './AboutModal';
+@use './ActionSet';
+@use './ButtonMenu';
+@use './Cascade';
+@use './ComboButton';
+@use './CreateFullPage';
+@use './CreateModal';
+@use './CreateSidePanel';
+@use './CreateTearsheet';
+@use './CreateTearsheetNarrow';
+@use './EmptyStates';
+@use './ExportModal';
+@use './ExpressiveCard';
+@use './FilterSummary/index';
+@use './HTTPErrors';
+@use './ImportModal';
+@use './MultiAddSelect';
+@use './NotificationsPanel';
+@use './PageHeader';
+@use './ProductiveCard';
+@use './RemoveModal';
+@use './Saving';
+@use './SidePanel';
+@use './SingleAddSelect';
+@use './StatusIcon';
+@use './TagSet';
+@use './Tearsheet';
+@use './Toolbar';
+@use './WebTerminal';
+@use './UserProfileImage';
+@use './EditSidePanel';
+@use './OptionsTile';
+@use './EditInPlace';
+@use './DataSpreadsheet';
+@use './Datagrid';
+@use './EditTearsheet';
+@use './EditTearsheetNarrow';
+@use './EditFullPage';
+@use './EditUpdateCards';

package/scss/config.scss

@@ -0,0 +1 @@
+@forward './global/styles/project-settings';

package/scss/global/styles/_display-box.scss

@@ -0,0 +1,66 @@
+//
+// Copyright IBM Corp. 2022, 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.
+//
+
+@use '@carbon/react' as *;
+@use '@carbon/react/scss/spacing' as *;
+@use '@carbon/react/scss/type' as *;
+@use '../../global/styles/project-settings' as *;
+
+$block-class: 'ccs-sb--display-box';
+
+$indicator-width: $spacing-02;
+$indicator-height: $spacing-04;
+
+/**
+  Adds a box indicating the extent of the available space to the displayed component
+*/
+.#{$block-class} {
+  position: relative;
+  display: inline-block;
+  padding-top: $spacing-05; // space for the indicators
+  color: $text-helper;
+}
+
+.#{$block-class}__indicator {
+  position: absolute;
+  top: 0;
+  width: 100%;
+  border-bottom: 1px solid $text-helper;
+  white-space: nowrap;
+  @include type-style('helper-text-01');
+}
+
+.#{$block-class}__message {
+  position: absolute;
+  bottom: $spacing-02;
+}
+
+.sb-main-centered .#{$block-class}__message {
+  left: 50%;
+  min-width: 100vh;
+  text-align: center;
+  transform: translateX(-50%);
+}
+
+.#{$block-class}__indicator--left,
+.#{$block-class}__indicator--right {
+  position: absolute;
+  bottom: calc(-1 * $indicator-height);
+  width: 0;
+  height: 0;
+  border-top: $indicator-height solid $text-helper;
+  border-right: $indicator-width solid transparent;
+  border-left: $indicator-width solid transparent;
+}
+
+.#{$block-class}__indicator--left {
+  left: calc(-1 * $indicator-width);
+}
+
+.#{$block-class}__indicator--right {
+  right: calc(-1 * $indicator-width);
+}

package/scss/global/styles/_imported-carbon-modules.scss

@@ -0,0 +1,25 @@
+//
+// Copyright IBM Corp. 2021, 2021
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+/// List of Carbon style modules used.
+/// @type List
+/// @access public
+$imported-carbon-modules: 'css--reset' 'css--default-type' 'skeleton'
+  'helper-classes' 'css--font-face' 'css--helpers' 'css--body' 'grid'
+  'accordion' 'link' 'breadcrumb' 'button' 'form' 'checkbox' 'snippet'
+  'list-box' 'combo-box' 'content-switcher' 'copy-button' 'data-table-v2-action'
+  'data-table-v2-core' 'data-table-v2-expandable' 'data-table-sort'
+  'data-table-inline-edit' 'data-table-skeleton' 'date-picker' 'dropdown'
+  'loading' 'file-uploader' 'inline-loading' 'lists' 'menu' 'modal'
+  'multi-select' 'inline-notifications' 'toast-notifications' 'number-input'
+  'overflow-menu' 'pagination-nav' 'select' 'text-input' 'pagination'
+  'progress-bar' 'tooltip' 'progress-indicator' 'radio-button' 'search'
+  'skeleton-text' 'skeleton-icon' 'skeleton-placeholder' 'slider'
+  'structured-list' 'tabs' 'tags' 'text-area' 'tile' 'time-picker' 'toggle'
+  'toolbar' 'unstable_pagination' 'carbon-header' 'carbon-header-panel'
+  'product-switcher' 'carbon-header-switcher' 'carbon-side-nav'
+  'carbon-navigation' 'carbon-content' 'treeview';

package/scss/global/styles/_mixins.scss

@@ -0,0 +1,22 @@
+//
+// Copyright IBM Corp. 2020, 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.
+//
+
+@mixin block-wrap($block-class) {
+  .#{$block-class} {
+    @content;
+  }
+}
+
+@mixin measuring-container() {
+  position: absolute;
+  top: -100vh; // off screen
+  left: -100vw; // off screen
+  overflow: hidden;
+  max-width: 100vw; // NOTE: resize only detected if < 100vw
+  pointer-events: none;
+  visibility: hidden;
+}

package/scss/global/styles/_project-settings.scss

@@ -0,0 +1,10 @@
+//
+// 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.
+//
+
+// define variables and settings for the package
+$pkg-prefix: 'c4p' !default;
+$carbon-prefix: 'cds' !default;

package/scss/index-full-carbon.scss

@@ -0,0 +1,10 @@
+//
+// 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.
+//
+
+@forward './global/styles/project-settings';
+@forward './components/index';
+@forward '@carbon/react';

package/scss/index-without-carbon-released-only.scss

@@ -0,0 +1,12 @@
+//
+// 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.
+//
+
+// @forward './global/styles/imported-carbon-modules';
+// $imported-modules: $imported-carbon-modules;
+
+@forward './global/styles/project-settings';
+@forward './components/index-released-only';

package/scss/index-without-carbon.scss

@@ -0,0 +1,12 @@
+//
+// 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.
+//
+
+// @forward './global/styles/imported-carbon-modules';
+// $imported-modules: $imported-carbon-modules;
+
+@forward './global/styles/project-settings';
+@forward './components/index';

package/scss/index.scss

@@ -0,0 +1,10 @@
+//
+// 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.
+//
+
+// Index with minimal Carbon styles, only the styles of Carbon components used by our components
+@forward './global/styles/project-settings';
+@forward './components/index-with-carbon';