@kaizen/components 0.0.0-canary-fix-select-futureselect-focus-jumping-20241003232256 → 0.0.0-canary-tsx-codemod-20241029235345

package/dist/cjs/__future__/Tag/RemovableTag/subcomponents/RemoveTagIcon.cjs

@@ -1,23 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var SVG = require('../../../../Icon/subcomponents/SVG/SVG.cjs');
-function _interopDefault(e) {
-  return e && e.__esModule ? e : {
-    default: e
-  };
-}
-var React__default = /*#__PURE__*/_interopDefault(React);
-var RemoveTagIcon = function (props) {
-  var svgContent = React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M8.97304 10.0337L5.05893 13.9478L6.11959 15.0085L10.0337 11.0944L13.9478 15.0085L15.0085 13.9478L11.0944 10.0337L15.0085 6.11959L13.9478 5.05893L10.0337 8.97304L6.11959 5.05893L5.05893 6.11959L8.97304 10.0337Z",
-    fill: "currentColor"
-  }));
-  return React__default.default.createElement(SVG.SVG, tslib.__assign({}, props, {
-    viewBox: "0 0 20 20"
-  }), svgContent);
-};
-exports.RemoveTagIcon = RemoveTagIcon;

package/dist/esm/Loading/LoadingSpinner/LoadingSpinner.module.scss.mjs

@@ -1,5 +0,0 @@
-var styles = {
-  "loadingSpinner": "LoadingSpinner-module_loadingSpinner__4SQsH",
-  "spinner": "LoadingSpinner-module_spinner__bDpy0"
-};
-export { styles as default };

package/dist/esm/TextArea/TextArea.module.scss.mjs

@@ -1,11 +0,0 @@
-var styles = {
-  "wrapper": "TextArea-module_wrapper__ytS6M",
-  "textarea": "TextArea-module_textarea__GeHn4",
-  "focusRing": "TextArea-module_focusRing__kECqH",
-  "default": "TextArea-module_default__Z8jvR",
-  "error": "TextArea-module_error__XOQRm",
-  "caution": "TextArea-module_caution__9BGd0",
-  "disabled": "TextArea-module_disabled__N09tP",
-  "reversed": "TextArea-module_reversed__-SoNq"
-};
-export { styles as default };

package/dist/esm/__future__/Tag/RemovableTag/subcomponents/RemoveTagIcon.mjs

@@ -1,15 +0,0 @@
-import { __assign } from 'tslib';
-import React from 'react';
-import { SVG } from '../../../../Icon/subcomponents/SVG/SVG.mjs';
-var RemoveTagIcon = function (props) {
-  var svgContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M8.97304 10.0337L5.05893 13.9478L6.11959 15.0085L10.0337 11.0944L13.9478 15.0085L15.0085 13.9478L11.0944 10.0337L15.0085 6.11959L13.9478 5.05893L10.0337 8.97304L6.11959 5.05893L5.05893 6.11959L8.97304 10.0337Z",
-    fill: "currentColor"
-  }));
-  return /*#__PURE__*/React.createElement(SVG, __assign({}, props, {
-    viewBox: "0 0 20 20"
-  }), svgContent);
-};
-export { RemoveTagIcon };

package/dist/types/__future__/Tag/RemovableTag/subcomponents/RemoveTagIcon.d.ts

@@ -1,2 +0,0 @@
-import type { IconProps } from "../../../../Icon/types";
-export declare const RemoveTagIcon: (props: IconProps) => JSX.Element;

package/src/Loading/LoadingSpinner/LoadingSpinner.module.scss

@@ -1,16 +0,0 @@
-@import "~@kaizen/design-tokens/sass/animation";
-
-.loadingSpinner {
-  display: flex;
-}
-
-.spinner {
-  animation: spinner $animation-duration-deliberate
-    $animation-easing-function-ease-in-out infinite;
-}
-
-@keyframes spinner {
-  100% {
-    transform: rotate(360deg);
-  }
-}

package/src/TextArea/TextArea.module.scss

@@ -1,137 +0,0 @@
-@import "~@kaizen/design-tokens/sass/spacing";
-@import "~@kaizen/design-tokens/sass/color";
-@import "~@kaizen/design-tokens/sass/border";
-@import "../../styles/utils/forms";
-@import "../../styles/utils/form-variables";
-
-// Vars
-$input-disabled-opacity: 0.3;
-$input-disabled-border-alpha: 50%;
-
-.wrapper {
-  position: relative;
-}
-
-.textarea {
-  @include form-input-reset;
-
-  border-radius: $border-solid-border-radius;
-  width: 100%;
-  border: $border-solid-border-width $border-solid-border-style $color-gray-500;
-  padding: $spacing-sm;
-  color: $color-purple-800-rgb;
-  display: block;
-  resize: vertical;
-
-  @include form-input-placeholder {
-    line-height: 1.5;
-    color: $dt-color-form-text-color-placeholder;
-  }
-
-  &:disabled {
-    resize: none;
-  }
-}
-
-.textarea:focus + .focusRing {
-  $focus-ring-offset: 3px;
-
-  position: absolute;
-  background: transparent;
-  border-radius: $border-focus-ring-border-radius;
-  border-width: $border-focus-ring-border-width;
-  border-style: $border-focus-ring-border-style;
-  border-color: transparent;
-  inset: -$focus-ring-offset;
-  pointer-events: none;
-}
-
-.textarea.default {
-  @include form-input-focus-state {
-    background-color: $color-gray-200;
-    border-color: $color-gray-600;
-  }
-
-  &:focus + .focusRing {
-    border-color: $color-blue-500;
-  }
-
-  &:not(.error, .caution) {
-    &:disabled {
-      border-color: rgba($color-gray-500-rgb, $input-disabled-opacity);
-    }
-  }
-
-  &.error {
-    border-color: $color-red-500;
-
-    @include form-input-focus-state {
-      border-color: $color-red-500;
-    }
-  }
-
-  &.caution {
-    border-color: $color-yellow-600;
-
-    @include form-input-focus-state {
-      border-color: $color-yellow-600;
-    }
-  }
-
-  &.disabled {
-    background-color: $color-white;
-    border-color: rgba($color-gray-500-rgb, $input-disabled-opacity);
-    color: rgba($color-purple-800-rgb, $input-disabled-opacity);
-
-    @include form-input-placeholder {
-      opacity: $input-disabled-opacity;
-    }
-  }
-}
-
-// Reversed (Dark Backgrounds)
-.textarea.reversed {
-  @include form-input-focus-state {
-    background: rgba($color-white-rgb, 0.1);
-    border-color: $color-white;
-  }
-
-  border-color: rgba($color-white-rgb, 0.65);
-  background: transparent;
-  color: $color-white;
-
-  @include form-input-placeholder {
-    line-height: 1.5;
-    color: $color-white;
-  }
-
-  &:focus + .focusRing {
-    border-color: $color-blue-300;
-  }
-
-  &.error {
-    border-color: $color-red-300;
-
-    @include form-input-focus-state {
-      border-color: $color-red-300;
-    }
-  }
-
-  &.caution {
-    border-color: $color-yellow-400;
-
-    @include form-input-focus-state {
-      border-color: $color-yellow-400;
-    }
-  }
-
-  &.disabled {
-    background: transparent;
-    border-color: rgba($color-white-rgb, $input-disabled-opacity);
-    color: rgba($color-white-rgb, $input-disabled-opacity);
-
-    @include form-input-placeholder {
-      opacity: $input-disabled-opacity;
-    }
-  }
-}

package/src/__future__/Tag/RemovableTag/subcomponents/RemoveTagIcon.tsx

@@ -1,21 +0,0 @@
-import React from "react"
-import { SVG } from "~components/Icon/subcomponents/SVG"
-import type { IconProps } from "~components/Icon/types"
-
-export const RemoveTagIcon = (props: IconProps): JSX.Element => {
-  const svgContent = (
-    <>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M8.97304 10.0337L5.05893 13.9478L6.11959 15.0085L10.0337 11.0944L13.9478 15.0085L15.0085 13.9478L11.0944 10.0337L15.0085 6.11959L13.9478 5.05893L10.0337 8.97304L6.11959 5.05893L5.05893 6.11959L8.97304 10.0337Z"
-        fill="currentColor"
-      />
-    </>
-  )
-  return (
-    <SVG {...props} viewBox="0 0 20 20">
-      {svgContent}
-    </SVG>
-  )
-}