@carbon/utilities 0.14.0 → 0.15.0-rc.0

package/es/carousel/types.js

@@ -1,8 +0,0 @@
-/**
- * @license
- *
- * Copyright IBM Corp. 2025
- *
- * 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/index.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2023
+//
+// 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 './scss/carousel/index';

package/lib/carousel/types.js

@@ -1,8 +1 @@
-"use strict";var r=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var u=(t,e,s,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of l(e))!a.call(t,o)&&o!==s&&r(t,o,{get:()=>e[o],enumerable:!(n=i(e,o))||n.enumerable});return t};var d=t=>u(r({},"__esModule",{value:!0}),t);var m={};module.exports=d(m);/**
- * @license
- *
- * Copyright IBM Corp. 2025
- *
- * 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 strict";var r=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var u=(t,e,s,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of l(e))!a.call(t,o)&&o!==s&&r(t,o,{get:()=>e[o],enumerable:!(n=i(e,o))||n.enumerable});return t};var d=t=>u(r({},"__esModule",{value:!0}),t);var m={};module.exports=d(m);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/utilities",
   "description": "Utilities and helpers to drive consistency across software products using the Carbon Design System",
-  "version": "0.14.0",
+  "version": "0.15.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -16,7 +16,9 @@
     "es",
     "lib",
     "types",
-    "telemetry.yml"
+    "telemetry.yml",
+    "scss",
+    "index.scss"
   ],
   "keywords": [
     "ibm",
@@ -47,5 +49,5 @@
     "@ibm/telemetry-js": "^1.6.1",
     "@internationalized/number": "^3.6.1"
   },
-  "gitHead": "57fdbc7bfad9349b5c4359c7d621e709cd4daa25"
+  "gitHead": "cbde6bd5df4774c2780411b3faa02ec3a0bb7585"
 }

package/scss/carousel/_carousel.scss

@@ -0,0 +1,98 @@
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * 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/motion' as *;
+@use '@carbon/styles/scss/utilities' as *;
+
+$prefix: 'carousel' !default;
+$animateTime: $duration-moderate-02 !default;
+
+/// Shared keyframes (needed in both)
+@mixin keyframes {
+  @keyframes out-to-active {
+    from {
+      transform: translateX(0);
+    }
+
+    to {
+      transform: translateX(-100%);
+    }
+  }
+
+  @keyframes active-to-out {
+    from {
+      transform: translateX(-100%);
+    }
+
+    to {
+      transform: translateX(0);
+    }
+  }
+}
+
+/// Shared view styles for both host and class selectors
+@mixin viewBase($name, $z, $transform: null, $animation: null) {
+  @at-root {
+    :host(.#{$name}),
+    .#{$name} {
+      z-index: $z;
+      overflow: hidden auto;
+      block-size: 100%;
+      inline-size: 100%;
+
+      @if $transform {
+        inset-inline-start: 100%;
+        transform: $transform;
+
+        @media (prefers-reduced-motion: no-preference) {
+          transition: transform $animateTime $standard-easing;
+        }
+      }
+
+      @if $animation {
+        @media (prefers-reduced-motion: no-preference) {
+          animation: #{$animation} $animateTime $standard-easing forwards;
+        }
+      }
+
+      @media (prefers-reduced-motion: reduce) {
+        animation: none;
+        transition: none;
+      }
+    }
+    :host(.#{$name}:focus),
+    .#{$name}:focus {
+      @include focus-outline('outline');
+    }
+  }
+}
+
+/// Wrapper styles
+@mixin wrapperStyles {
+  .#{$prefix}__view-stack .#{$prefix}__itemsWrapper {
+    position: relative;
+    overflow: hidden;
+    block-size: 100%;
+    inline-size: 100%;
+    min-inline-size: 20vh;
+  }
+}
+
+/// Main styles for view states
+@mixin viewStyles {
+  @include keyframes;
+  @include viewBase('#{$prefix}__view', 80, translateX(0));
+  @include viewBase('#{$prefix}__view-active', 100, translateX(-100%));
+  @include viewBase('#{$prefix}__view-in-stack', 90, translateX(-200%));
+  @include viewBase('#{$prefix}__view-recycle-in', 100, null, out-to-active);
+  @include viewBase('#{$prefix}__view-recycle-out', 90, null, active-to-out);
+}
+
+/// Optional: Universal (Lit + React)
+@mixin carousel {
+  @include wrapperStyles;
+  @include viewStyles;
+}

package/scss/carousel/_index.scss

@@ -0,0 +1,11 @@
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * 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 'carousel';
+@use 'carousel';
+
+@include carousel.carousel;

package/types/carousel/types.d.ts

@@ -1,6 +1,4 @@
 /**
- * @license
- *
  * Copyright IBM Corp. 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the