feat(progress-bar): add recipe and tokens

core/api.txt

@@ -1934,13 +1934,23 @@ ion-progress-bar,prop,color,"danger" | "dark" | "light" | "medium" | "primary" |
 ion-progress-bar,prop,mode,"ios" | "md",undefined,false,false
 ion-progress-bar,prop,reversed,boolean,false,false,false
 ion-progress-bar,prop,shape,"rectangular" | "round" | undefined,undefined,false,false
-ion-progress-bar,prop,theme,"ios" | "md" | "ionic",undefined,false,false
 ion-progress-bar,prop,type,"determinate" | "indeterminate",'determinate',false,false
 ion-progress-bar,prop,value,number,0,false,false
-ion-progress-bar,css-prop,--background,ios
-ion-progress-bar,css-prop,--background,md
-ion-progress-bar,css-prop,--progress-background,ios
-ion-progress-bar,css-prop,--progress-background,md
+ion-progress-bar,css-prop,--ion-progress-bar-determinate-buffer-bar-default-background
+ion-progress-bar,css-prop,--ion-progress-bar-determinate-buffer-bar-semantic-default-background
+ion-progress-bar,css-prop,--ion-progress-bar-determinate-buffer-bar-solid-default-background
+ion-progress-bar,css-prop,--ion-progress-bar-determinate-buffer-circles-default-background
+ion-progress-bar,css-prop,--ion-progress-bar-determinate-buffer-circles-semantic-default-background
+ion-progress-bar,css-prop,--ion-progress-bar-determinate-progress-default-background
+ion-progress-bar,css-prop,--ion-progress-bar-determinate-progress-semantic-default-background
+ion-progress-bar,css-prop,--ion-progress-bar-height
+ion-progress-bar,css-prop,--ion-progress-bar-indeterminate-buffer-bar-default-background
+ion-progress-bar,css-prop,--ion-progress-bar-indeterminate-buffer-bar-semantic-default-background
+ion-progress-bar,css-prop,--ion-progress-bar-indeterminate-buffer-bar-solid-default-background
+ion-progress-bar,css-prop,--ion-progress-bar-indeterminate-progress-default-background
+ion-progress-bar,css-prop,--ion-progress-bar-indeterminate-progress-semantic-default-background
+ion-progress-bar,css-prop,--ion-progress-bar-shape-rectangular-border-radius
+ion-progress-bar,css-prop,--ion-progress-bar-shape-round-border-radius
 ion-progress-bar,part,progress
 ion-progress-bar,part,stream
 ion-progress-bar,part,track

core/src/components.d.ts

@@ -28,6 +28,7 @@ import { PickerChangeEventDetail } from "./components/picker/picker-interfaces";
 import { PickerColumnChangeEventDetail, PickerColumnValue } from "./components/picker-column/picker-column-interfaces";
 import { PickerButton, PickerColumn } from "./components/picker-legacy/picker-interface";
 import { PopoverSize, PositionAlign, PositionReference, PositionSide, TriggerAction } from "./components/popover/popover-interface";
+import { IonProgressBarShape } from "./components/progress-bar/progress-bar.interfaces";
 import { RadioGroupChangeEventDetail, RadioGroupCompareFn } from "./components/radio-group/radio-group-interface";
 import { PinFormatter, RangeChangeEventDetail, RangeKnobMoveEndEventDetail, RangeKnobMoveStartEventDetail, RangeValue } from "./components/range/range-interface";
 import { RefresherEventDetail } from "./components/refresher/refresher-interface";
@@ -68,6 +69,7 @@ export { PickerChangeEventDetail } from "./components/picker/picker-interfaces";
 export { PickerColumnChangeEventDetail, PickerColumnValue } from "./components/picker-column/picker-column-interfaces";
 export { PickerButton, PickerColumn } from "./components/picker-legacy/picker-interface";
 export { PopoverSize, PositionAlign, PositionReference, PositionSide, TriggerAction } from "./components/popover/popover-interface";
+export { IonProgressBarShape } from "./components/progress-bar/progress-bar.interfaces";
 export { RadioGroupChangeEventDetail, RadioGroupCompareFn } from "./components/radio-group/radio-group-interface";
 export { PinFormatter, RangeChangeEventDetail, RangeKnobMoveEndEventDetail, RangeKnobMoveStartEventDetail, RangeValue } from "./components/range/range-interface";
 export { RefresherEventDetail } from "./components/refresher/refresher-interface";
@@ -2977,6 +2979,9 @@ export namespace Components {
          */
         "triggerAction": TriggerAction;
     }
+    /**
+     * *
+     */
     interface IonProgressBar {
         /**
           * If the buffer and value are smaller than 1, the buffer circles will show. The buffer should be between [0, 1].
@@ -2997,13 +3002,9 @@ export namespace Components {
          */
         "reversed": boolean;
         /**
-          * Set to `"round"` for a progress bar with rounded corners, or `"rectangular"` for a progress bar without rounded corners.  Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
+          * Set to `"round"` for a progress bar with rounded corners, or `"rectangular"` for a progress bar without rounded corners.  Defaults to `"round"` if both the shape property and theme config are unset.
          */
-        "shape"?: 'round' | 'rectangular';
-        /**
-          * The theme determines the visual appearance of the component.
-         */
-        "theme"?: "ios" | "md" | "ionic";
+        "shape"?: IonProgressBarShape;
         /**
           * The state of the progress bar, based on if the time the process takes is known or not. Default options are: `"determinate"` (no animation), `"indeterminate"` (animate from left to right).
           * @default 'determinate'
@@ -5372,6 +5373,9 @@ declare global {
         prototype: HTMLIonPopoverElement;
         new (): HTMLIonPopoverElement;
     };
+    /**
+     * *
+     */
     interface HTMLIonProgressBarElement extends Components.IonProgressBar, HTMLStencilElement {
     }
     var HTMLIonProgressBarElement: {
@@ -8901,6 +8905,9 @@ declare namespace LocalJSX {
          */
         "triggerAction"?: TriggerAction;
     }
+    /**
+     * *
+     */
     interface IonProgressBar {
         /**
           * If the buffer and value are smaller than 1, the buffer circles will show. The buffer should be between [0, 1].
@@ -8921,13 +8928,9 @@ declare namespace LocalJSX {
          */
         "reversed"?: boolean;
         /**
-          * Set to `"round"` for a progress bar with rounded corners, or `"rectangular"` for a progress bar without rounded corners.  Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
+          * Set to `"round"` for a progress bar with rounded corners, or `"rectangular"` for a progress bar without rounded corners.  Defaults to `"round"` if both the shape property and theme config are unset.
          */
-        "shape"?: 'round' | 'rectangular';
-        /**
-          * The theme determines the visual appearance of the component.
-         */
-        "theme"?: "ios" | "md" | "ionic";
+        "shape"?: IonProgressBarShape;
         /**
           * The state of the progress bar, based on if the time the process takes is known or not. Default options are: `"determinate"` (no animation), `"indeterminate"` (animate from left to right).
           * @default 'determinate'
@@ -10667,6 +10670,9 @@ declare module "@stencil/core" {
             "ion-picker-legacy": LocalJSX.IonPickerLegacy & JSXBase.HTMLAttributes<HTMLIonPickerLegacyElement>;
             "ion-picker-legacy-column": LocalJSX.IonPickerLegacyColumn & JSXBase.HTMLAttributes<HTMLIonPickerLegacyColumnElement>;
             "ion-popover": LocalJSX.IonPopover & JSXBase.HTMLAttributes<HTMLIonPopoverElement>;
+            /**
+             * *
+             */
             "ion-progress-bar": LocalJSX.IonProgressBar & JSXBase.HTMLAttributes<HTMLIonProgressBarElement>;
             "ion-radio": LocalJSX.IonRadio & JSXBase.HTMLAttributes<HTMLIonRadioElement>;
             "ion-radio-group": LocalJSX.IonRadioGroup & JSXBase.HTMLAttributes<HTMLIonRadioGroupElement>;

core/src/components/chip/chip.tsx

@@ -84,7 +84,7 @@ export class Chip implements ComponentInterface {
 
   /**
    * Gets the chip fill. Uses the `fill` property if set, otherwise
-   * checks the theme config and falls back to 'solid' if neither is provided.
+   * checks the theme config. Defaults to `solid` if neither is set.
    */
   get fillValue(): IonChipFill {
     const fillConfig = config.getObjectValue('IonChip.fill', 'solid') as IonChipFill;
@@ -95,7 +95,7 @@ export class Chip implements ComponentInterface {
 
   /**
    * Gets the chip hue. Uses the `hue` property if set, otherwise
-   * checks the theme config and falls back to 'subtle' if neither is provided.
+   * checks the theme config. Defaults to `subtle` if neither is set.
    */
   get hueValue(): IonChipHue {
     const hueConfig = config.getObjectValue('IonChip.hue', 'subtle') as IonChipHue;
@@ -106,7 +106,7 @@ export class Chip implements ComponentInterface {
 
   /**
    * Gets the chip shape. Uses the `shape` property if set, otherwise
-   * checks the theme config and falls back to 'round' if neither is provided.
+   * checks the theme config. Defaults to `round` if neither is set.
    */
   get shapeValue(): IonChipShape {
     const shapeConfig = config.getObjectValue('IonChip.shape', 'round') as IonChipShape;
@@ -117,7 +117,7 @@ export class Chip implements ComponentInterface {
 
   /**
    * Gets the chip size. Uses the `size` property if set, otherwise
-   * checks the theme config and falls back to 'large' if neither is provided.
+   * checks the theme config. Defaults to `large` if neither is set.
    */
   get sizeValue(): IonChipSize {
     const sizeConfig = config.getObjectValue('IonChip.size', 'large') as IonChipSize;