@aws-amplify/ui 3.12.5 → 3.13.0

package/dist/styles.css

@@ -3,7 +3,7 @@
  */
 /**
  * Do not edit directly
- * Generated on Wed, 03 Aug 2022 17:04:38 GMT
+ * Generated on Thu, 11 Aug 2022 21:46:17 GMT
  */
 :root, [data-amplify-theme] {
   --amplify-transforms-slide-x-large: translateX(2em);
@@ -290,6 +290,7 @@
   --amplify-components-checkboxfield-flex-direction: column;
   --amplify-components-checkboxfield-align-content: center;
   --amplify-components-checkboxfield-align-items: flex-start;
+  --amplify-components-checkbox-icon-indeterminate-transform: scale(1);
   --amplify-components-checkbox-icon-checked-transform: scale(1);
   --amplify-components-checkbox-icon-transition-timing-function: ease-in-out;
   --amplify-components-checkbox-icon-transition-property: all;
@@ -440,6 +441,7 @@
   --amplify-components-switchfield-label-padding: var(--amplify-space-xs);
   --amplify-components-switchfield-small-font-size: var(--amplify-font-sizes-small);
   --amplify-components-switchfield-large-font-size: var(--amplify-font-sizes-large);
+  --amplify-components-switchfield-font-size: var(--amplify-font-sizes-medium);
   --amplify-components-switchfield-disabled-opacity: var(--amplify-opacities-60);
   --amplify-components-stepperfield-button-background-color: var(--amplify-colors-transparent);
   --amplify-components-sliderfield-thumb-border-width: var(--amplify-border-widths-medium);
@@ -583,6 +585,7 @@
   --amplify-components-copy-tool-tip-bottom: var(--amplify-space-large);
   --amplify-components-copy-gap: var(--amplify-space-relative-medium);
   --amplify-components-copy-font-size: var(--amplify-font-sizes-xs);
+  --amplify-components-checkbox-icon-indeterminate-opacity: var(--amplify-opacities-100);
   --amplify-components-checkbox-icon-checked-opacity: var(--amplify-opacities-100);
   --amplify-components-checkbox-icon-transition-duration: var(--amplify-time-short);
   --amplify-components-checkbox-icon-opacity: var(--amplify-opacities-0);
@@ -684,8 +687,10 @@
   --amplify-components-sliderfield-thumb-background-color: var(--amplify-colors-background-primary);
   --amplify-components-sliderfield-range-background-color: var(--amplify-colors-brand-primary-80);
   --amplify-components-sliderfield-track-background-color: var(--amplify-colors-background-quaternary);
+  --amplify-components-select-option-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-select-option-color: var(--amplify-colors-font-primary);
   --amplify-components-select-option-background-color: var(--amplify-colors-background-primary);
+  --amplify-components-searchfield-button-background-color: var(--amplify-colors-background-primary);
   --amplify-components-rating-empty-color: var(--amplify-colors-background-tertiary);
   --amplify-components-rating-filled-color: var(--amplify-colors-brand-secondary-80);
   --amplify-components-radiogroup-radio-border-width: var(--amplify-components-radio-button-border-width);
@@ -895,6 +900,7 @@
   --amplify-components-collection-pagination-button-hover-color: var(--amplify-components-pagination-button-hover-color);
   --amplify-components-collection-pagination-button-color: var(--amplify-components-pagination-button-color);
   --amplify-components-collection-pagination-current-color: var(--amplify-components-pagination-current-color);
+  --amplify-components-checkbox-icon-indeterminate-disabled-background-color: var(--amplify-colors-background-disabled);
   --amplify-components-checkbox-icon-checked-disabled-background-color: var(--amplify-colors-background-disabled);
   --amplify-components-checkbox-button-disabled-border-color: var(--amplify-colors-border-disabled);
   --amplify-components-checkbox-button-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus);
@@ -2130,6 +2136,13 @@ strong.amplify-text {
     --amplify-components-checkbox-icon-checked-disabled-background-color
   );
 }
+.amplify-checkbox__icon--indeterminate {
+  opacity: var(--amplify-components-checkbox-icon-indeterminate-opacity);
+  transform: var(--amplify-components-checkbox-icon-indeterminate-transform);
+  --amplify-internal-checkbox-icon-disabled-background-color: var(
+    --amplify-components-checkbox-icon-indeterminate-disabled-background-color
+  );
+}
 .amplify-checkbox__icon--disabled {
   background-color: var(--amplify-internal-checkbox-icon-disabled-background-color);
 }
@@ -2840,6 +2853,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
 }
 .amplify-searchfield__search {
   color: var(--amplify-components-searchfield-button-color);
+  background-color: var(--amplify-components-searchfield-button-background-color);
 }
 .amplify-searchfield__search:active {
   background-color: var(--amplify-components-button-active-background-color);
@@ -2967,6 +2981,9 @@ html[dir=rtl] .amplify-field-group__inner-start {
 .amplify-select option {
   color: initial;
 }
+.amplify-select option[disabled=""] {
+  color: var(--amplify-components-select-option-disabled-color);
+}
 @-moz-document url-prefix() {
   .amplify-select option {
     background-color: var(--amplify-components-select-option-background-color);
@@ -3228,6 +3245,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
 
 .amplify-switchfield {
   display: inline-block;
+  font-size: var(--amplify-components-switchfield-font-size);
 }
 .amplify-switchfield--small {
   font-size: var(--amplify-components-switchfield-small-font-size);

package/dist/theme.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 03 Aug 2022 17:04:38 GMT
+ * Generated on Thu, 11 Aug 2022 21:46:17 GMT
  */
 
 :root, [data-amplify-theme] {
@@ -288,6 +288,7 @@
   --amplify-components-checkboxfield-flex-direction: column;
   --amplify-components-checkboxfield-align-content: center;
   --amplify-components-checkboxfield-align-items: flex-start;
+  --amplify-components-checkbox-icon-indeterminate-transform: scale(1);
   --amplify-components-checkbox-icon-checked-transform: scale(1);
   --amplify-components-checkbox-icon-transition-timing-function: ease-in-out;
   --amplify-components-checkbox-icon-transition-property: all;
@@ -438,6 +439,7 @@
   --amplify-components-switchfield-label-padding: var(--amplify-space-xs);
   --amplify-components-switchfield-small-font-size: var(--amplify-font-sizes-small);
   --amplify-components-switchfield-large-font-size: var(--amplify-font-sizes-large);
+  --amplify-components-switchfield-font-size: var(--amplify-font-sizes-medium);
   --amplify-components-switchfield-disabled-opacity: var(--amplify-opacities-60);
   --amplify-components-stepperfield-button-background-color: var(--amplify-colors-transparent);
   --amplify-components-sliderfield-thumb-border-width: var(--amplify-border-widths-medium);
@@ -581,6 +583,7 @@
   --amplify-components-copy-tool-tip-bottom: var(--amplify-space-large);
   --amplify-components-copy-gap: var(--amplify-space-relative-medium);
   --amplify-components-copy-font-size: var(--amplify-font-sizes-xs);
+  --amplify-components-checkbox-icon-indeterminate-opacity: var(--amplify-opacities-100);
   --amplify-components-checkbox-icon-checked-opacity: var(--amplify-opacities-100);
   --amplify-components-checkbox-icon-transition-duration: var(--amplify-time-short);
   --amplify-components-checkbox-icon-opacity: var(--amplify-opacities-0);
@@ -682,8 +685,10 @@
   --amplify-components-sliderfield-thumb-background-color: var(--amplify-colors-background-primary);
   --amplify-components-sliderfield-range-background-color: var(--amplify-colors-brand-primary-80);
   --amplify-components-sliderfield-track-background-color: var(--amplify-colors-background-quaternary);
+  --amplify-components-select-option-disabled-color: var(--amplify-colors-font-disabled);
   --amplify-components-select-option-color: var(--amplify-colors-font-primary);
   --amplify-components-select-option-background-color: var(--amplify-colors-background-primary);
+  --amplify-components-searchfield-button-background-color: var(--amplify-colors-background-primary);
   --amplify-components-rating-empty-color: var(--amplify-colors-background-tertiary);
   --amplify-components-rating-filled-color: var(--amplify-colors-brand-secondary-80);
   --amplify-components-radiogroup-radio-border-width: var(--amplify-components-radio-button-border-width);
@@ -893,6 +898,7 @@
   --amplify-components-collection-pagination-button-hover-color: var(--amplify-components-pagination-button-hover-color);
   --amplify-components-collection-pagination-button-color: var(--amplify-components-pagination-button-color);
   --amplify-components-collection-pagination-current-color: var(--amplify-components-pagination-current-color);
+  --amplify-components-checkbox-icon-indeterminate-disabled-background-color: var(--amplify-colors-background-disabled);
   --amplify-components-checkbox-icon-checked-disabled-background-color: var(--amplify-colors-background-disabled);
   --amplify-components-checkbox-button-disabled-border-color: var(--amplify-colors-border-disabled);
   --amplify-components-checkbox-button-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus);

package/dist/types/theme/tokens/components/checkbox.d.ts

@@ -47,6 +47,11 @@ interface IconCheckedToken {
     transform: DesignToken<TransformValue>;
     _disabled: IconCheckedDisabled;
 }
+interface IconIndeterminateToken {
+    opacity: DesignToken<OpacityValue>;
+    transform: DesignToken<TransformValue>;
+    _disabled: IconCheckedDisabled;
+}
 interface IconToken {
     backgroundColor: DesignToken<BackgroundColorValue>;
     borderRadius: DesignToken<BorderRadiusValue>;
@@ -56,6 +61,7 @@ interface IconToken {
     transitionDuration: DesignToken<TransitionDurationValue>;
     transitionTimingFunction: DesignToken<TransitionTimingFunctionValue>;
     _checked: IconCheckedToken;
+    _indeterminate: IconIndeterminateToken;
 }
 interface LabelDisabledToken {
     color: DesignToken<ColorValue>;

package/dist/types/theme/tokens/components/searchField.d.ts

@@ -1,7 +1,8 @@
-import { ColorValue, DesignToken } from '../types/designToken';
+import { BackgroundColorValue, ColorValue, DesignToken } from '../types/designToken';
 import { StateTokens } from './button';
 interface SearchTokens {
     color: DesignToken<ColorValue>;
+    backgroundColor: DesignToken<BackgroundColorValue>;
     _active: StateTokens;
     _disabled: StateTokens;
     _focus: StateTokens;

package/dist/types/theme/tokens/components/select.d.ts

@@ -16,6 +16,9 @@ interface SelectIconWrapperTokens {
 interface SelectOptionTokens {
     backgroundColor: DesignToken<BackgroundColorValue>;
     color: DesignToken<ColorValue>;
+    _disabled: {
+        color: DesignToken<ColorValue>;
+    };
 }
 interface SelectSizeTokens {
     minWidth: DesignToken<SpaceValue>;

package/dist/types/theme/tokens/components/switchField.d.ts

@@ -41,6 +41,7 @@ interface SwitchFieldTrackCheckedTokens {
     backgroundColor: DesignToken<BackgroundColorValue>;
 }
 export interface SwitchFieldTokens {
+    fontSize: DesignToken<FontSizeValue>;
     _disabled: SwitchFieldDisabledTokens;
     _focused: SwitchFieldFocusedTokens;
     large: SwitchFieldSizeTokens;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui",
-  "version": "3.12.5",
+  "version": "3.13.0",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "exports": {
@@ -24,7 +24,6 @@
   },
   "files": [
     "dist",
-    "dist/esm/node_modules",
     "LICENSE"
   ],
   "scripts": {
@@ -43,7 +42,8 @@
   "dependencies": {
     "lodash": "4.17.21",
     "style-dictionary": "3.7.0",
-    "xstate": "^4.30.6"
+    "xstate": "^4.33.0",
+    "tslib": "2.4.0"
   },
   "devDependencies": {
     "@rollup/plugin-typescript": "^8.3.1",
@@ -58,11 +58,11 @@
     "postcss": "^8.3.6",
     "rimraf": "^3.0.2",
     "rollup": "^2.70.0",
+    "rollup-plugin-node-externals": "^4.1.1",
     "rollup-plugin-terser": "^7.0.2",
     "sass": "^1.35.2",
     "ts-jest": "^27.0.3",
     "ts-node": "^10.2.1",
-    "tslib": "^2.3.0",
     "type-fest": "^2.3.4"
   },
   "peerDependencies": {

package/dist/esm/node_modules/tslib/tslib.es6.js

@@ -1 +0,0 @@
-var t=function(){return t=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},t.apply(this,arguments)};function e(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(n[r[o]]=t[r[o]])}return n}function n(t,e,n,r){return new(n||(n=Promise))((function(o,a){function l(t){try{i(r.next(t))}catch(t){a(t)}}function c(t){try{i(r.throw(t))}catch(t){a(t)}}function i(t){var e;t.done?o(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(l,c)}i((r=r.apply(t,e||[])).next())}))}function r(t,e){var n,r,o,a,l={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function c(a){return function(c){return function(a){if(n)throw new TypeError("Generator is already executing.");for(;l;)try{if(n=1,r&&(o=2&a[0]?r.return:a[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;switch(r=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return l.label++,{value:a[1],done:!1};case 5:l.label++,r=a[1],a=[0];continue;case 7:a=l.ops.pop(),l.trys.pop();continue;default:if(!(o=l.trys,(o=o.length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){l=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){l.label=a[1];break}if(6===a[0]&&l.label<o[1]){l.label=o[1],o=a;break}if(o&&l.label<o[2]){l.label=o[2],l.ops.push(a);break}o[2]&&l.ops.pop(),l.trys.pop();continue}a=e.call(t,l)}catch(t){a=[6,t],r=0}finally{n=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,c])}}}function o(t,e,n){if(n||2===arguments.length)for(var r,o=0,a=e.length;o<a;o++)!r&&o in e||(r||(r=Array.prototype.slice.call(e,0,o)),r[o]=e[o]);return t.concat(r||Array.prototype.slice.call(e))}export{t as __assign,n as __awaiter,r as __generator,e as __rest,o as __spreadArray};