@sage/design-tokens 2.52.0 → 2.54.0

package/data/tokens.json

@@ -1594,35 +1594,38 @@
     "borderRadius": {
       "100": {
         "value": "8px",
-        "type": "borderRadius"
+        "type": "borderRadius",
+        "description": "Anchor nav (right corners), Card (tightly stacked), Message, Navigation top (menu bottom corners), Navigation left (menu selected state, TBC hover state), Pagination, Tab, Table, Toast"
       },
       "200": {
         "value": "16px",
-        "type": "borderRadius"
-      },
-      "300": {
-        "value": "24px",
-        "type": "borderRadius"
+        "type": "borderRadius",
+        "description": "Carousel: What's New, Dialog (not full screen), Action popover (menu), Button: Multi-action (menu), Button: Split (menu), Card (larger spaced), Tile, Tile select, Color picker, Tooltip"
       },
       "400": {
         "value": "32px",
-        "type": "borderRadius"
+        "type": "borderRadius",
+        "description": "Action popover (button), Button bars (outer corners only), Button: Major, Button: Minor, Button: Multi-action, Button: Split, Button: Toggle, File upload (integrated moving bar), Loader bar (moving bar), Progress bar (expanding bar)"
       },
       "circle": {
         "value": "50%",
-        "type": "borderRadius"
+        "type": "borderRadius",
+        "description": "Badge, Radio button."
       },
       "025": {
         "value": "2px",
-        "type": "borderRadius"
+        "type": "borderRadius",
+        "description": "Checkbox S"
       },
       "050": {
         "value": "4px",
-        "type": "borderRadius"
+        "type": "borderRadius",
+        "description": "Checkbox L, Date picker, Dropdown select (trigger), Dropdown select (menu), Link focus (tbc), Pill, Search, Text area, Text input"
       },
       "000": {
         "value": "0px",
-        "type": "borderRadius"
+        "type": "borderRadius",
+        "description": "Grouped button internal/adjacent corners, File upload (integrated bar extreme left and right corners)"
       }
     },
     "typography": {
@@ -3622,5 +3625,589 @@
         "type": "opacity"
       }
     }
+  },
+  "origin": {
+    "meta": {
+      "name": {
+        "value": "Origin Token Set",
+        "type": "other"
+      },
+      "public": {
+        "value": "true",
+        "type": "other"
+      }
+    },
+    "origin": {
+      "jade": {
+        "100": {
+          "value": "#8ff8b7ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "200": {
+          "value": "#44ed90ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "300": {
+          "value": "#00ca71ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "400": {
+          "value": "#00a65cff",
+          "type": "color",
+          "description": "ORIGIN - core"
+        },
+        "500": {
+          "value": "#00884aff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "600": {
+          "value": "#006d3bff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "700": {
+          "value": "#00522cff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "800": {
+          "value": "#00361eff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "900": {
+          "value": "#001b0fff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "1000": {
+          "value": "#000000ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "000": {
+          "value": "#ffffffff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "010": {
+          "value": "#f2fef7ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "050": {
+          "value": "#c4fcd8ff",
+          "type": "color",
+          "description": "ORIGIN"
+        }
+      },
+      "navy": {
+        "100": {
+          "value": "#89d7edff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "200": {
+          "value": "#65bedfff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "300": {
+          "value": "#41a5d1ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "400": {
+          "value": "#1d8cc3ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "500": {
+          "value": "#0e74a7ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "600": {
+          "value": "#095b84ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "700": {
+          "value": "#054262ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "800": {
+          "value": "#00293fff",
+          "type": "color",
+          "description": "ORIGIN - core"
+        },
+        "900": {
+          "value": "#001520ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "1000": {
+          "value": "#000000ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "000": {
+          "value": "#ffffffff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "010": {
+          "value": "#f4fcfeff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "050": {
+          "value": "#caf1fcff",
+          "type": "color",
+          "description": "ORIGIN"
+        }
+      },
+      "teal": {
+        "100": {
+          "value": "#89edeaff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "200": {
+          "value": "#5bcfcdff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "300": {
+          "value": "#2eb2b1ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "400": {
+          "value": "#009494ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "500": {
+          "value": "#007776ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "600": {
+          "value": "#006362ff",
+          "type": "color",
+          "description": "ORIGIN - core"
+        },
+        "700": {
+          "value": "#004a4aff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "800": {
+          "value": "#003231ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "900": {
+          "value": "#001919ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "1000": {
+          "value": "#000000ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "000": {
+          "value": "#ffffffff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "010": {
+          "value": "#f4fefeff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "050": {
+          "value": "#c3faf8ff",
+          "type": "color",
+          "description": "ORIGIN"
+        }
+      },
+      "cherry": {
+        "100": {
+          "value": "#f7b3c2ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "200": {
+          "value": "#ed94aaff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "300": {
+          "value": "#e27491ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "400": {
+          "value": "#d85579ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "500": {
+          "value": "#ba3c63ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "600": {
+          "value": "#95304fff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "700": {
+          "value": "#70243bff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "800": {
+          "value": "#4a1828ff",
+          "type": "color",
+          "description": "ORIGIN - core"
+        },
+        "900": {
+          "value": "#250c14ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "1000": {
+          "value": "#000000ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "000": {
+          "value": "#ffffffff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "010": {
+          "value": "#fef5f7ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "050": {
+          "value": "#fad4deff",
+          "type": "color",
+          "description": "ORIGIN"
+        }
+      },
+      "terra": {
+        "100": {
+          "value": "#ffbca6ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "200": {
+          "value": "#f59a83ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "300": {
+          "value": "#ea7961ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "400": {
+          "value": "#e0583eff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "500": {
+          "value": "#c94633ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "600": {
+          "value": "#a13829ff",
+          "type": "color",
+          "description": "ORIGIN - core"
+        },
+        "700": {
+          "value": "#782a1eff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "800": {
+          "value": "#501c14ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "900": {
+          "value": "#280e0aff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "1000": {
+          "value": "#000000ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "000": {
+          "value": "#ffffffff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "010": {
+          "value": "#fff7f5ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "050": {
+          "value": "#ffdcd1ff",
+          "type": "color",
+          "description": "ORIGIN"
+        }
+      },
+      "amber": {
+        "100": {
+          "value": "#ffe290ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "200": {
+          "value": "#f5ce55ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "300": {
+          "value": "#efab2fff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "400": {
+          "value": "#e98709ff",
+          "type": "color",
+          "description": "ORIGIN - core"
+        },
+        "500": {
+          "value": "#c15708ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "600": {
+          "value": "#9b4609ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "700": {
+          "value": "#75330aff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "800": {
+          "value": "#4f220bff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "900": {
+          "value": "#281106ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "1000": {
+          "value": "#000000ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "000": {
+          "value": "#ffffffff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "010": {
+          "value": "#fffcefff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "050": {
+          "value": "#fff0c3ff",
+          "type": "color",
+          "description": "ORIGIN"
+        }
+      },
+      "skin": {
+        "400": {
+          "value": "#ddb89eff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "500": {
+          "value": "#e84d4fff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "600": {
+          "value": "#b26e3dff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "700": {
+          "value": "#3a2417ff",
+          "type": "color",
+          "description": "ORIGIN"
+        }
+      },
+      "gray": {
+        "100": {
+          "value": "#e6e6e6ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "200": {
+          "value": "#ccccccff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "300": {
+          "value": "#b3b3b3ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "400": {
+          "value": "#999999ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "500": {
+          "value": "#808080ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "600": {
+          "value": "#666666ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "700": {
+          "value": "#4d4d4dff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "800": {
+          "value": "#333333ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "900": {
+          "value": "#191919ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "1000": {
+          "value": "#000000ff",
+          "type": "color",
+          "description": "ORIGIN - brand"
+        },
+        "000": {
+          "value": "#ffffffff",
+          "type": "color",
+          "description": "ORIGIN - brand"
+        },
+        "010": {
+          "value": "#fcfcfcff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "050": {
+          "value": "#f2f2f2ff",
+          "type": "color",
+          "description": "ORIGIN"
+        }
+      },
+      "malachite": {
+        "100": {
+          "value": "#8df79fff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "200": {
+          "value": "#42eb64ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "300": {
+          "value": "#00d639ff",
+          "type": "color",
+          "description": "ORIGIN - brand"
+        },
+        "400": {
+          "value": "#00af2dff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "500": {
+          "value": "#008a21ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "600": {
+          "value": "#006716ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "700": {
+          "value": "#00460cff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "800": {
+          "value": "#002f08ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "900": {
+          "value": "#001704ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "1000": {
+          "value": "#000000ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "000": {
+          "value": "#ffffffff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "010": {
+          "value": "#effcf0ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "050": {
+          "value": "#c1fac7ff",
+          "type": "color",
+          "description": "ORIGIN"
+        }
+      },
+      "fuschia": {
+        "400": {
+          "value": "#bf47c3ff",
+          "type": "color",
+          "description": "ORIGIN"
+        },
+        "500": {
+          "value": "#b832bcff",
+          "type": "color",
+          "description": "ORIGIN"
+        }
+      }
+    }
   }
 }

package/docs/tokens/base/border-radius/index.html

@@ -256,6 +256,18 @@
                             </a>
                         </li>
                 </ul>
+                <p class="menu-label">
+                    <a href="../../origin/index.html">
+                        origin
+                    </a>
+                </p>
+                <ul class="menu-list">
+                        <li>
+                            <a href="../../origin/origin/index.html">
+                                origin
+                            </a>
+                        </li>
+                </ul>
         </section>
     </aside>
     <main class="content">
@@ -327,27 +339,6 @@
                     
                         </td>
                     </tr>
-                    <tr>
-                        <td class="with-icons is-vcentered"
-                            id="base-borderRadius300"
-                            title="theme: base; category: borderRadius; variant: 300; ">
-                            borderRadius300
-                            <a href="#base-borderRadius300"
-                               title="permalink"
-                               class="permalink">
-                                🔗
-                            </a>
-                        </td>
-                        <td class="is-vcentered">
-                            <pre>24px</pre>
-                        </td>
-                        <td class="is-vcentered">
-                            <div class="table__border-radius-preview"
-                         style="border-top-right-radius: 24px">
-                    </div>
-                    
-                        </td>
-                    </tr>
                     <tr>
                         <td class="with-icons is-vcentered"
                             id="base-borderRadius400"